@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";
:root{--bg:#020a12;--bg-alt:#010810;--surface:#061020;--surface-2:#0a1828;--surface-3:#0d1f35;--border:#00d4ff1a;--border-strong:#00d4ff40;--text:#e0f4ff;--text-muted:#7ab8d4;--text-subtle:#3d7a9a;--primary:#00d4ff;--primary-glow:#00d4ff2e;--primary-dark:#00a8cc;--accent:#f0a500;--accent-glow:#f0a5002e;--red:#e53e3e;--red-glow:#e53e3e2e;--success:#0f8;--success-rgb:0, 255, 136;--success-glow:rgba(var(--success-rgb), .18);--warning:#f0a500;--error:#e53e3e;--gradient-hero:linear-gradient(135deg, #020a12 0%, #040d1a 50%, #020a12 100%);--gradient-primary:linear-gradient(135deg, #00d4ff 0%, #08c 100%);--gradient-gold:linear-gradient(135deg, #f0a500 0%, #d4860a 100%);--gradient-suit:linear-gradient(135deg, #00d4ff14 0%, #00d4ff05 100%);--gradient-card:linear-gradient(135deg, #00d4ff0d 0%, #001e3ccc 100%);--font-body:"Rajdhani", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Orbitron", "Rajdhani", sans-serif;--font-mono:"Courier New", monospace;--section-py:100px;--container-max:1200px;--container-px:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 2px 8px #0009;--shadow-md:0 8px 32px #000000b3;--shadow-lg:0 24px 64px #000c;--shadow-primary:0 0 20px #00d4ff66, 0 0 60px #00d4ff26;--shadow-accent:0 0 20px #f0a50066;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg:#f0f8ff;--bg-alt:#e8f4fc;--surface:#fff;--surface-2:#f0f8ff;--surface-3:#e0f0fa;--border:#0078b426;--border-strong:#0078b44d;--text:#001a2e;--text-muted:#1a5a80;--text-subtle:#4a90b0;--success:#008a4a;--success-rgb:0, 138, 74;--gradient-hero:linear-gradient(135deg, #e8f4fc 0%, #d0ebf8 50%, #e8f4fc 100%);--gradient-card:linear-gradient(135deg, #0064c80d 0%, #0064c805 100%);--shadow-sm:0 2px 8px #0050961a;--shadow-md:0 8px 32px #00509626;--shadow-lg:0 24px 64px #00509633}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-slow), color var(--transition-slow);line-height:1.6;overflow-x:hidden}:focus-visible{outline:1px solid var(--primary);outline-offset:3px;border-radius:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.02em;font-weight:700;line-height:1.15}p{max-width:70ch}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-dark)}.container{max-width:var(--container-max);padding:0 var(--container-px);margin:0 auto}.section{padding:var(--section-py) 0;position:relative}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:600;font-family:var(--font-display);align-items:center;gap:8px;margin-bottom:16px;display:inline-flex}.section-label:before{content:"//";color:var(--primary);opacity:.5;font-size:11px}.section-title{font-family:var(--font-display);color:var(--text);letter-spacing:.03em;margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.section-desc{color:var(--text-muted);max-width:60ch;font-size:1.05rem;font-family:var(--font-body)}.glass-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);position:relative;overflow:hidden}.glass-card:before{content:"";border-top:1px solid var(--primary);border-left:1px solid var(--primary);opacity:.6;width:16px;height:16px;position:absolute;top:0;left:0}.glass-card:after{content:"";border-bottom:1px solid var(--primary);border-right:1px solid var(--primary);opacity:.6;width:16px;height:16px;position:absolute;bottom:0;right:0}.glass-card:hover{box-shadow:var(--shadow-primary);border-color:#00d4ff66;transform:translateY(-4px)}.btn{border-radius:var(--radius-sm);font-family:var(--font-display);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:var(--primary);border:1px solid var(--primary);background:0 0;box-shadow:inset 0 0 20px #00d4ff0d,0 0 10px #00d4ff1a}.btn-primary:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#00d4ff26 0%,#0000 100%);position:absolute;inset:0}.btn-primary:hover{color:var(--primary);transform:none;box-shadow:0 0 20px #00d4ff80,inset 0 0 30px #00d4ff1a}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:scale(.98)}.btn-outline{color:var(--text-muted);border:1px solid var(--border-strong);letter-spacing:.06em;background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 12px #00d4ff33}.btn-ghost{color:var(--text-muted);background:0 0;border:none;padding:8px 12px}.btn-ghost:hover{color:var(--primary)}.badge{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600;font-family:var(--font-display);border-radius:2px;align-items:center;padding:3px 10px;display:inline-flex}.badge-primary{color:var(--primary);background:#00d4ff14;border:1px solid #00d4ff4d}.badge-accent{color:var(--accent);background:#f0a50014;border:1px solid #f0a5004d}.badge-success{background:rgba(var(--success-rgb), .08);color:var(--success);border:1px solid rgba(var(--success-rgb), .3)}.badge-muted{color:var(--text-muted);border:1px solid var(--border);background:#00d4ff0a}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);opacity:.3;border-radius:2px}::-webkit-scrollbar-thumb:hover{opacity:.6}::selection{color:var(--primary);background:#00d4ff33}@media (max-width:768px){:root{--section-py:64px;--container-px:20px}}@media (max-width:480px){:root{--section-py:48px;--container-px:16px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes arc-reactor-pulse{0%,to{box-shadow:0 0 15px #00d4ff99,0 0 40px #00d4ff33}50%{box-shadow:0 0 30px #00d4ff,0 0 80px #00d4ff66,0 0 120px #00d4ff1a}}@keyframes hud-scan{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:0}}@keyframes data-stream{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes power-up{0%{opacity:0;filter:brightness(0);transform:scale(.8)}20%{opacity:.3;filter:brightness(3)}40%{opacity:.8;filter:brightness(1.5)}60%{opacity:.6;filter:brightness(2)}80%{opacity:1;filter:brightness(1.2)}to{opacity:1;filter:brightness();transform:scale(1)}}@keyframes targeting{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}}@keyframes glitch{0%,90%,to{transform:translate(0)}91%{transform:translate(-2px)}93%{transform:translate(2px)}95%{transform:translate(-1px)}97%{transform:translate(1px)}}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hud-line{background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.3;height:1px;margin:4px 0}