.auth-shell{--bg:#05061b;--accent:#3b5bfc;--accent-glow:#4f8fff;--accent-soft:#6d8aff;background:var(--bg);color:#fff;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.auth-shell:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 50% 0,#3b82f62e,#0000 60%),radial-gradient(60% 50% at 80% 80%,#25d3660f,#0000 60%),radial-gradient(40% 40% at 20% 70%,#8b5cf612,#0000 60%);position:absolute;inset:0}.auth-shell:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#4f8fff0a 1px,#0000 1px),linear-gradient(90deg,#4f8fff0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60% at 50% 40%,#000 40%,#0000 80%);mask-image:radial-gradient(60% 60% at 50% 40%,#000 40%,#0000 80%)}.auth-grain{pointer-events:none;z-index:1;opacity:.04;mix-blend-mode:overlay;background-image:radial-gradient(circle at 25% 25%,#fff .5px,#0000 1px),radial-gradient(circle at 75% 75%,#fff .5px,#0000 1px);background-size:4px 4px,6px 6px;position:fixed;inset:0}.auth-header{z-index:5;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:relative}.auth-logo{letter-spacing:-.02em;color:#fff;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.auth-logo-mark{background:linear-gradient(135deg,#3b5bfc 0%,#1d4fd1 100%);border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 16px #3b82f659,inset 0 0 0 1px #4f8fff4d}.auth-logo-mark:after{content:"";background:radial-gradient(circle at 30% 30%,#fff6,#0000 60%);position:absolute;inset:0}.auth-logo strong{color:#4f8fff;font-weight:700}.auth-header-link{color:#ffffff80;font-size:13px;text-decoration:none;transition:color .2s}.auth-header-link:hover{color:#fff}.auth-header-link strong{color:#4f8fff;font-weight:600}.auth-wrap{z-index:5;flex:1;justify-content:center;align-items:center;padding:20px 20px 48px;display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#0f142dcc 0%,#0a0c20e6 100%);border:1px solid #4f8fff1f;border-radius:24px;width:100%;max-width:440px;padding:36px 32px;position:relative;box-shadow:0 40px 80px #00000080,inset 0 0 0 1px #4f8fff0a,0 0 60px #3b82f61a}.auth-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#4f8fff66,#0000 60%);border-radius:24px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-badge{color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;background:#3b82f614;border:1px solid #4f8fff2e;border-radius:999px;align-items:center;gap:6px;margin-bottom:18px;padding:5px 10px;font-size:11px;display:inline-flex}.auth-badge-dot{background:#25d366;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite authPulse;box-shadow:0 0 8px #25d36699}@keyframes authPulse{50%{opacity:.4;transform:scale(.85)}}.auth-progress{align-items:center;gap:10px;margin-bottom:20px;display:flex}.auth-progress-bar{background:#ffffff14;border-radius:999px;flex:1;height:3px;position:relative;overflow:hidden}.auth-progress-bar.active{background:linear-gradient(90deg,#3b5bfc,#6d8aff);box-shadow:0 0 12px #4f8fff66}.auth-title{letter-spacing:-.02em;color:#fff;margin:0 0 4px;font-family:Space Grotesk,Inter,sans-serif;font-size:28px;font-weight:700;line-height:1.1}.auth-sub{color:#ffffff80;margin:0 0 24px;font-size:14px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-alert{border-radius:12px;padding:12px 14px;font-size:13px}.auth-alert.error{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.auth-alert.success{color:#86efac;background:#25d36614;border:1px solid #25d36633}.auth-google{color:#1f1f1f;background:#fff;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000040}.auth-google:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 6px 20px #00000059}.auth-divider{align-items:center;gap:12px;margin:4px 0;display:flex}.auth-divider-line{background:#ffffff14;flex:1;height:1px}.auth-divider-text{letter-spacing:.15em;text-transform:uppercase;color:#ffffff59;font-size:11px}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:#ffffffa6;letter-spacing:.02em;font-size:12px;font-weight:500}.auth-label .req{color:#6d8aff;margin-left:2px}.auth-input,.auth-select{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s}.auth-input::placeholder{color:#ffffff38}.auth-input:hover,.auth-select:hover{border-color:#ffffff24}.auth-input:focus,.auth-select:focus{background:#4f8fff0a;border-color:#4f8fff80;box-shadow:0 0 0 3px #4f8fff1f}.auth-input:-webkit-autofill{caret-color:#fff;transition:background-color 9999s ease-out,color 9999s ease-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #0f142df2!important}.auth-input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 9999s ease-out,color 9999s ease-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #0f142df2!important}.auth-input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 9999s ease-out,color 9999s ease-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #0f142df2!important}.auth-input:-webkit-autofill:active{caret-color:#fff;transition:background-color 9999s ease-out,color 9999s ease-out;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #0f142df2!important}.auth-phone-row{gap:8px;display:flex}.auth-phone-code{color:#fff;appearance:none;background:#ffffff08 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%2399a0b8' d='M0 0l5 6 5-6z'/></svg>") right 10px center no-repeat;border:1px solid #ffffff14;border-radius:12px;outline:none;flex-shrink:0;width:108px;padding:12px 28px 12px 10px;font-size:14px;transition:border-color .2s}.auth-phone-code:focus{border-color:#4f8fff80}.auth-phone-code option,.auth-select option{color:#fff;background:#0b1028}.auth-forgot-row{justify-content:flex-end;margin-top:-2px;display:flex}.auth-forgot-link{color:#fff6;font-size:12px;text-decoration:none;transition:color .2s}.auth-forgot-link:hover{color:#6d8aff}.auth-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.auth-btn-primary{color:#fff;background:linear-gradient(#4f7bff 0%,#3b5bfc 100%);box-shadow:0 10px 24px #3b82f659,inset 0 0 0 1px #4f8fff4d,inset 0 1px #fff3}.auth-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px #3b82f673,inset 0 0 0 1px #4f8fff66,inset 0 1px #ffffff4d}.auth-btn-primary:active:not(:disabled){transform:translateY(0)}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn-ghost{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a}.auth-btn-ghost:hover:not(:disabled){background:#ffffff14;border-color:#ffffff2e}.auth-btn-row{gap:10px;padding-top:4px;display:flex}.auth-btn-row .auth-btn{flex:1}.auth-type-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-type-btn{color:#ffffff8c;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.auth-type-btn:hover{color:#ffffffd9;border-color:#ffffff2e}.auth-type-btn.active{color:#fff;background:#3b82f614;border-color:#4f8fff80;box-shadow:0 0 0 3px #4f8fff14,0 8px 20px #3b82f626}.auth-legal{color:#ffffff59;text-align:center;margin-top:8px;font-size:11px;line-height:1.6}.auth-legal a{color:#ffffff8c;text-underline-offset:2px;text-decoration:underline}.auth-legal a:hover{color:#fff}.auth-switch{text-align:center;color:#ffffff73;padding-top:6px;font-size:13px}.auth-switch a{color:#6d8aff;margin-left:4px;font-weight:600;text-decoration:none}.auth-switch a:hover{color:#4f8fff;text-decoration:underline}.auth-orb{filter:blur(60px);opacity:.5;pointer-events:none;z-index:1;border-radius:50%;position:absolute}.auth-orb-1{background:radial-gradient(circle,#3b82f666,#0000 70%);width:320px;height:320px;animation:16s ease-in-out infinite orbFloat1;top:-100px;left:-100px}.auth-orb-2{background:radial-gradient(circle,#8b5cf64d,#0000 70%);width:260px;height:260px;animation:20s ease-in-out infinite orbFloat2;bottom:-80px;right:-80px}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(40px,30px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-40px,-20px)}}@media (max-width:520px){.auth-card{border-radius:20px;padding:28px 22px}.auth-title{font-size:24px}.auth-header{padding:16px 20px}}