@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--color-primary:#ff073a;--color-primary-hover:#ff2a55;--color-primary-active:#d6002f;--color-primary-muted:#ff073a1f;--color-primary-subtle:#ff073a0f;--color-primary-glow:#ff073a80;--color-bg-app:#070709;--color-bg-card:#0f0f14;--color-bg-card-subtle:#14141c;--color-bg-sidebar:#0a0a0d;--color-bg-input:#121217;--color-text-primary:#f5f5f7;--color-text-secondary:#a1a1aa;--color-text-muted:#52525b;--color-text-inverse:#fff;--color-text-price:#ff073a;--color-border:#ff073a59;--color-border-subtle:#ffffff14;--color-border-hover:#ff073a;--color-tag-orange-bg:#ff3c001f;--color-tag-orange-border:#ff3c0066;--color-tag-orange-text:#ff5722;--color-tag-purple-bg:#b428ff1f;--color-tag-purple-border:#b428ff66;--color-tag-purple-text:#d066ff;--color-tag-pink-bg:#ff14931f;--color-tag-pink-border:#ff149366;--color-tag-pink-text:#ff4081;--color-tag-green-bg:#00ff881a;--color-tag-green-border:#0f86;--color-tag-green-text:#0f8;--color-tag-yellow-bg:#ffd7001a;--color-tag-yellow-border:#ffd70066;--color-tag-yellow-text:gold;--color-tag-blue-bg:#00e5ff1a;--color-tag-blue-border:#00e5ff66;--color-tag-blue-text:#00e5ff;--color-progress-bg:#1c1c24;--color-progress-fill:#ff073a;--font-display:"Orbitron", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--border-width:1px;--border-thick:2px;--border-retro:1px solid var(--color-border);--border-retro-subtle:1px solid var(--color-border-subtle);--shadow-sm:0 4px 12px #00000080;--shadow-md:0 8px 24px #000000b3, 0 0 15px #ff073a26;--shadow-neon-sm:0 0 10px #ff073a59;--shadow-neon-md:0 0 20px #ff073a80, 0 0 40px #ff073a33;--shadow-neon-lg:0 0 30px #ff073a99, 0 0 60px #ff073a40;--glow-text-neon:0 0 10px #ff073a99, 0 0 25px #ff073a4d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg-app);color:var(--color-text-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 15% 10%,#ff073a14 0%,#0000 45%),radial-gradient(at 85% 80%,#ff073a0d 0%,#0000 40%),linear-gradient(#070709 0%,#050507 100%);background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#08080b}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ff073a66}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.retro-logo{font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:.05em;text-shadow:var(--glow-text-neon)}.heading-display{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:.02em}.heading-section{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.02em}.heading-card{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--leading-snug)}.heading-large-card{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.text-body{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.text-muted{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.text-price{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-primary);text-shadow:0 0 8px #ff073a66}.link-see-all{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);cursor:pointer;text-decoration:none;transition:color .2s,text-shadow .2s}.link-see-all:hover{color:var(--color-primary-hover);text-shadow:0 0 10px #ff073a99}.retro-card{background-color:var(--color-bg-card);border:var(--border-retro);border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 4px 20px #000000b3}.retro-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md), var(--shadow-neon-sm);transform:translateY(-2px)}.nav-item-active{background:linear-gradient(135deg, var(--color-primary) 0%, #d6002f 100%);color:var(--color-text-inverse);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-neon-sm);align-items:center;gap:.75rem;padding:.625rem 1.25rem;display:flex}.nav-item{color:var(--color-text-secondary);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);cursor:pointer;align-items:center;gap:.75rem;padding:.625rem 1.25rem;transition:background-color .15s,color .15s;display:flex}.nav-item:hover{background-color:var(--color-primary-muted);color:var(--color-primary)}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #d6002f 100%);color:var(--color-text-inverse);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:var(--shadow-neon-sm);border:1px solid #ff073a99;padding:.65rem 1.5rem;transition:transform .15s,box-shadow .2s,filter .2s}.btn-primary:hover{box-shadow:var(--shadow-neon-md);filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.tag-chip{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-bold);cursor:pointer;border:1px solid #0000;align-items:center;gap:.5rem;padding:.35rem .9rem;transition:transform .15s,box-shadow .2s;display:inline-flex}.tag-chip:hover{transform:translateY(-1px)}.tag-orange{background-color:var(--color-tag-orange-bg);border-color:var(--color-tag-orange-border);color:var(--color-tag-orange-text)}.tag-purple{background-color:var(--color-tag-purple-bg);border-color:var(--color-tag-purple-border);color:var(--color-tag-purple-text)}.tag-pink{background-color:var(--color-tag-pink-bg);border-color:var(--color-tag-pink-border);color:var(--color-tag-pink-text)}.tag-green{background-color:var(--color-tag-green-bg);border-color:var(--color-tag-green-border);color:var(--color-tag-green-text)}.badge-featured{background-color:var(--color-primary-muted);border:1px solid var(--color-primary);color:var(--color-primary);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;box-shadow:0 0 8px #ff073a4d}.badge-new{background-color:var(--color-tag-green-bg);border:1px solid var(--color-tag-green-border);color:var(--color-tag-green-text);font-size:var(--text-2xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;box-shadow:0 0 8px #00ff884d}.retro-search{background-color:var(--color-bg-card);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-primary);border:1px solid #ff073a4d;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #0006}.retro-search:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-neon-sm)}.retro-search input{width:100%;font-family:var(--font-body);color:var(--color-text-primary);background:0 0;border:none;outline:none}.retro-search input::placeholder{color:var(--color-text-muted)}.progress-bar-container{background-color:var(--color-progress-bg);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar-fill{background-color:var(--color-progress-fill);border-radius:var(--radius-full);height:100%;box-shadow:0 0 8px var(--color-primary)}.app-layout{background-color:var(--color-bg-app);flex-direction:row;min-height:100vh;display:flex}.page-content{flex-direction:row;flex:1;min-height:100vh;margin-left:240px;display:flex}@media (max-width:768px){.page-content{flex-direction:column;margin-left:200px}}