@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg: #f8fafc;--surface: #ffffff;--surface-hover: #f1f5f9;--card: #ffffff;--card-hover: #f8fafc;--border: #e2e8f0;--border-light: #cbd5e1;--primary: #2563eb;--primary-dim: rgba(37, 99, 235, .1);--secondary: #1e40af;--secondary-dim: rgba(30, 64, 175, .1);--success: #10b981;--success-dim: rgba(16, 185, 129, .15);--danger: #f43f5e;--danger-dim: rgba(244, 63, 94, .15);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .15);--text: #0f172a;--text-muted: #64748b;--text-dim: #94a3b8;--brand-metallic: linear-gradient(135deg, #2563eb 0%, #1e40af 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}#root{width:100%;background-color:var(--bg);min-height:100vh}.app-container{width:100%;max-width:480px;margin:0 auto;background-color:var(--bg);min-height:100vh;position:relative;overflow-x:hidden;box-shadow:0 0 40px #000c}.mono{font-family:JetBrains Mono,monospace}input,select,button{font-family:Outfit,sans-serif;outline:none}button{cursor:pointer;border:none;transition:all .2s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.97)}.input-field{width:100%;background:#02050c;border:1.5px solid var(--border);border-radius:14px;padding:16px;color:var(--text);font-size:16px;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700;margin-bottom:8px;display:block}.btn-primary{width:100%;background:linear-gradient(135deg,var(--secondary),var(--primary));color:#000;font-weight:800;font-size:16px;padding:16px;border-radius:14px;box-shadow:0 8px 24px #00e5ff33}.btn-primary:hover{box-shadow:0 12px 32px #00e5ff4d}.btn-secondary{width:100%;background:transparent;color:var(--text);font-weight:700;font-size:16px;padding:16px;border-radius:14px;border:1.5px solid var(--border)}.btn-secondary:hover{background:var(--surface);border-color:var(--border-light)}.glass{background:#0a1326b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scanLine{0%{top:10%}to{top:90%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--primary-dim)}50%{box-shadow:0 0 35px #00e5ff66}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-float{animation:float 4s ease-in-out infinite}.scroll-hidden::-webkit-scrollbar{display:none}