:root{--bg:#0d0f12;--surface:#171a20;--border:#2a3038;--text:#f5f6f7;--muted:#a8afb9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 32px),1200px);margin:auto}header{border-bottom:1px solid var(--border);position:sticky;top:0;background:#0d0f12ee;z-index:5}.nav{min-height:70px;display:flex;align-items:center;gap:25px}.brand{font-weight:800;font-size:1.25rem}.nav nav{display:flex;gap:18px}.nav form{margin-left:auto;display:flex}.nav input,input,select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:11px;border-radius:8px}button{background:#fff;color:#111;border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}.hero{padding:90px 0}.hero h1{font-size:clamp(2.5rem,6vw,5rem);max-width:850px;line-height:1}.hero form,.auth form,.admin-grid form{display:grid;gap:10px;max-width:520px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px 14px;margin-bottom:60px}.card img,.placeholder{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;background:var(--surface)}.card h3{font-size:.95rem;margin:8px 0 0}.muted{color:var(--muted)}section.container{padding-top:40px}.detail{display:grid;grid-template-columns:280px 1fr;gap:40px}.poster{width:100%;border-radius:14px}.providers,.sources{display:flex;gap:10px;flex-wrap:wrap}.providers span{padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.player{aspect-ratio:16/9;margin-top:15px}.player iframe{width:100%;height:100%;border:0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}table{width:100%;border-collapse:collapse;margin:20px 0 50px}td,th{padding:12px;border-bottom:1px solid var(--border);text-align:left}.alert{padding:12px;background:var(--surface);margin-top:15px;border:1px solid var(--border)}footer{margin-top:70px;border-top:1px solid var(--border);padding:35px 0}@media(max-width:900px){.grid{grid-template-columns:repeat(4,1fr)}.nav{flex-wrap:wrap;padding:12px 0}.nav form{width:100%;margin:0}.admin-grid{grid-template-columns:1fr}}@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:110px 1fr}.nav nav{font-size:.85rem}.hero{padding:60px 0}}
