:root{--bg:#141414;--surface:#181818;--text:#e5e5e5;--muted:gray;--accent:#e50914;--accent-hover:#f6121d}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.ott-home{background:var(--bg);min-height:100vh}.hero{background:linear-gradient(#14141400 0%,#14141499 60%,#141414 100%);align-items:flex-end;min-height:70vh;padding:0 4vw 3rem;display:flex;position:relative}.hero-overlay{pointer-events:none;background:radial-gradient(at 20% 30%,#e5091426,#0000 50%),linear-gradient(#1414141a 0%,#141414b3 100%);position:absolute;inset:0}.hero-content{max-width:600px;position:relative}.hero-title{text-shadow:2px 2px 4px #000c;margin:0 0 1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.hero-desc{color:#e5e5e5;text-shadow:1px 1px 3px #000c;margin:0 0 1.5rem;font-size:1.05rem;line-height:1.5}.hero-actions{gap:.75rem;display:flex}.btn{cursor:pointer;border-radius:4px;align-items:center;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{color:#000;background:#fff}.btn-secondary{color:#fff;background:#6d6d6eb3}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{opacity:.9}.btn-small{padding:.35rem .9rem;font-size:.85rem}.site-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414d9;border-bottom:1px solid #232323;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 4vw;display:flex;position:sticky;top:0}.site-logo{color:var(--accent);letter-spacing:.05em;font-size:1.25rem;font-weight:800;text-decoration:none}.site-nav{align-items:center;gap:.9rem;display:flex}.site-nav-placeholder{width:64px;height:30px;display:inline-block}.site-user{color:var(--text);font-size:.95rem;font-weight:600;text-decoration:none}.site-user:hover{text-decoration:underline}.row-section{z-index:1;margin-top:-2rem;padding:0 4vw;position:relative}.row-title{color:#e5e5e5;margin:0 0 .75rem;font-size:1.3rem;font-weight:700}.row-scroll{scroll-snap-type:x mandatory;gap:.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.row-scroll::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;width:180px;color:var(--text);flex:none;text-decoration:none;transition:transform .2s}.card:hover{z-index:2;transform:scale(1.05)}.card-poster{aspect-ratio:2/3;background:var(--surface);border-radius:4px;width:100%;overflow:hidden}.card-poster img{object-fit:cover;width:100%;height:100%;display:block}.card-title{white-space:nowrap;text-overflow:ellipsis;margin-top:.5rem;font-size:.9rem;font-weight:600;overflow:hidden}.ott-footer{color:var(--muted);border-top:1px solid #2a2a2a;padding:2rem 4vw;font-size:.85rem}.skeleton{background:#1f1f1f;border-radius:4px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.4s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-hero-title{width:60%;height:42px;margin-bottom:14px}.skeleton-hero-desc{width:40%;height:16px;margin-bottom:22px}.skeleton-hero-actions{width:180px;height:40px}.skeleton-hero{min-height:62vh}.skeleton-card{width:200px}.skeleton-card-poster{aspect-ratio:2/3}.skeleton-card-title{width:80%;height:14px;margin-top:8px}
