:root{--bg: #0a0a0f;--surface: #16161f;--surface-hover: #1f1f2a;--accent: #e8394a;--accent-dim: #7a1e28;--violet: #a78bfa;--text: #f2f1ed;--text-muted: #8b8a94;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--font-display: "Unbounded", sans-serif;--font-body: "Inter", sans-serif;--radius: 10px;--nav-h: 68px;--bottom-nav-h: 0px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}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-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.container{max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,56px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#17171f,#232330,#17171f 80%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius)}.page-fade-enter{opacity:0}.page-fade-enter-active{opacity:1;transition:opacity .15s ease}@media (max-width: 768px){.nav-links{display:none!important}.mobile-menu-btn{display:grid!important}.hide-on-narrow{display:none!important}:root{--nav-h: 58px;--bottom-nav-h: 58px}.hero-wrap{height:56vh!important;min-height:340px!important;margin:12px 12px 24px!important;border-radius:16px!important}.hero-content{padding:0 18px 20px!important}.hero-badge{top:12px!important;left:14px!important}.hero-synopsis{display:none!important}body{padding-bottom:var(--bottom-nav-h)}}@media (min-width: 769px){.mobile-menu-panel,.bottom-nav{display:none!important}.hero-wrap{height:64vh;min-height:420px}.hero-content{padding-bottom:56px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h, 58px);background:#0a0a0ffa;border-top:1px solid var(--border);display:flex;z-index:55}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:var(--text-muted)}.bottom-nav a.active{color:var(--text)}
