@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;500;600&display=swap";
:root{--bg-primary:#050508;--bg-secondary:#0a0a12;--bg-card:#0f0f1a;--accent-cyan:#00f5ff;--accent-purple:#a855f7;--accent-orange:#ff6b35;--accent-green:#0f8;--text-primary:#f0f0ff;--text-muted:#6b7280;--border:#00f5ff26;--glow-cyan:0 0 20px #00f5ff4d;--glow-purple:0 0 20px #a855f74d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.font-display{font-family:Orbitron,monospace}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #00f5ff33}50%{box-shadow:0 0 30px #00f5ff99,0 0 60px #00f5ff33}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bg-grid{background-image:linear-gradient(#00f5ff08 1px,#0000 1px),linear-gradient(90deg,#00f5ff08 1px,#0000 1px);background-size:50px 50px}.border-glow{border:1px solid var(--border);transition:border-color .3s,box-shadow .3s}.border-glow:hover{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#000;cursor:pointer;letter-spacing:1px;text-transform:uppercase;border:none;border-radius:4px;padding:12px 28px;font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:#ffffff1a;transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:after{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00f5ff66}.btn-ghost{color:var(--accent-cyan);border:1px solid var(--accent-cyan);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;border-radius:4px;padding:10px 24px;font-family:Orbitron,monospace;font-size:.8rem;font-weight:600;transition:all .3s}.btn-ghost:hover{box-shadow:var(--glow-cyan);background:#00f5ff1a;transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:1}.card:hover{border-color:#00f5ff66;transform:translateY(-4px);box-shadow:0 8px 32px #00f5ff1a}.badge{letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-block}.badge-cyan{color:var(--accent-cyan);background:#00f5ff26;border:1px solid #00f5ff4d}.badge-purple{color:var(--accent-purple);background:#a855f726;border:1px solid #a855f74d}.badge-orange{color:var(--accent-orange);background:#ff6b3526;border:1px solid #ff6b354d}.badge-green{color:var(--accent-green);background:#00ff8826;border:1px solid #00ff884d}.status-dot{background:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow;display:inline-block}.section-title{background:linear-gradient(135deg,#fff 0%,var(--accent-cyan)50%,var(--accent-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;line-height:1.2}.product-img{aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:4px;width:100%}.price{color:var(--accent-cyan);font-family:Orbitron,monospace;font-size:1.2rem;font-weight:700}