:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font-family:var(--sans);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100svh}body{color:#e4e7ec;background:radial-gradient(circle at 65% 6%,#ffffff1a,#0000 38%),radial-gradient(circle at 18% 85%,#99ff000f,#0000 45%),#030509;min-height:100svh;margin:0}p{margin:0}#app-shell{flex-direction:column;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}#app-shell:before,#app-shell:after{content:"";filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;width:320px;height:320px;position:absolute}#app-shell:before{background:#0000007a;top:-90px;right:-80px}#app-shell:after{background:#ffffff0d;top:40px;left:-120px}.app-header{z-index:1;text-align:center;margin-top:clamp(36px,9vh,72px);position:relative}.app-header:before{content:"";pointer-events:none;z-index:-1;filter:blur(20px);background:radial-gradient(circle at 50% 20%,#d6dce433,#0000 38%),radial-gradient(circle at 48% 62%,#0000008f,#0000 74%);width:420px;height:250px;position:absolute;top:-46px;left:50%;transform:translate(-50%)}.app-logo-icon{object-fit:contain;mix-blend-mode:lighten;opacity:.98;filter:saturate(1.14)brightness(1.1)contrast(1.18);width:72px;height:72px;margin:0 auto 10px;display:block}.app-logo-text{color:#f4f4f5;letter-spacing:-.2px;font-size:18px}.app-logo-strong{font-weight:700}.app-logo-light{font-weight:400}.app-main{z-index:1;flex:1;justify-content:center;width:100%;padding:30px 16px 26px;display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0f1218f5 0%,#0b0d12fa 100%);border:1px solid #ffffff12;border-radius:28px;align-self:center;width:100%;max-width:410px;padding:32px 22px 24px;box-shadow:inset 0 1px #ffffff0d,0 22px 44px #0000007a}.auth-card-header{text-align:left;margin-bottom:20px}.auth-card-header h2,.auth-card-header h3{color:#f8fafc;letter-spacing:-.7px;margin:0 0 8px;font-weight:700;line-height:1.07}.auth-card-header h2{font-size:clamp(28px,3.5vw,36px)}.auth-card-header h3{font-size:clamp(18px,2.3vw,24px)}.auth-card-subtitle{color:#71717a;font-size:14px;line-height:1.45}.field{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.field label{color:#c4c8cf;font-size:14px;font-weight:500}.field input,.otp-input{color:#f7f9fb;height:46px;font-size:15px;font-family:var(--sans);box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;outline:none;width:100%;padding:0 16px;transition:border-color .16s,box-shadow .16s}.field input::placeholder,.otp-input::placeholder{color:#9ea3ad}.field input:focus,.otp-input:focus{border-color:#9aff0099;box-shadow:0 0 0 3px #9aff0033}.field input.input-error,.otp-input.input-error{border-color:#ff646d}.otp-input{letter-spacing:.18em;text-align:center;text-transform:uppercase;font-family:var(--mono)}.field-error{color:#ff8a8f;font-size:12px}.btn{width:100%;height:46px;font-size:15px;font-weight:700;font-family:var(--sans);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;margin-top:8px;padding:0 20px;transition:transform .15s,filter .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#101512;background:linear-gradient(#9f0 0%,#7de900 100%)}.btn-primary:not(:disabled):hover{filter:brightness(1.02);transform:translateY(-1px)}.btn-ghost{color:#eef1f5;background:#ffffff14;border:1px solid #ffffff1f}.btn-ghost:not(:disabled):hover{background:#ffffff1f}.spinner{border:2px solid #10161247;border-top-color:#1c2a16;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner-center{justify-content:center;padding:28px 0 8px;display:flex}.spinner-lg{border-width:3px;border-color:#9f0 #9aff0033 #9aff0033;width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:14px;margin-bottom:14px;padding:10px 14px;font-size:14px;line-height:1.45}.alert-error{color:#ff9ea3;background:#ff646d1f;border:1px solid #ff646d59}.alert-success{color:#d7ff96;background:#99ff0024;border:1px solid #99ff0047}.alert-info{color:#dbff9f;background:#99ff001f;border:1px solid #99ff0047}.success-icon{color:#12220c;background:linear-gradient(#9f0 0%,#7de900 100%);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:18px auto 0;font-size:36px;font-weight:700;display:flex;box-shadow:0 10px 28px #99ff003d}.success-icon-image{object-fit:contain;border-radius:50%;width:70px;height:70px;margin:18px auto 0;display:block;box-shadow:0 10px 28px #99ff003d}.resend-hint{text-align:center;color:#a2a8b3;margin-top:16px;font-size:14px}.link-btn{cursor:pointer;color:#9f0;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none}.link-btn:hover{opacity:.85}.block-link{text-align:center;margin-top:14px;display:block}.cooldown-text{color:#a2a8b3;font-size:14px}