:root{--film-bg:#08070a;--film-panel:#15101b;--film-panel-2:#1d1525;--film-text:#f8f2eb;--film-muted:#aaa0b0;--film-purple:#a875dd;--film-gold:#dfbd73;--film-line:rgba(210,183,244,.17)}

.film-ad{position:relative;width:min(1200px,100%);height:auto;aspect-ratio:3/1;margin:4px auto 22px;overflow:hidden;border:1px solid rgba(223,189,115,.38);border-radius:14px;background:linear-gradient(120deg,#171022,#08070a);box-shadow:0 14px 38px #0007}.film-ad-track{height:100%;display:flex;transition:transform .48s cubic-bezier(.22,.7,.2,1)}.film-ad-slide{position:relative;flex:0 0 100%;height:100%;overflow:hidden;display:grid;place-items:center;color:var(--film-gold);text-decoration:none;letter-spacing:.18em}.film-ad-slide picture,.film-ad-slide img{width:100%;height:100%;display:block}.film-ad-slide img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;background:#08070a}.film-ad-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#09070dbd;color:#fff;font-size:24px;cursor:pointer}.film-ad-arrow.prev{left:12px}.film-ad-arrow.next{right:12px}.film-ad-dots{position:absolute;left:50%;bottom:9px;z-index:3;display:flex;gap:6px;transform:translateX(-50%)}.film-ad-dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#fff7}.film-ad-dot.active{width:19px;border-radius:8px;background:var(--film-gold)}
@media(max-width:700px){.film-ad{width:100%;height:auto;aspect-ratio:3/1;margin:0 0 14px;border-radius:10px}.film-ad-arrow{width:30px;height:30px;font-size:19px}.film-ad-arrow.prev{left:7px}.film-ad-arrow.next{right:7px}}

.films-page,.film-detail-page{
  color:var(--film-text);
  background:
    radial-gradient(ellipse at 12% 4%,rgba(129,73,174,.22),transparent 30%),
    radial-gradient(ellipse at 90% 30%,rgba(166,105,211,.13),transparent 28%),
    radial-gradient(ellipse at 72% 100%,rgba(223,189,115,.07),transparent 24%),
    linear-gradient(160deg,#0c0910,#050507 54%,#0c0810);
  background-attachment:fixed;
}

.films-page:before,.film-detail-page:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;
  background-image:linear-gradient(rgba(226,204,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(226,204,255,.035) 1px,transparent 1px);
  background-size:62px 62px;
  mask-image:linear-gradient(to bottom,black,transparent 76%);
}

.films-page .site-nav,.film-detail-page .site-nav{
  color:var(--film-text);
  background:linear-gradient(90deg,rgba(7,6,9,.93),rgba(22,12,29,.89),rgba(7,6,9,.93));
  border-color:rgba(223,189,115,.18);
  box-shadow:0 16px 50px rgba(0,0,0,.4);
  backdrop-filter:blur(28px) saturate(135%);
}
.films-page .logo b,.film-detail-page .logo b{color:#170f07;background:linear-gradient(145deg,#f4dda1,#c99542 62%,#8a5a25);box-shadow:0 0 0 5px rgba(223,189,115,.07),0 9px 28px rgba(223,189,115,.22)}
.films-page .site-nav nav a,.film-detail-page .site-nav nav a{color:#d4cbd8}.films-page .site-nav nav a.active,.films-page .site-nav nav a:hover,.film-detail-page .site-nav nav a:hover{color:#e6c779;text-shadow:0 0 20px rgba(176,116,228,.28)}
.films-page .support-pill{color:#160f08;background:linear-gradient(135deg,#f2d894,#ca9640);border:0;box-shadow:0 10px 30px rgba(223,189,115,.18)}
.film-language{color:#eee5f2;background:linear-gradient(135deg,#1d1524,#100c13);border-color:rgba(223,189,115,.28);box-shadow:inset 0 1px rgba(255,255,255,.04)}.film-language option{color:#171119;background:#f3edf3}

.film-library-hero{border-color:rgba(223,189,115,.25)}
.film-library-hero>p{color:#bdafc0}
.film-library-hero h1{color:#f8f1e8;text-shadow:0 0 34px rgba(164,100,213,.18)}
.film-library-hero>div p{color:#b9afbd}
.film-library-hero>div b{color:#e2c173;text-shadow:0 0 25px rgba(223,189,115,.18)}

.film-filter label{
  color:#e8dff0;
  background:linear-gradient(145deg,rgba(31,22,39,.96),rgba(12,9,15,.98));
  border:1px solid var(--film-line);
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 13px 34px rgba(0,0,0,.24);
}
.film-filter label span{color:#bb9fd1}
.film-filter input,.film-filter select{color:#f5edf7;border-color:rgba(223,189,115,.23);background:rgba(7,6,9,.48);outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.film-filter input::placeholder{color:#776e7c}.film-filter input:focus,.film-filter select:focus{border-color:rgba(223,189,115,.62);box-shadow:0 0 0 3px rgba(161,100,211,.12)}
.film-filter select option{color:#171119;background:#f3edf3}

.film-library-heading{color:#eee7ef;border-color:rgba(223,189,115,.52)}
.film-library-heading span{letter-spacing:.08em}.film-library-heading b{color:#e2c173}
.film-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}
.film-library-card{
  position:relative;
  overflow:hidden;
  color:var(--film-text);
  background:radial-gradient(circle at 100% 0,rgba(142,83,188,.14),transparent 32%),linear-gradient(155deg,#1b1422,#0c0a0e);
  border:1px solid var(--film-line);
  border-radius:20px;
  box-shadow:0 21px 60px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);
  padding-bottom:14px;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;
}
.film-library-card:hover{transform:translateY(-7px);border-color:rgba(223,189,115,.5);box-shadow:0 31px 78px rgba(0,0,0,.5),0 0 36px rgba(153,93,203,.15)}
.film-library-card>div{height:280px;background:#0b080e;border-bottom:1px solid rgba(223,189,115,.15)}
.film-library-card>div:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(157,92,206,.10),transparent 38%,rgba(5,4,7,.32));mix-blend-mode:screen}
.film-library-card img{filter:saturate(.84) contrast(1.04) brightness(.94)}.film-library-card:hover img{filter:saturate(1.03) contrast(1.05) brightness(1);transform:scale(1.035)}
.film-library-card>div span{z-index:1;color:#f2d58e;background:rgba(10,7,12,.82);border:1px solid rgba(223,189,115,.26);border-radius:999px;backdrop-filter:blur(9px)}
.film-library-card small,.film-library-card h2,.film-library-card p,.film-library-card>b{margin-left:15px;margin-right:15px}
.film-library-card small{margin-top:10px;color:#c2a86e;font-size:9px}.film-library-card h2{margin-top:7px;margin-bottom:7px;color:#fbf6ef;font-size:28px;line-height:1.08;text-shadow:0 0 22px rgba(163,99,211,.11)}.film-library-card p{display:-webkit-box;margin-top:0;margin-bottom:0;overflow:hidden;color:#aaa0b0;font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.film-library-card>b{margin-top:10px;color:#e4c473;font-size:10px;text-shadow:0 0 18px rgba(223,189,115,.14)}
.film-empty{color:#aaa0b0}

.film-detail{background:transparent;color:var(--film-text)}
.film-detail>h1{color:#fbf5ed;text-shadow:0 0 36px rgba(158,93,207,.16)}
.film-detail .kicker{color:#dfbd73}.film-player{overflow:hidden;border:1px solid rgba(223,189,115,.27);border-radius:22px;background:#040305;box-shadow:0 30px 90px rgba(0,0,0,.52),0 0 45px rgba(141,81,186,.12)}
.film-copy{color:#beb3c1}.film-copy h1,.film-copy h2,.film-copy h3{color:#f6eee5}

@media(max-width:1050px){.film-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:760px){
  .films-page:before,.film-detail-page:before{background-size:38px 38px;opacity:.08}
  .films-page .site-nav,.film-detail-page .site-nav{background:linear-gradient(90deg,rgba(7,6,9,.97),rgba(27,15,35,.94),rgba(7,6,9,.97))}
  .film-library-hero{border-color:rgba(223,189,115,.19)}
  .film-library-hero>div p{color:#b8aebc}
  .film-filter label{border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.25)}
  .film-library-grid{grid-template-columns:1fr;gap:12px}
  .film-library-card{border-radius:14px;padding-bottom:12px;box-shadow:0 14px 40px rgba(0,0,0,.34)}
  .film-library-card>div{height:230px}
  .film-library-card small,.film-library-card h2,.film-library-card p,.film-library-card>b{margin-left:12px;margin-right:12px}
  .film-library-card small{margin-top:8px}.film-library-card h2{margin-top:5px;margin-bottom:5px;font-size:23px}.film-library-card p{font-size:11px;line-height:1.45}.film-library-card>b{margin-top:8px;font-size:9px}
  .film-detail{padding:38px 12px 70px}.film-player{border-radius:14px}.film-detail>h1{font-size:48px;margin-bottom:28px}
}

@media(prefers-reduced-motion:reduce){.film-library-card{transition:none}}