:root{--bg:#08111f;--card:#101a2c;--muted:#9fb0c9;--text:#eff6ff;--line:#23304a;--accent:#68d391;--accent2:#60a5fa;--warn:#fbbf24;--danger:#fb7185}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top,#17243d 0,#08111f 42%,#050912 100%);color:var(--text);line-height:1.65}
a{color:#93c5fd;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
.top{border-bottom:1px solid var(--line);background:rgba(5,9,18,.86);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;letter-spacing:.2px}.brand img{width:34px;height:34px;border-radius:9px}
.links{display:flex;gap:16px;flex-wrap:wrap}
.hero{padding:58px 0 34px}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:13px}
h1,.h1{font-size:clamp(34px,6vw,62px);line-height:1.02;margin:12px 0 16px}
h2{font-size:clamp(23px,3vw,34px);line-height:1.15;margin:0 0 14px}h3{margin:0 0 8px}
.lead{font-size:18px;color:#c9d7ee;max-width:880px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid2{display:grid;grid-template-columns:1.12fr .88fr;gap:22px}
.card,.panel{background:rgba(16,26,44,.88);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 18px 55px rgba(0,0,0,.25)}
a.card{display:block;color:var(--text)}.card:hover{border-color:#3b82f6;text-decoration:none}
.moviecard{padding:0;overflow:hidden}.moviecard .thumb{aspect-ratio:2/3;background:#0d1728;display:block;object-fit:cover;width:100%;border-bottom:1px solid var(--line)}.moviecard .body{padding:18px}
.pill{display:inline-flex;border:1px solid #365072;background:#0c1628;border-radius:999px;padding:6px 10px;color:#cfe3ff;font-size:13px;margin:4px 4px 4px 0}
.btn{display:inline-flex;align-items:center;gap:8px;background:#2563eb;color:#fff;border-radius:14px;padding:11px 15px;font-weight:800;margin:6px 8px 6px 0}.btn:hover{text-decoration:none;background:#1d4ed8}.btn.alt{background:#16233a;border:1px solid #2e4468}.btn.safe{background:#15803d}
.muted{color:var(--muted)}.section{padding:24px 0}.list{padding-left:20px}
.provider{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:#0b1424;border-radius:16px;padding:14px 16px;margin:10px 0}.status{color:#fef3c7}.small{font-size:14px}.crumbs{padding:18px 0;color:#b6c7df}
.footer{border-top:1px solid var(--line);margin-top:42px;padding:28px 0;color:#9fb0c9}
.poster{width:100%;max-width:360px;border-radius:18px;border:1px solid var(--line);background:#0d1728;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.backdrop{border-radius:22px;border:1px solid var(--line);width:100%;max-height:360px;object-fit:cover;background:#0d1728}
.note{border-left:4px solid var(--warn);background:#211a0e;border-radius:12px;padding:14px 16px;color:#f8eac3}.disclaimer{border-left-color:var(--danger);background:#27131a;color:#ffd7df}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.table th{color:#dbeafe}
.heroMovie{padding:36px 0 28px}.heroMovie .grid2{align-items:center}
.searchbox{width:100%;max-width:520px;border:1px solid var(--line);background:#081525;color:#fff;border-radius:14px;padding:12px 14px;margin:12px 0 0;font-size:16px}
@media(max-width:940px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.grid2{grid-template-columns:1fr}.poster{max-width:280px}.nav{align-items:flex-start;gap:10px;flex-direction:column}.links{font-size:14px}.hero{padding-top:36px}}
@media(max-width:560px){.grid4{grid-template-columns:1fr}.card,.panel{padding:18px}h1,.h1{font-size:34px}}
