@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-primary:#0a0a0d;--bg-secondary:#121217;--bg-card:#171720;--bg-card-hover:#1f1f2c;--bg-surface:#242434;--bg-glass:#121218bf;--brand-orange:#ff9000;--brand-orange-hover:#ffa826;--brand-orange-glow:#ff900059;--brand-accent-red:#ff334b;--brand-accent-blue:#00b4d8;--brand-accent-purple:#9d4edd;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-subtle:#ffffff14;--border-highlight:#ff90004d;--font-main:"Outfit", "Inter", sans-serif;--font-sans:"Inter", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #0009;--shadow-glow:0 0 25px #ff900040}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--brand-orange)}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-wrapper{flex:1;width:100%;max-width:1720px;margin:0 auto;padding:24px 20px 60px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #ff900040}50%{box-shadow:0 0 30px #ff900080}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)}.badge-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-orange{background:var(--brand-orange);color:#000;font-weight:800}.badge-hd{color:var(--brand-orange);background:#ff900026;border:1px solid #ff90004d}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;display:grid}@media (min-width:1400px){.video-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:640px){.video-grid{grid-template-columns:1fr;gap:16px}.main-wrapper{padding:16px 12px 40px}}