:root{--bg: #0a0e1a;--bg-2: #0d1322;--card: #141a2b;--card-hover: #1b2338;--border: #26304a;--accent: #4a7fd4;--accent-2: #6b9ae8;--text: #e8ecf4;--muted: #8b93a7;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}[data-focus]{outline:none}[data-focus]:not(.poster-card):not(.hero-arrow):hover,[data-focus]:not(.poster-card):not(.hero-arrow):focus,[data-focus]:not(.poster-card):not(.hero-arrow):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.poster-card{transition:transform .15s ease;outline:none}.poster-card:hover,.poster-card:focus,.poster-card:focus-visible{transform:translateY(-5px)}.poster-thumb{transition:box-shadow .15s ease;border-radius:12px}.poster-card:hover .poster-thumb,.poster-card:focus .poster-thumb,.poster-card:focus-visible .poster-thumb{box-shadow:0 0 0 3px var(--accent),0 12px 28px #000a}.container{max-width:1400px;margin:0 auto;padding:0 24px}.row{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 14px;scroll-behavior:smooth}.row::-webkit-scrollbar{height:8px}.row::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.section-title{font-size:20px;font-weight:700;margin:28px 0 6px}.muted{color:var(--muted)}.badge{display:inline-block;background:var(--accent);color:#04122e;font-weight:700;font-size:11px;padding:2px 7px;border-radius:6px}.btn{background:var(--accent);color:#04122e;border:none;padding:12px 22px;border-radius:10px;font-weight:700;font-size:15px}.btn.secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn:hover{background:var(--accent-2)}.btn-plugin{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04122e;border:none;padding:12px 22px;border-radius:10px;font-weight:800;font-size:15px;box-shadow:0 4px 16px #4a7fd455;cursor:pointer}.btn-plugin:hover{filter:brightness(1.08)}.hero-arrow{position:absolute;top:0;bottom:0;width:70px;z-index:3;display:flex;align-items:center;justify-content:center;border:none;padding:0;cursor:pointer;color:#fff;background:transparent;opacity:.4;transition:opacity .2s ease,background .2s ease}.hero-arrow:hover,.hero-arrow:focus-visible{opacity:1;outline:none}.hero-arrow.left{left:0}.hero-arrow.right{right:0}.hero-arrow.left:hover{background:linear-gradient(90deg,#00000066,transparent)}.hero-arrow.right:hover{background:linear-gradient(270deg,#00000066,transparent)}.hero-arrow svg{filter:drop-shadow(0 2px 6px #000a)}.btn-plugin .mark{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 6px;border-radius:5px;background:#000;color:#fff;font-size:11px;font-weight:800;letter-spacing:.3px}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heroFade{0%{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}