*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root { --red:#e8001c; --dark:#0a0a0f; --card:#111118; --border:rgba(255,255,255,.07); --muted:rgba(255,255,255,.45); --white:#f5f5f5; --green:#1db954; --orange:#f39c12; --purple:#8e44ad; }
    html { scroll-behavior: smooth; }
    body { font-family:'Outfit',sans-serif; background:var(--dark); color:var(--white); overflow-x:hidden; min-height:100vh; }
    ::-webkit-scrollbar { width:5px; height:5px; }
    ::-webkit-scrollbar-track { background:var(--dark); }
    ::-webkit-scrollbar-thumb { background:var(--red); border-radius:9px; }

    nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:18px 48px; background:rgba(10,10,15,.94); -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px); border-bottom:1px solid var(--border); }
    .logo { font-family:'Bebas Neue',sans-serif; font-size:28px; letter-spacing:2px; color:var(--white); text-decoration:none; }
    .logo span { color:var(--red); }
    .nav-center { display:flex; align-items:center; background:rgba(255,255,255,.07); border:1px solid var(--border); border-radius:40px; padding:8px 20px; gap:4px; }
    .nav-center a { color:var(--muted); text-decoration:none; font-size:13px; font-weight:500; padding:6px 14px; border-radius:30px; transition:all .2s; white-space:nowrap; }
    .nav-center a.active { background:var(--red); color:#fff; }
    .nav-center a:hover:not(.active) { color:var(--white); background:rgba(255,255,255,.1); }
    .icon-btn { width:38px; height:38px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.06); border:1px solid var(--border); border-radius:50%; cursor:pointer; color:var(--muted); font-size:16px; transition:all .2s; }
    .icon-btn:hover { background:rgba(255,255,255,.12); color:var(--white); }

    .page-hero { position:relative; min-height:430px; padding:145px 80px 54px; overflow:hidden; }
    .page-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(to right,rgba(10,10,15,1) 0%,rgba(10,10,15,.7) 48%,rgba(10,10,15,.2) 100%),linear-gradient(to top,rgba(10,10,15,1) 0%,transparent 65%),var(--hero-bg, radial-gradient(circle at 80% 10%, rgba(232,0,28,.3), transparent 45%)); z-index:0; }
    .page-hero::after { content:""; position:absolute; inset:0; background-image:radial-gradient(circle at 20% 30%, rgba(232,0,28,.16), transparent 25%), radial-gradient(circle at 85% 55%, rgba(255,255,255,.08), transparent 20%); z-index:1; }
    .hero-inner { position:relative; z-index:2; max-width:820px; }
    .hero-badge { display:inline-flex; align-items:center; gap:6px; background:var(--red); color:#fff; font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; padding:5px 12px; border-radius:3px; margin-bottom:16px; }
    .hero-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(48px,7vw,86px); line-height:.95; letter-spacing:1px; margin-bottom:18px; text-shadow:0 4px 30px rgba(0,0,0,.6); }
    .hero-desc { color:rgba(255,255,255,.72); line-height:1.7; font-size:16px; max-width:620px; margin-bottom:28px; }
    .stats { display:flex; gap:12px; flex-wrap:wrap; }
    .stat { min-width:135px; background:rgba(255,255,255,.07); border:1px solid var(--border); border-radius:14px; padding:14px 16px; -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); }
    .stat strong { display:block; font-size:24px; line-height:1; }
    .stat span { display:block; margin-top:6px; color:var(--muted); font-size:12px; }

    main { padding:34px 80px 70px; }
    .toolbar { display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; margin-bottom:24px; }
    .searchbar { display:flex; align-items:center; gap:12px; background:var(--card); border:1px solid var(--border); border-radius:40px; padding:13px 18px; }
    .searchbar input { width:100%; background:transparent; border:0; outline:0; color:var(--white); font-family:'Outfit',sans-serif; font-size:15px; }
    .searchbar input::placeholder { color:var(--muted); }
    .filters { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
    .filter-btn { background:rgba(255,255,255,.07); border:1px solid var(--border); color:var(--muted); font-family:'Outfit',sans-serif; font-size:13px; font-weight:600; padding:11px 16px; border-radius:30px; cursor:pointer; transition:all .2s; }
    .filter-btn:hover, .filter-btn.active { background:var(--red); color:#fff; border-color:var(--red); }

    .day-group { margin:32px 0; }
    .day-title { display:flex; align-items:center; gap:12px; margin-bottom:16px; font-family:'Bebas Neue',sans-serif; font-size:28px; letter-spacing:1.5px; }
    .day-title span { color:var(--red); }
    .day-title::after { content:""; height:1px; flex:1; background:linear-gradient(to right,var(--border),transparent); }
    .calendar-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }
    .release-card { position:relative; display:grid; grid-template-columns:76px 1fr; gap:12px; min-height:118px; background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035)); border:1px solid var(--border); border-radius:16px; padding:10px; overflow:hidden; cursor:pointer; transition:transform .25s, box-shadow .25s, border-color .25s; }
    .release-card:hover { transform:translateY(-6px); border-color:rgba(232,0,28,.55); box-shadow:0 20px 50px rgba(0,0,0,.55); }
    .release-card::before { content:""; position:absolute; inset:0; background:linear-gradient(to right,rgba(10,10,15,.98),rgba(10,10,15,.72)),var(--bg); background-size:cover; background-position:center; opacity:.55; z-index:0; }
    .release-card > * { position:relative; z-index:1; }
    .poster { width:76px; height:108px; border-radius:10px; object-fit:cover; background:#1a1a24; box-shadow:0 8px 22px rgba(0,0,0,.35); }
    .release-info { min-width:0; display:flex; flex-direction:column; justify-content:space-between; }
    .release-top { min-width:0; }
    .release-title { font-size:14px; font-weight:700; line-height:1.25; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2;line-clamp: 2; -webkit-box-orient:vertical; }
    .release-sub { margin-top:5px; font-size:12px; color:rgba(255,255,255,.67); }
    .release-meta { display:flex; gap:6px; flex-wrap:wrap; margin-top:10px; }
    .pill { font-size:10px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.08); color:rgba(255,255,255,.75); border-radius:999px; padding:4px 8px; }
    .pill.today { background:var(--red); border-color:var(--red); color:#fff; }
    .pill.future { color:#8fd3ff; }
    .pill.updated { color:var(--green); }
    .pill.late { color:var(--orange); }
    .watch { margin-top:12px; display:inline-flex; align-items:center; gap:7px; width:max-content; background:var(--white); color:#000; border:0; border-radius:30px; padding:8px 13px; font-family:'Outfit',sans-serif; font-size:12px; font-weight:800; cursor:pointer; }

    .empty, .loading { text-align:center; color:var(--muted); padding:64px 20px; background:var(--card); border:1px solid var(--border); border-radius:18px; }
    .loader-bar { width:210px; height:3px; margin:18px auto 0; background:rgba(255,255,255,.1); border-radius:2px; overflow:hidden; }
    .loader-fill { height:100%; width:55%; background:var(--red); border-radius:2px; animation:loading 1s infinite alternate ease-in-out; }
    @keyframes loading { from { transform:translateX(-70%); } to { transform:translateX(170%); } }

    .player-overlay { position:fixed; inset:0; z-index:300; background:rgba(0,0,0,.92); -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); display:flex; align-items:center; justify-content:center; padding:28px; opacity:0; pointer-events:none; transition:opacity .2s; }
    .player-overlay.open { opacity:1; pointer-events:all; }
    .player-box { width:min(1100px,100%); background:#050507; border:1px solid rgba(255,255,255,.12); border-radius:16px; overflow:hidden; box-shadow:0 30px 90px rgba(0,0,0,.8); }
    .player-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; background:var(--card); border-bottom:1px solid var(--border); }
    .player-title { font-size:13px; font-weight:700; color:var(--white); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .player-mini, .player-provider-select { background:rgba(255,255,255,.08); border:1px solid var(--border); color:#fff; border-radius:20px; padding:8px 10px; font-family:'Outfit',sans-serif; font-size:12px; font-weight:800; cursor:pointer; }
    .player-provider-select { padding:7px 10px; outline:none; font-weight:600; }
    .player-mini.active { background:var(--red); border-color:var(--red); }
    .player-close { width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.08); color:var(--white); border:1px solid var(--border); cursor:pointer; }
    .player-close:hover { background:var(--red); }
    .player-frame-wrap { position:relative; width:100%; aspect-ratio:16/9; background:#000; }
    .player-frame-wrap iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

    .toast { position:fixed; bottom:30px; right:30px; z-index:500; background:var(--card); border:1px solid var(--border); border-left:3px solid var(--red); padding:14px 20px; border-radius:10px; font-size:13px; color:var(--white); transform:translateY(20px); opacity:0; transition:all .3s; pointer-events:none; }
    .toast.show { transform:translateY(0); opacity:1; }

    footer { padding:40px 80px 28px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
    .footer-logo { font-family:'Bebas Neue',sans-serif; font-size:22px; letter-spacing:2px; }
    .footer-logo span { color:var(--red); }
    .footer-copy { font-size:11px; color:rgba(255,255,255,.2); }

    @media (max-width:900px) { nav{padding:14px 20px}.nav-center{display:none}.page-hero{padding:120px 24px 42px;min-height:410px}main{padding:28px 20px 56px}.toolbar{grid-template-columns:1fr}.filters{justify-content:flex-start}.calendar-grid{grid-template-columns:1fr}footer{padding:32px 20px 20px}.release-card{grid-template-columns:70px 1fr}.poster{width:70px;height:100px} }