:root{--a-bg:#06101d;--a-panel:rgba(9,21,37,.78);--a-line:rgba(151,190,224,.16);--a-text:#edf6ff;--a-muted:#91a5bb;--a-blue:#4d8dff;--a-cyan:#40d8cf;--a-violet:#9b7cff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}body.auth-premium{min-height:100vh;color:var(--a-text);background:radial-gradient(circle at 15% 15%,rgba(77,141,255,.15),transparent 32%),radial-gradient(circle at 86% 10%,rgba(64,216,207,.12),transparent 28%),radial-gradient(circle at 70% 85%,rgba(155,124,255,.1),transparent 32%),linear-gradient(135deg,#040b14,#081525 55%,#06101d);overflow-x:hidden}.auth-scene,.auth-scene:before{position:fixed;inset:0;pointer-events:none}.auth-scene{overflow:hidden}.auth-scene:before{content:"";background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.035) 50%,transparent 75%);transform:translateX(-100%);animation:scan 10s linear infinite}.auth-grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(100,156,214,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(100,156,214,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at center,#000 0,rgba(0,0,0,.8) 45%,transparent 82%);transform:perspective(700px) rotateX(58deg) translateY(25%);transform-origin:center bottom}.auth-glow{position:absolute;border-radius:50%;filter:blur(30px);mix-blend-mode:screen;animation:float 9s ease-in-out infinite}.glow-a{width:320px;height:320px;left:-80px;top:10%;background:rgba(55,115,255,.16)}.glow-b{width:280px;height:280px;right:4%;top:20%;background:rgba(51,218,203,.12);animation-delay:-3s}.glow-c{width:260px;height:260px;right:30%;bottom:-90px;background:rgba(153,111,255,.1);animation-delay:-6s}.auth-stars{position:absolute;inset:0}.auth-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#a8d7ff;box-shadow:0 0 10px rgba(90,191,255,.8);animation:twinkle 6s ease-in-out infinite}.auth-shell{width:min(1180px,calc(100% - 40px));min-height:100vh;margin:auto;display:grid;grid-template-columns:minmax(0,470px) minmax(300px,1fr);align-items:center;gap:90px;padding:55px 0;position:relative;z-index:2}.auth-card{position:relative;padding:34px 36px 28px;border:1px solid var(--a-line);border-radius:28px;background:linear-gradient(145deg,rgba(17,34,55,.86),rgba(6,17,30,.72));box-shadow:0 35px 100px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(24px);overflow:hidden}.auth-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(130deg,rgba(77,141,255,.18),transparent 30%,transparent 70%,rgba(64,216,207,.1));pointer-events:none}.auth-card-top{display:flex;align-items:center;gap:10px;color:#7890a9;font-size:8px;letter-spacing:2.6px}.auth-line{height:1px;background:linear-gradient(90deg,transparent,rgba(130,170,210,.25));flex:1}.auth-line:last-child{transform:rotate(180deg)}.auth-brand{display:flex;align-items:center;gap:12px;margin:26px 0 32px}.auth-brand img,.auth-mark{width:46px;height:46px;border-radius:15px;object-fit:contain}.auth-mark{display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;background:linear-gradient(135deg,#3e78ff,#35d2cb);box-shadow:0 12px 30px rgba(49,129,255,.25)}.auth-brand strong{display:block;font-size:15px}.auth-brand small{display:block;color:#71879e;font-size:9px;margin-top:4px;letter-spacing:1px}.auth-title>span{color:#62b7ff;font-size:9px;font-weight:800;letter-spacing:3px}.auth-title h1{font-size:34px;letter-spacing:-1.5px;margin:8px 0}.auth-title p{color:#8297ac;font-size:11px;line-height:1.9;margin:0 0 23px}.auth-error{padding:11px 13px;border:1px solid rgba(255,110,132,.25);border-radius:11px;background:rgba(255,76,103,.08);color:#ff9aa9;font-size:11px;margin-bottom:16px}.auth-form label>span{display:block;color:#91a6bb;font-size:10px;font-weight:700;margin-bottom:7px}.auth-form>label{margin-bottom:14px}.auth-input{height:50px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(137,174,207,.15);border-radius:13px;background:rgba(2,10,19,.45);transition:.25s}.auth-input:focus-within{border-color:rgba(77,141,255,.7);box-shadow:0 0 0 4px rgba(77,141,255,.08),0 0 30px rgba(77,141,255,.06)}.auth-input b{color:#5b91d5;font-size:15px;font-weight:500}.auth-input input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#edf6ff;font:inherit;font-size:13px}.auth-input input::placeholder{color:#52677d}.auth-options{display:flex;align-items:center;justify-content:space-between;color:#667d94;font-size:9px;margin:7px 0 20px}.remember{display:flex!important;align-items:center;gap:7px!important;margin:0!important;color:#8ea2b7!important}.remember input{accent-color:#4d8dff}.auth-submit{width:100%;height:52px;border:1px solid rgba(132,195,255,.22);border-radius:14px;color:#fff;background:linear-gradient(110deg,#356ff2,#2d9dff 52%,#29c8bb);font-weight:800;font-size:13px;letter-spacing:.3px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;cursor:pointer;box-shadow:0 15px 35px rgba(43,117,244,.22);transition:.25s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgba(43,117,244,.3);filter:saturate(1.12)}.auth-submit b{font-size:20px;font-weight:500}.auth-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:20px;color:#60758b;font-size:9px}.auth-bottom a{color:#77adff;text-decoration:none}.auth-side{position:relative;padding:25px 10px 25px 15px}.side-kicker{font-size:10px;letter-spacing:4px;color:#6786a7}.auth-side h2{font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-4px;margin:17px 0}.auth-side h2 em{font-style:normal;background:linear-gradient(90deg,#6e9cff,#47d8cf);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-side p{max-width:500px;color:#7f96ad;font-size:13px;line-height:2;margin:0}.side-orbit{position:relative;width:310px;height:310px;margin:35px auto 15px;border:1px solid rgba(82,150,219,.13);border-radius:50%;box-shadow:0 0 0 38px rgba(68,136,227,.025),0 0 0 82px rgba(68,136,227,.015);animation:orbital 12s ease-in-out infinite}.side-orbit:before,.side-orbit:after{content:"";position:absolute;inset:25px;border:1px dashed rgba(78,205,201,.16);border-radius:50%;animation:spin 18s linear infinite}.side-orbit:after{inset:70px;border-style:solid;border-color:rgba(131,111,255,.15);animation-direction:reverse;animation-duration:12s}.side-orbit span{position:absolute;inset:0;display:grid;place-items:center;font-size:74px;font-weight:900;background:linear-gradient(135deg,#70a3ff,#4ed9cf);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 50px rgba(75,161,255,.2)}.side-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#56d7d0;box-shadow:0 0 18px rgba(86,215,208,.8);left:50%;top:-4px;transform-origin:0 159px;animation:spin 8s linear infinite}.side-orbit i:nth-child(2){background:#759bff;animation-duration:11s;transform-origin:0 159px}.side-orbit i:nth-child(3){background:#a77dff;animation-duration:14s;transform-origin:0 159px}.side-meta{display:flex;justify-content:center;gap:10px;align-items:center;color:#5f7892;font-size:8px;letter-spacing:2px}.side-meta strong{color:#89a4c1;font-weight:700}.auth-premium:after{content:"";position:fixed;width:18px;height:18px;border:1px solid rgba(92,184,255,.35);border-radius:50%;pointer-events:none;left:var(--mx,-20px);top:var(--my,-20px);transform:translate(-50%,-50%);z-index:9;transition:left .08s ease-out,top .08s ease-out;box-shadow:0 0 18px rgba(68,151,255,.12)}@keyframes float{50%{transform:translate3d(15px,-22px) scale(1.05)}}@keyframes twinkle{0%,100%{opacity:.12;transform:scale(.7)}50%{opacity:.9;transform:scale(1.4)}}@keyframes scan{to{transform:translateX(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbital{50%{transform:translateY(-8px) rotate(2deg)}}@media(max-width:900px){.auth-shell{grid-template-columns:1fr;gap:20px;width:min(560px,calc(100% - 28px));padding:28px 0}.auth-side{display:none}}@media(max-width:560px){.auth-card{padding:27px 21px 22px;border-radius:23px}.auth-brand{margin:21px 0 25px}.auth-title h1{font-size:29px}.auth-title p{font-size:10px}.auth-bottom{flex-direction:column;text-align:center}.auth-card-top{font-size:7px}.auth-premium:after{display:none}}


/* Premium finance mark */
.premium-auth-mark{position:relative;display:grid!important;place-items:center;overflow:hidden;background:linear-gradient(145deg,#1d5bd0,#438dff 55%,#26c9bf)!important;color:#fff!important;box-shadow:0 12px 30px rgba(47,117,244,.3),inset 0 1px 0 rgba(255,255,255,.24)}
.premium-auth-mark:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg,transparent,rgba(255,255,255,.3),transparent 32%);animation:premiumMarkRotate 7s linear infinite}
.premium-auth-mark b{position:relative;font-size:22px;font-style:italic;letter-spacing:-2px}.premium-auth-mark span{position:absolute;right:8px;bottom:8px;width:3px;height:8px;border-radius:3px;background:rgba(255,255,255,.9);box-shadow:5px -3px 0 rgba(255,255,255,.8),10px -6px 0 rgba(255,255,255,.7)}
@keyframes premiumMarkRotate{to{transform:rotate(360deg)}}