:root{--color-bg: #0a0d0f;--color-surface: #121820;--color-border: #1e3a4a;--color-accent: #00ff88;--color-warn: #ff6b35;--color-text: #e0e8f0;--color-dim: #5a7a8a;--color-accent-dim: rgba(0, 255, 136, .15);--color-warn-dim: rgba(255, 107, 53, .15);--font-main: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace;--transition-fast: .15s ease;--transition-med: .3s ease;--radius-sm: 2px;--radius-md: 4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glitch{0%{clip-path:none;transform:translate(0)}10%{clip-path:polygon(0 20%,100% 20%,100% 22%,0 22%);transform:translate(-3px);color:var(--color-warn)}11%{clip-path:none;transform:translate(0);color:var(--color-accent)}40%{clip-path:none;transform:translate(0)}41%{clip-path:polygon(0 55%,100% 55%,100% 58%,0 58%);transform:translate(3px);color:#00cfff}42%{clip-path:none;transform:translate(0);color:var(--color-accent)}to{clip-path:none;transform:translate(0)}}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100px}}@keyframes countdown{0%{transform:scale(1.5);opacity:0}20%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes damage-flash{0%{opacity:.6}to{opacity:0}}.panel{background:#0a0d0feb;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.015) 2px,rgba(0,255,136,.015) 4px);pointer-events:none;z-index:0}.btn{font-family:var(--font-main);font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:10px 24px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-dim);box-shadow:0 0 12px #00ff8840}.btn:active{transform:scale(.97)}.btn-primary{border-color:var(--color-accent);color:var(--color-bg);background:var(--color-accent);font-weight:700}.btn-primary:hover{background:#00e87a;box-shadow:0 0 20px #00ff8880;color:var(--color-bg)}.btn-warn{border-color:var(--color-warn);color:var(--color-warn);background:var(--color-warn-dim)}.btn-warn:hover{background:#ff6b354d;box-shadow:0 0 12px #ff6b3559}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.field label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-dim);font-family:var(--font-mono)}.field input{background:#121820cc;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-main);font-size:1rem;padding:8px 12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field input:focus{border-color:var(--color-accent);box-shadow:0 0 8px #0f83}.field input.error{border-color:var(--color-warn);box-shadow:0 0 8px #ff6b3533}.field input.valid{border-color:var(--color-accent)}.field-error{font-size:.75rem;color:var(--color-warn);font-family:var(--font-mono);min-height:16px}.field-ok{font-size:.75rem;color:var(--color-accent);font-family:var(--font-mono);min-height:16px}.screen-enter{animation:slideUp .35s ease forwards}.screen-leave{animation:fadeIn .2s ease reverse forwards}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-dim)}.text-accent{color:var(--color-accent)}.text-warn{color:var(--color-warn)}.text-dim{color:var(--color-dim)}.text-mono{font-family:var(--font-mono)}.hidden{display:none!important}.flex-center{display:flex;align-items:center;justify-content:center}@keyframes neonTitleCycle{0%{background-position:200% center}to{background-position:-100% center}}.neon-title{font-family:var(--font-mono);font-size:clamp(1rem,3vw,1.35rem);letter-spacing:.18em;text-align:center;background:linear-gradient(90deg,#0f8,#cf0,#f90,#f30,#fff,#00cfff,#fff,#ff0,#0f8,#cf0,#f90);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neon-title.animate{animation:neonTitleCycle .5s linear 2 both}@keyframes neonSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.neon-wave-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 0%,rgba(0,255,136,.08) 15%,rgba(204,255,0,.12) 25%,rgba(255,153,0,.12) 40%,rgba(255,0,85,.1) 55%,rgba(0,207,255,.14) 70%,rgba(0,255,136,.08) 85%,transparent 100%);pointer-events:none;z-index:50;animation:neonSweep .8s cubic-bezier(.4,0,.2,1) forwards}.step-body{transition:opacity .6s ease}@keyframes stepItemIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-body>*{opacity:0;animation:stepItemIn .4s ease forwards}.step-body>*:nth-child(1){animation-delay:.05s}.step-body>*:nth-child(2){animation-delay:.1s}.step-body>*:nth-child(3){animation-delay:.15s}.step-body>*:nth-child(4){animation-delay:.2s}.step-body>*:nth-child(5){animation-delay:.25s}.step-body>*:nth-child(6){animation-delay:.3s}.pw-wrap{position:relative}.pw-wrap input{padding-right:42px;width:100%;box-sizing:border-box}.pw-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-dim);padding:4px;display:flex;align-items:center;transition:color var(--transition-fast)}.pw-eye:hover{color:var(--color-accent)}.pin-row{display:flex;gap:10px;justify-content:center}.pin-digit{width:48px;height:56px;text-align:center;font-size:1.6rem;font-family:var(--font-mono);letter-spacing:0;background:#121820e6;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-accent);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);caret-color:var(--color-accent)}.pin-digit:focus{border-color:var(--color-accent);box-shadow:0 0 10px #00ff884d}.pin-digit.filled{border-color:var(--color-accent)}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.login-success{animation:successPulse .5s ease forwards}.pw-req-list{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:3px}.pw-req-list li{font-family:var(--font-mono);font-size:.72rem;color:var(--color-dim);transition:color .2s;display:flex;align-items:center;gap:6px}.pw-req-list li:before{content:"○";font-size:.65rem}.pw-req-list li.met{color:var(--color-accent)}.pw-req-list li.met:before{content:"●"}.pw-req-list li.unmet{color:var(--color-warn)}.pw-req-list li.unmet:before{content:"✕";font-size:.65rem}
