#app,body,html{height:100vh;margin:0;font-family:PingFang SC,Microsoft JhengHei,Helvetica Neue,Arial,sans-serif;color:#1f2d3d;overflow:hidden}.auth-wrapper{height:100vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:radial-gradient(circle at 15% 20%,rgba(255,166,201,.9),transparent 45%),radial-gradient(circle at 80% 30%,rgba(208,145,255,.8),transparent 40%),linear-gradient(135deg,#ffd1f3,#f9a8d4 45%,#f472b6);padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden}.auth-extra-circle{position:absolute;border-radius:50%;z-index:0;pointer-events:none}@-webkit-keyframes floatMove{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(10px,-15px);transform:translate(10px,-15px)}50%{-webkit-transform:translate(-5px,10px);transform:translate(-5px,10px)}75%{-webkit-transform:translate(-15px,-5px);transform:translate(-15px,-5px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floatMove{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(10px,-15px);transform:translate(10px,-15px)}50%{-webkit-transform:translate(-5px,10px);transform:translate(-5px,10px)}75%{-webkit-transform:translate(-15px,-5px);transform:translate(-15px,-5px)}to{-webkit-transform:translate(0);transform:translate(0)}}.auth-wrapper:before{content:"";position:absolute;width:360px;height:360px;background:rgba(255,182,193,.55);top:5%;left:-60px;-webkit-filter:blur(45px);filter:blur(45px);-webkit-animation:floatMove 10s ease-in-out infinite;animation:floatMove 10s ease-in-out infinite;opacity:.9;z-index:0}.auth-wrapper:after{content:"";position:absolute;width:420px;height:420px;background:rgba(214,153,255,.55);bottom:-40px;right:-40px;-webkit-filter:blur(55px);filter:blur(55px);animation:floatMove 14s ease-in-out infinite reverse;opacity:.85;z-index:0}.auth-circle-3,.auth-circle-4,.auth-circle-5{content:"";position:absolute;border-radius:50%;z-index:0;opacity:.8}.auth-circle-3{width:220px;height:220px;background:hsla(0,0%,100%,.35);top:55%;left:15%;-webkit-filter:blur(40px);filter:blur(40px);-webkit-animation:floatMove 11s ease-in-out infinite;animation:floatMove 11s ease-in-out infinite}.auth-circle-4{width:140px;height:140px;background:rgba(255,238,151,.5);top:20%;right:20%;-webkit-filter:blur(30px);filter:blur(30px);animation:floatMove 9s ease-in-out infinite reverse}.auth-circle-5{width:120px;height:120px;background:rgba(152,211,255,.45);bottom:15%;left:30%;-webkit-filter:blur(35px);filter:blur(35px);-webkit-animation:floatMove 13s ease-in-out infinite;animation:floatMove 13s ease-in-out infinite}.card-panel{width:400px;max-width:90vw;background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border-radius:24px;-webkit-box-shadow:0 20px 40px -12px rgba(0,0,0,.1);box-shadow:0 20px 40px -12px rgba(0,0,0,.1);padding:32px 32px;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto}.card-panel.card-panel--tall{padding-top:32px;padding-bottom:32px}.auth-footer{margin-top:20px;text-align:center;font-size:12px;color:#94a3b8}.send-code-btn{width:120px;margin-left:12px;padding:0 12px}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.fade-enter,.fade-leave-to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}