: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{background:#0a0a0a;flex-direction:column;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}#app-shell:before,#app-shell:after{content:"";filter:blur(110px);pointer-events:none;z-index:0;border-radius:50%;width:360px;height:360px;position:absolute}#app-shell:before{background:#00000085;top:-140px;right:-120px}#app-shell:after{background:#ffffff08;top:60px;left:-120px}.app-header{z-index:1;text-align:center;margin-top:clamp(32px,8vh,64px);position:relative}.app-header:before{content:"";pointer-events:none;z-index:-1;filter:blur(24px);background:radial-gradient(circle at 50% 20%,#ffffff14,#0000 40%),radial-gradient(circle at 48% 62%,#000000a6,#0000 76%);width:420px;height:220px;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.app-logo-icon{width:100px;height:auto;margin:0 auto 8px;display:block}.app-logo-text{color:#fff;letter-spacing:.4px;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:40px 16px 32px;display:flex;position:relative}.auth-card{width:min(100%,390px);box-shadow:none;background:0 0;border:none;border-radius:0;align-self:center;padding:0;position:relative}.auth-card:before,.auth-card:after{content:none}.auth-card-header{text-align:center;margin-bottom:28px;padding-bottom:28px;position:relative}.auth-card-header:before{content:none}.auth-card-header:after{content:"";background:linear-gradient(90deg,#0000,#222,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.auth-card-header h2,.auth-card-header h3{color:#fff;letter-spacing:.5px;margin:0 0 12px;font-weight:700;line-height:1.2}.auth-card-header h2{font-size:clamp(28px,3.5vw,34px)}.auth-card-header h3{font-size:clamp(22px,2.3vw,28px)}.auth-card-subtitle{color:#6f7378;letter-spacing:0;text-transform:none;font-size:16px;font-weight:400;line-height:1.4}.field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.field label{color:#81858b;letter-spacing:0;text-transform:none;font-size:15px;font-weight:500}.field-input-wrap{position:relative}.field input.with-toggle{padding-right:56px}.password-toggle-btn{color:#6e7378;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle-btn:hover{opacity:.85}.password-toggle-icon{display:block}.field input,.otp-input{color:#f7f9fb;height:50px;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 20px;transition:border-color .16s,box-shadow .16s}.field input::placeholder,.otp-input::placeholder{color:#aaa}.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:#ff646d;font-size:13px}.btn{width:100%;min-height:50px;font-size:14px;font-weight:700;font-family:var(--sans);letter-spacing:0;text-transform:none;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:12px;padding:15px 52px;transition:transform .15s,filter .15s;display:inline-flex}.btn-reset{border-radius:999px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#0a0a0a;background:#97e14a}.btn-primary:not(:disabled):hover{filter:brightness(1.02);transform:translateY(-1px)}.btn-primary .spinner{border-color:#0a0a0a #0a0a0a42 #0a0a0a42}.btn-ghost{color:#fff;background:#ffffff14;border:1px solid #ffffff1f}.btn-ghost:not(:disabled):hover{background:#ffffff1f}.btn-ghost .spinner{border-color:#fff #ffffff47 #ffffff47}.spinner{border:2px solid #9aff0033;border-top-color:#9f0;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 12px;display:flex}.spinner-lg{border-width:3px;border-color:#9f0 #9aff0033 #9aff0033;width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}.alert{color:#666;background:#ffffff05;border:1px solid #1a1a1a;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.7}.alert-error{color:#aaa;border-color:#ff646d73}.alert-success{color:#97e14a;border-color:#97e14a73}.alert-info{color:#666;border-color:#1a1a1a}.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:8px 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:8px auto 0;display:block;box-shadow:0 10px 28px #99ff003d}.resend-hint{text-align:center;color:#aaa;margin-top:16px;font-size:14px;line-height:1.7}.link-btn{cursor:pointer;color:#97e14a;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;font-weight:600;text-decoration:none}.link-btn:hover{opacity:.85}.block-link{text-align:center;margin-top:16px;display:block}.cooldown-text{color:#aaa;font-size:14px;line-height:1.7}