@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#08090b;--panel:#111317;--panel2:#17191e;--text:#f5f5f6;--muted:#9a9da6;--line:#292c32;--accent:#d7f36a;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:78px;padding:0 5.5%;display:flex;align-items:center;gap:50px;background:rgba(8,9,11,.95);border-bottom:1px solid rgba(255,255,255,.055);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:15px;letter-spacing:2px;white-space:nowrap}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--accent);color:#111;border-radius:10px;font-size:19px;letter-spacing:-2px}.muted{color:#8b8e97}.topbar nav{display:flex;align-items:center;gap:28px;height:100%;flex:1}.topbar nav a{height:100%;display:flex;align-items:center;color:#9699a1;position:relative;font-size:13px}.topbar nav a:hover,.topbar nav a.active{color:#fff}.topbar nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.top-actions{display:flex;align-items:center;gap:12px}.search{display:flex;align-items:center;gap:8px;background:#111317;border:1px solid #292c32;border-radius:24px;padding:9px 13px;color:#8d9099;width:180px}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.icon-btn,.close-btn{border:1px solid #303239;background:#15171b;color:#dfe0e4;width:38px;height:38px;border-radius:50%;font-size:16px}.hero{margin:14px auto 0;width:calc(100% - 10%);height:min(370px,34vw);min-height:290px;border-radius:25px;overflow:hidden;position:relative;background:#292b30 url('https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?auto=format&fit=crop&w=1800&q=85') center 42%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.94) 0%,rgba(5,6,8,.7) 37%,rgba(5,6,8,.12) 77%),linear-gradient(0deg,rgba(5,6,8,.65),transparent 50%)}.hero-content{position:absolute;left:6%;top:50%;transform:translateY(-48%);max-width:490px;animation:heroEnter .48s ease both}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#b7bbc3}.eyebrow{display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #d7f36a80}.pill{border:1px solid #72765a;border-radius:4px;padding:4px 7px;color:var(--accent);font-size:8px;letter-spacing:1px}.hero h1{font:800 clamp(30px,3.5vw,48px)/1.08 Manrope,sans-serif;letter-spacing:-1.6px;margin:12px 0 10px;max-width:500px}.meta{display:flex;align-items:center;gap:10px;color:#c6c8ce;font-size:12px}.rating{color:var(--accent)}.hero p{color:#c0c2c8;line-height:1.55;max-width:400px;font-size:13px;margin:12px 0 16px}.hero-buttons{display:flex;gap:10px}.primary-btn,.secondary-btn,.danger-btn{border:0;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-btn{background:var(--accent);color:#12140c}.primary-btn:hover{background:#e4ff85}.secondary-btn{background:rgba(255,255,255,.09);color:#f5f5f6;border:1px solid rgba(255,255,255,.12)}.secondary-btn:hover{background:rgba(255,255,255,.15)}.hero-pagination{position:absolute;bottom:17px;left:6%;display:flex;gap:7px}.hero-pagination i{width:5px;height:5px;border-radius:10px;background:#777}.hero-pagination i.selected{width:22px;background:var(--accent)}.content-wrap{width:90%;max-width:1500px;margin:0 auto}.genre-row{display:flex;align-items:center;gap:20px;margin:20px 0 28px;flex-wrap:wrap}.genres{display:flex;gap:8px;flex-wrap:wrap}.genre{background:#111317;border:1px solid #282b30;color:#aeb1b9;padding:9px 14px;border-radius:22px;font-size:11px}.genre:hover,.genre.active{background:#d7f36a16;border-color:#8b9b4c;color:var(--accent)}.catalog-section{margin:0 0 36px;scroll-margin-top:100px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.section-head h2,.wide-promo h2{font:750 24px/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:7px 0 0}.accent{color:var(--accent)}.text-btn{border:0;background:transparent;color:#b6b9c0;font-size:12px;padding:8px 0}.text-btn span{color:var(--accent);margin-left:7px}.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}.movie-card{min-width:0;cursor:pointer}.poster-wrap{aspect-ratio:2/2.85;border-radius:12px;overflow:hidden;position:relative;background:#17191e;border:1px solid #25272c}.poster-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.movie-card:hover .poster-wrap img{transform:scale(1.045)}.poster-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 45%);opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.movie-card:hover .poster-overlay{opacity:1}.poster-play{width:43px;height:43px;border-radius:50%;background:var(--accent);color:#111;display:grid;place-items:center;font-size:16px}.poster-type{position:absolute;left:9px;top:9px;background:#08090bc9;border:1px solid #ffffff24;border-radius:5px;padding:5px 7px;font-size:9px;letter-spacing:.7px}.card-meta{display:flex;align-items:center;gap:7px;color:#a2a5ad;font-size:10px;margin:10px 0 5px}.card-meta .star{color:var(--accent)}.card-title{font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-category{color:#7e828b;font-size:10px;margin-top:4px}.wide-promo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 32px;margin:14px 0 50px;border:1px solid #343a27;border-radius:18px;background:radial-gradient(ellipse at 80% 20%,#d7f36a12,transparent 50%),#10120e}.wide-promo h2{font-size:25px}.wide-promo p{color:#a3a69d;margin:10px 0 0;font-size:12px}.wide-promo .secondary-btn{white-space:nowrap}footer{border-top:1px solid #22242a;display:flex;align-items:center;gap:25px;padding:25px 5%;color:#777b84;font-size:11px}footer .brand{color:#fff;margin-right:auto;font-size:12px}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:#fff}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px}.hidden{display:none!important}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(9px)}.player-dialog,.details-dialog,.admin-dialog{position:relative;z-index:1;width:min(900px,100%);max-height:92vh;overflow:auto;background:#101216;border:1px solid #30333a;border-radius:18px;box-shadow:0 25px 100px #000a}.player-dialog{padding:23px}.player-top,.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.player-top h2,.admin-header h2{font:750 22px Manrope,sans-serif;margin:5px 0}.player-frame{width:100%;aspect-ratio:16/9;background:#050607;border:1px solid #292c32;border-radius:12px;overflow:hidden;display:grid;place-items:center}.player-frame iframe{width:100%;height:100%;border:0;background:#000}.player-placeholder{text-align:center;color:#a0a3ab;padding:20px}.player-placeholder h3{color:#f5f5f6;margin:12px 0 5px}.player-placeholder p{font-size:12px;line-height:1.6}.big-play{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#111;margin:auto;font-size:21px;padding-left:4px}.player-under{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0}.player-under p{color:#a9acb4;line-height:1.6;margin:6px 0 0;font-size:12px}.sponsor-link{color:var(--accent);font-size:11px;white-space:nowrap;border:1px solid #586236;padding:9px 12px;border-radius:8px}.banner-slot{min-height:75px;border:1px dashed #3b3e44;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#737782;font-size:11px;padding:10px;text-align:center}.ad-label{font-size:8px;letter-spacing:1.5px;color:#666a73}.ad-note{font-size:10px;color:#6d717a;text-align:center;margin:12px 0 0}.details-dialog{max-width:700px;display:grid;grid-template-columns:220px 1fr;overflow:hidden}.details-dialog>img{width:100%;height:100%;max-height:430px;object-fit:cover}.details-copy{padding:35px 28px;align-self:center}.details-copy h2{font:800 27px Manrope,sans-serif;margin:10px 0}.details-copy p{color:#aeb1b9;line-height:1.7;margin-bottom:22px}.floating-close{position:absolute;right:12px;top:12px;z-index:2}.admin-dialog{width:min(820px,100%);padding:25px}.admin-warning{font-size:11px;line-height:1.6;color:#d6d5b3;background:#d7f36a0d;border:1px solid #505a2c;padding:11px 13px;border-radius:8px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#b8bbc3;font-size:11px}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;background:#090a0d;border:1px solid #30333a;border-radius:8px;padding:11px;color:#f5f5f6;outline:none;font-size:12px}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#94a64a}.form-grid small{color:#7d818b;line-height:1.5}.form-actions{display:flex;gap:9px;margin-top:16px}.admin-list-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292c32;margin-top:22px;padding-top:17px}.admin-list-head h3{margin:0;font:700 15px Manrope,sans-serif}.admin-list-head span{font-size:11px;color:#9296a0}.admin-library{display:flex;flex-direction:column;gap:7px;margin-top:12px}.admin-item{display:flex;align-items:center;gap:11px;padding:8px;background:#17191e;border:1px solid #282b31;border-radius:9px}.admin-item img{width:35px;height:48px;object-fit:cover;border-radius:5px}.admin-item-info{flex:1;min-width:0}.admin-item-info strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-item-info small{color:#8b8f98;font-size:10px}.mini-btn{border:1px solid #3a3d44;background:#202228;color:#ddd;border-radius:6px;padding:7px 9px;font-size:10px}.mini-btn.delete{color:#ff9b9b}.admin-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:15px;border-top:1px solid #292c32}.admin-footer .secondary-btn,.danger-btn{font-size:10px;padding:9px 12px}.danger-btn{background:#351c20;color:#ffb7b7;border:1px solid #5b3037}.import-label{cursor:pointer}.import-label input{display:none}.empty-state{color:#777b84;text-align:center;padding:20px;font-size:12px}
@media(max-width:1000px){.topbar{gap:25px;padding:0 4%}.topbar nav{gap:18px}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{width:92%;height:330px;min-height:280px}.content-wrap{width:92%}}@media(max-width:650px){.topbar{height:62px;padding:0 4%;gap:12px}.brand{font-size:12px;gap:7px;letter-spacing:1px}.brand-mark{width:28px;height:28px}.topbar nav{display:none}.top-actions{margin-left:auto}.search{width:135px;padding:8px 10px}.icon-btn{width:34px;height:34px}.hero{margin-top:10px;width:94%;height:255px;min-height:0;border-radius:17px;background-position:57% center}.hero:before{background:linear-gradient(0deg,rgba(5,6,8,.95),rgba(5,6,8,.55) 55%,rgba(5,6,8,.12))}.hero-content{top:auto;bottom:39px;left:5%;right:5%;transform:none}.hero h1{font-size:clamp(25px,6.8vw,32px);margin:8px 0}.hero p{font-size:11px;line-height:1.4;margin:8px 0 10px;max-width:330px}.hero .meta{font-size:10px;gap:7px}.hero .eyebrow{font-size:8px}.hero .hero-buttons .primary-btn,.hero .hero-buttons .secondary-btn{padding:9px 11px;font-size:10px}.hero-pagination{bottom:13px}.hero-pagination{bottom:22px}.content-wrap{width:92%}.genre-row{display:block;margin:25px 0 32px}.genres{margin-top:13px;gap:7px}.genre{padding:8px 11px}.section-head h2,.wide-promo h2{font-size:21px}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 10px}.poster-wrap{border-radius:9px}.card-title{font-size:11px}.card-meta{font-size:9px;gap:5px;margin-top:7px}.card-category{font-size:9px}.catalog-section{margin-bottom:35px}.wide-promo{padding:22px 18px;align-items:flex-start;flex-direction:column}.wide-promo h2{max-width:270px}.wide-promo .secondary-btn{align-self:flex-start}.footer-links{display:none}footer{flex-wrap:wrap;gap:10px}.player-dialog,.admin-dialog{padding:16px;border-radius:13px;max-height:94vh}.player-top h2,.admin-header h2{font-size:18px}.player-under{align-items:flex-start;flex-direction:column;gap:12px}.details-dialog{grid-template-columns:110px 1fr}.details-copy{padding:25px 16px}.details-copy h2{font-size:20px}.details-copy p{font-size:12px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.admin-footer{flex-direction:column;align-items:stretch}.admin-footer>*{justify-content:center}.admin-item{gap:7px}.mini-btn{padding:7px 6px}.admin-item-info strong{font-size:11px}}

@keyframes heroEnter{from{opacity:.35;transform:translate(12px,-48%)}to{opacity:1;transform:translate(0,-48%)}}
@media(max-width:650px){@keyframes heroEnter{from{opacity:.35;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}}

/* LumaReel brand and refined, manually configurable featured carousel */
.brand{gap:11px;letter-spacing:1.8px}
.brand-mark{width:36px;height:36px;background:transparent;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px #d7f36a20;flex:0 0 auto}
.brand-mark svg{width:100%;height:100%;display:block}
.brand-word{font:800 15px/1 Manrope,sans-serif;letter-spacing:2px;color:#f7f7f8}
.brand-word .muted{color:#aab0b8}
.hero{background-size:cover;background-position:center 40%;transition:background-image .25s ease;box-shadow:0 18px 55px #0005;border:1px solid #ffffff0d}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff08}
.hero-refresh .hero-content{animation:heroRefresh .36s ease both}
.hero-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;background:#090a0bb5;color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;backdrop-filter:blur(8px);transition:background .2s,border-color .2s,opacity .2s;opacity:.7}
.hero-arrow:hover{opacity:1;background:#d7f36a;color:#10130b;border-color:#d7f36a}
.hero-prev{right:59px}.hero-next{right:14px}
.hero-pagination{z-index:3;gap:7px;align-items:center}
.hero-dot{display:block;width:6px;height:6px;padding:0;border:0;border-radius:20px;background:#8b8d91;opacity:.8;transition:width .25s,background .25s,opacity .25s}
.hero-dot.selected{width:24px;background:var(--accent);opacity:1}
.movie-card:focus-visible,.hero-arrow:focus-visible,.hero-dot:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@keyframes heroRefresh{from{opacity:.4;transform:translateY(calc(-48% + 7px))}to{opacity:1;transform:translateY(-48%)}}
@media(max-width:650px){.brand-mark{width:31px;height:31px}.brand-word{font-size:12px;letter-spacing:1.4px}.hero-arrow{width:31px;height:31px;font-size:22px;top:18px;transform:none}.hero-prev{right:52px}.hero-next{right:13px}.hero-refresh .hero-content{animation:heroRefreshMobile .3s ease both}@keyframes heroRefreshMobile{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}