.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);background:#f5f7fb}.auth-hero{position:relative;overflow:hidden;color:#e8ecff;background:radial-gradient(1200px 600px at 10% -10%,#2a3a8f 0%,transparent 60%),radial-gradient(900px 500px at 110% 110%,#4b1f7a 0%,transparent 55%),#070b1f;padding:48px 56px;display:flex;flex-direction:column;gap:32px}.auth-hero:before{content:"";position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-image:linear-gradient(rgba(120,140,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,255,.08) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at 40% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 40% 40%,#000 30%,transparent 75%);animation:auth-grid 18s linear infinite}.auth-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:auth-float 12s ease-in-out infinite alternate}.auth-orb.a{width:320px;height:320px;background:#3b5bff;top:8%;right:-80px}.auth-orb.b{width:260px;height:260px;background:#a63bff;bottom:-60px;left:20%;animation-delay:-6s}.auth-hero>:not(.auth-orb){position:relative}.auth-brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:1px;font-size:18px}.auth-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;color:#fff;background:linear-gradient(135deg,#4f7cff,#a64dff);box-shadow:0 0 24px #6e78ff99}.auth-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:12px;border:1px solid rgba(140,160,255,.35);background:#5064ff1f;color:#b9c4ff;width:fit-content}.auth-dot{width:7px;height:7px;border-radius:50%;background:#3ee08f;box-shadow:0 0 8px #3ee08f;animation:auth-pulse 1.6s ease-in-out infinite}.auth-headline{margin:14px 0 10px;font-size:44px;line-height:1.15;font-weight:800;color:#fff}.auth-grad{background:linear-gradient(90deg,#6ea8ff,#b47cff,#ff7ad9,#6ea8ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:auth-shine 6s linear infinite}.auth-lead{margin:0;font-size:15px;color:#a9b3d9;max-width:520px;line-height:1.7}.auth-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:640px}.auth-card{padding:16px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(140,160,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .25s,border-color .25s,background .25s}.auth-card:hover{transform:translateY(-3px);border-color:#968cff8c;background:#ffffff12}.auth-card h4{margin:10px 0 4px;color:#fff;font-size:15px;display:flex;align-items:center;gap:8px}.auth-card p{margin:0;font-size:12.5px;color:#98a2c9;line-height:1.6}.auth-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;color:#fff}.auth-tag{font-size:10.5px;padding:0 6px;border-radius:4px;background:#6ea8ff2e;color:#9ec2ff;font-weight:500}.auth-viz{margin-top:12px;height:22px;display:flex;align-items:center;gap:6px}.auth-bar{flex:1;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.auth-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#3ee08f,#f5c542,#ff5a6e);animation:auth-drain 5s ease-in-out infinite}.auth-chip{font-size:10.5px;padding:1px 7px;border-radius:4px;border:1px solid rgba(140,160,255,.3);color:#c3cbf0}.auth-chip.on{border-color:#3ee08f;color:#3ee08f}.auth-mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#c3cbf0}.auth-slot{width:14px;height:14px;border-radius:4px;background:#3ee08fbf}.auth-slot.refill{animation:auth-refill 4s ease-in-out infinite}.auth-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#a9b3d9;max-width:640px}.auth-step{padding:5px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(140,160,255,.18)}.auth-arrow{color:#6b76a8}.auth-foot{margin-top:auto;font-size:12px;color:#5f6894}.auth-side{display:grid;place-items:center;padding:32px 24px}.auth-form{width:100%;max-width:400px}.auth-form-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 60px #141e5014,0 2px 8px #141e500a}.auth-mobile{display:none}@media (max-width: 960px){.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.auth-side{place-items:start center;padding:0 16px 32px}.auth-mobile{display:block;margin:0 -16px 20px;padding:28px 20px 22px;color:#fff;background:radial-gradient(500px 260px at 0% 0%,#2a3a8f,transparent 70%),#070b1f}.auth-mobile h2{margin:12px 0 10px;font-size:24px;color:#fff}.auth-mobile .chips{display:flex;flex-wrap:wrap;gap:6px}.auth-mobile .chips span{font-size:12px;padding:2px 9px;border-radius:999px;background:#ffffff14;color:#c3cbf0}.auth-form-card{padding:24px 20px}}@keyframes auth-grid{to{transform:translate(40px,40px)}}@keyframes auth-float{to{transform:translate(-40px,30px) scale(1.1)}}@keyframes auth-pulse{50%{opacity:.35}}@keyframes auth-shine{to{background-position:300% 0}}@keyframes auth-drain{0%{width:92%}70%{width:6%}to{width:92%}}@keyframes auth-refill{0%,35%{background:#3ee08fbf}45%,60%{background:#ff5a6ecc}75%,to{background:#3ee08fbf;transform:scale(1)}70%{transform:scale(1.25)}}@media (prefers-reduced-motion: reduce){.auth-hero:before,.auth-orb,.auth-dot,.auth-grad,.auth-bar i,.auth-slot.refill{animation:none}}