@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap";
:root{--bg-dark:#0a0e17;--bg-dark-gradient:linear-gradient(180deg, #0a0e17 0%, #0f1520 50%, #0a0e17 100%);--bg-card:#111827;--bg-card-hover:#1a2332;--bg-card-active:#1e2a3a;--bg-input:#0d1117;--bg-overlay:#0009;--accent:#f97316;--accent-light:#fb923c;--accent-dark:#ea580c;--accent-glow:#f9731626;--accent-glow-strong:#f973164d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0a0e17;--safe-green:#22c55e;--safe-green-glow:#22c55e26;--alert-red:#ef4444;--alert-red-glow:#ef444426;--panic-red:#dc2626;--panic-red-glow:#dc26264d;--warning-amber:#f59e0b;--info-blue:#3b82f6;--drill-blue:#2563eb;--border:#94a3b814;--border-light:#94a3b826;--border-focus:#f9731680;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:20px;--radius-full:100px;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 25px -3px #0006;--shadow-glow-accent:0 0 30px #f973164d;--shadow-glow-red:0 0 30px #dc262666;--shadow-glow-green:0 0 20px #22c55e4d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);font-weight:700;line-height:1.15}h1{font-size:clamp(2.2rem,5vw,3.5rem)}h2{font-size:clamp(1.6rem,4vw,2.4rem)}h3{font-size:clamp(1.2rem,3vw,1.6rem)}h4{font-size:1.1rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-light)}input,textarea,select{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-size:1rem}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.9rem;font-weight:500;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px 28px;font-size:1rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-glow-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 0 40px #f9731666}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent)}.btn-danger{background:var(--alert-red);color:#fff;box-shadow:var(--shadow-glow-red)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-card)}.btn-sm{padding:8px 18px;font-size:.875rem}.btn-lg{padding:16px 36px;font-size:1.1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.card-hover:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.card-interactive:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);cursor:pointer}.badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-glow);color:var(--accent)}.badge-success{background:var(--safe-green-glow);color:var(--safe-green)}.badge-danger{background:var(--alert-red-glow);color:var(--alert-red)}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-md);margin:0 auto}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-center{text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #dc26264d}50%{box-shadow:0 0 40px #dc262699}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeIn{animation:.4s forwards fadeIn}.animate-fadeInUp{animation:.5s forwards fadeInUp}.stagger>*{opacity:0;animation:.5s forwards fadeInUp}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-glow-strong);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}