@font-face{font-family:'NocturaGeorgia';src:url('/assets/Georgia%20Brush.otf') format('opentype');font-display:swap}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#080407;color:#fff;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img,iframe{display:block;max-width:100%}:root{--surface:#0e0b1a;--card:#131024;--line:rgba(139,92,246,.16);--purple:#7c3aed;--violet:#a855f7;--pink:#e879f9;--muted:#a79abc;--red:#ef4444;--max:1380px}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--violet);margin-bottom:.75rem}.section-title{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.04em}.section-copy{color:var(--muted);max-width:720px;margin-top:1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;padding:.78rem 1.25rem;font-size:.9rem;font-weight:750;border:1px solid var(--line);transition:.2s}.button:hover{transform:translateY(-2px);border-color:rgba(168,85,247,.55)}.button.primary{background:linear-gradient(135deg,#ef4444,#a855f7);border:0}.button.secondary{background:rgba(255,255,255,.06)}
nav{position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(8,4,7,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:'NocturaGeorgia',cursive;font-size:2rem;background:linear-gradient(135deg,#f87171,#c084fc);-webkit-background-clip:text;color:transparent}.nav-links{display:flex;align-items:center;gap:1.1rem}.nav-links>a:not(.button){font-size:.86rem;color:#cabde0}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.5rem}
.hero{min-height:760px;padding:130px 0 70px;display:grid;align-items:center;position:relative;isolation:isolate}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(124,58,237,.24),transparent 36%),radial-gradient(circle at 20% 85%,rgba(239,68,68,.16),transparent 35%);z-index:-1}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}.tag{display:inline-flex;padding:.36rem .85rem;border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.1);border-radius:999px;color:#fca5a5;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(3.4rem,7vw,6.8rem);line-height:.9;letter-spacing:-.06em;margin:1.3rem 0}.hero h1 span{background:linear-gradient(135deg,#fb7185,#c084fc);-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:1.08rem;max-width:620px}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.8rem}.stats{display:flex;gap:2rem;margin-top:2.4rem}.stat strong{font-size:1.65rem;display:block}.stat span{font-size:.78rem;color:var(--muted)}.hero-media{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:16/10;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.45)}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.8))}.hero-media-meta{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.hero-media-meta h2{font-size:1.1rem}.hero-media-meta p{font-size:.78rem;color:#d8cdea;margin-top:.2rem}.hero-dots{display:flex;gap:8px;margin-top:12px}.hero-dot{width:26px;height:4px;background:rgba(255,255,255,.25);border-radius:99px;border:0;cursor:pointer}.hero-dot.active{background:#fff}
section{padding:90px 0;border-top:1px solid var(--line)}.featured-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:28px;margin-top:2rem}.player-shell{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000;border:1px solid var(--line)}.player-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.35));cursor:pointer;border:0;width:100%}.play-circle{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:rgba(239,68,68,.92);font-size:1.8rem;box-shadow:0 8px 30px rgba(0,0,0,.5)}.featured-panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(124,58,237,.12),rgba(19,16,36,.8));border-radius:22px;padding:24px;display:flex;flex-direction:column;justify-content:center}.featured-panel h3{font-size:1.5rem;line-height:1.15}.featured-panel p{color:var(--muted);margin:1rem 0}.meta-line{font-size:.8rem;color:#cdbfe0;margin-bottom:1.1rem}
.playlist-section+.playlist-section{margin-top:74px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.playlist-link{font-size:.84rem;color:#c4b5fd}.videos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.video-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.22s}.video-card:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.55);box-shadow:0 18px 50px rgba(0,0,0,.28)}.thumb{position:relative;aspect-ratio:16/9;background:#050308;overflow:hidden;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:contain;transition:.3s}.video-card:hover .thumb img{transform:scale(1.03)}.thumb-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.08)}.thumb-play span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:rgba(239,68,68,.92);opacity:0;transform:scale(.85);transition:.2s}.video-card:hover .thumb-play span{opacity:1;transform:scale(1)}.card-body{padding:22px}.card-body h3{font-size:1.12rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.74rem;margin-top:.65rem}.card-actions{display:flex;gap:.55rem;margin-top:1rem}.card-actions a,.card-actions button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:999px;padding:.48rem .72rem;font-size:.74rem;cursor:pointer}.card-actions a:hover,.card-actions button:hover{background:rgba(168,85,247,.14)}
.platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:2rem}.platform{padding:22px;border:1px solid var(--line);background:var(--card);border-radius:16px;text-align:center}.platform strong{display:block;margin-top:.5rem}.platform span{display:block;color:var(--muted);font-size:.75rem;margin-top:.25rem}.follow{background:radial-gradient(circle at center,rgba(124,58,237,.2),transparent 50%);text-align:center}.follow-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:.82rem}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.watch-page{padding:120px 0 80px}.watch-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:30px}.watch-title{font-size:clamp(2rem,4vw,4rem);line-height:1.02;margin:1rem 0}.watch-description{white-space:pre-line;color:var(--muted);margin-top:1.2rem}.related-list{display:grid;gap:14px}.related-card{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;border:1px solid var(--line);padding:10px;border-radius:14px;background:var(--card)}.related-card img{width:120px;aspect-ratio:16/9;object-fit:contain;background:#050308;border-radius:9px}.related-card h3{font-size:.82rem;line-height:1.3}
@media(max-width:900px){.hero-grid,.featured-grid,.watch-grid{grid-template-columns:1fr}.hero{min-height:auto}.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platforms{grid-template-columns:repeat(2,1fr)}.nav-links>a:not(.button){display:none}.menu-btn{display:block}.featured-panel{order:-1}.stats{gap:1.2rem}.hero-media{aspect-ratio:16/9}}
@media(max-width:600px){.wrap{width:min(100% - 24px,var(--max))}.nav-inner{height:64px}.logo{font-size:1.7rem}.nav-links .button{display:none}.hero{padding-top:102px}.hero h1{font-size:3.6rem}.videos-grid,.platforms{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.stat strong{font-size:1.3rem}.stat span{font-size:.65rem}.footer-row{flex-direction:column;text-align:center}.related-card{grid-template-columns:100px 1fr}.related-card img{width:100px}}