:root{--bg: #0a0a0d;--bg-elevated: #121218;--surface: #17171f;--surface-hover: #1f1f29;--border: #26262f;--text: #f2f2f5;--text-muted: #9a9aa6;--accent: #ff3d2e;--accent-hover: #ff5a4d;--gold: #e8b84b;--success: #2ecc71;--font-display: "Bebas Neue", "Arial Narrow", sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{max-width:1440px;margin:0 auto;padding:0 32px}@media (max-width: 640px){.container{padding:0 16px}}.section{padding:32px 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:26px;letter-spacing:.5px;margin:0;position:relative;padding-bottom:10px}.section-title:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;background-image:radial-gradient(circle,var(--accent) 1.5px,transparent 1.6px);background-size:8px 4px;background-repeat:repeat-x}.see-all{font-size:13px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:4px}.see-all:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:6px;border:none;font-weight:700;font-size:14px;transition:transform .15s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#ffffff14;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff24}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.badge{font-size:11px;font-weight:700;padding:3px 7px;border-radius:3px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);letter-spacing:.3px}.badge-accent{background:#ff3d2e26;border-color:#ff3d2e66;color:var(--accent-hover)}.rating{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-weight:700;font-size:13px}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:60px auto}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 20px;color:var(--text-muted)}.empty-state h3{color:var(--text);font-family:var(--font-display);font-size:24px;letter-spacing:.5px}