@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--neon-cyan:#00f5ff;--neon-purple:#b44fff;--neon-green:#0f8;--neon-orange:#ff6b35;--bg-void:#03040a;--bg-deep:#080c16;--bg-dark:#0d1326;--bg-card:#111827;--bg-card-hover:#1a2340;--bg-glass:#0d1326b3;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#475569;--border-subtle:#00f5ff1a;--border-glow:#00f5ff66;--gradient-hero:linear-gradient(135deg,#03040a 0%,#080c16 50%,#0d1326 100%);--gradient-card:linear-gradient(145deg,#111827,#0d1326);--gradient-cyan:linear-gradient(135deg,#00f5ff,#09c);--gradient-purple:linear-gradient(135deg,#b44fff,#7b2cff);--gradient-metal:linear-gradient(145deg,#1e2a3a,#2d3748,#1e2a3a);--shadow-cyan:0 0 20px #00f5ff4d;--shadow-purple:0 0 20px #b44fff4d;--shadow-card:0 8px 32px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-void);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:3px}::selection{color:var(--neon-cyan);background:#00f5ff33}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00f5ff08 1px,#0000 1px),linear-gradient(90deg,#00f5ff08 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.font-orbitron{font-family:Orbitron,sans-serif}.text-glow-cyan{text-shadow:0 0 10px var(--neon-cyan),0 0 20px #00f5ff80}.text-glow-purple{text-shadow:0 0 10px var(--neon-purple),0 0 20px #b44fff80}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:12px;transition:all .3s}.glass-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-cyan);transform:translateY(-2px)}.btn-neon{border:1px solid var(--neon-cyan);color:var(--neon-cyan);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;padding:12px 28px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-neon:before{content:"";background:var(--neon-cyan);opacity:0;transition:opacity .3s;position:absolute;inset:0}.btn-neon:hover{color:var(--bg-void);box-shadow:var(--shadow-cyan)}.btn-neon:hover:before{opacity:1}.btn-neon span{z-index:1;position:relative}.input-cyber{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);background:#0006;border-radius:6px;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:14px;transition:all .3s}.input-cyber:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 2px #00f5ff1a,inset 0 0 10px #00f5ff0d}.input-cyber::placeholder{color:var(--text-muted)}.badge-active{color:var(--neon-green);letter-spacing:1px;text-transform:uppercase;background:#00ff881a;border:1px solid #0f86;border-radius:20px;padding:4px 12px;font-family:Orbitron,sans-serif;font-size:11px}.badge-expired{color:var(--neon-orange);letter-spacing:1px;text-transform:uppercase;background:#ff6b351a;border:1px solid #ff6b3566;border-radius:20px;padding:4px 12px;font-family:Orbitron,sans-serif;font-size:11px}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #00f5ff4d}50%{box-shadow:0 0 25px #00f5ffb3,0 0 50px #00f5ff33}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-glow{animation:3s ease-in-out infinite glow-pulse}.animate-fade-in{animation:.6s forwards fade-in}.animate-slide-in{animation:.4s forwards slide-in}