:root{--bg-dark:#020617;--bg-card:#0f172a;--bg-card-hover:#1e293b;--accent:#3b82f6;--accent-glow:rgba(59,130,246,0.5);--text-main:#f8fafc;--text-muted:#94a3b8;--success:#10b981;--nav-height:70px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--romantic:#f472b6}@keyframes pulse-heart{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes float-up{0%{transform:translateY(0) opacity(1)}to{transform:translateY(-100px) opacity(0)}}.heart-icon{color:var(--romantic);animation:pulse-heart 1.5s infinite;cursor:pointer;display:inline-block;font-size:1.2rem;margin-left:10px;transition:var(--transition)}.heart-icon:hover{filter:drop-shadow(0 0 10px var(--romantic))}.easter-egg-text{position:absolute;top:100%;right:0;background:var(--bg-card);padding:10px 15px;border-radius:8px;font-size:.85rem;color:var(--text-main);border:1px solid var(--romantic);opacity:0;pointer-events:none;transition:var(--transition);white-space:nowrap;box-shadow:0 10px 20px rgba(0,0,0,.5)}.heart-container:hover .easter-egg-text{opacity:1;top:calc(100% + 10px)}.footer{text-align:center;padding:3rem 0;margin-top:4rem;border-top:1px solid rgba(255,255,255,.05);color:var(--text-muted);font-size:.9rem}.footer .heart{color:#ef4444;animation:pulse-heart 2s infinite;display:inline-block}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.navbar{height:var(--nav-height);background:rgba(2,6,23,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;padding:0 4rem;position:sticky;top:0;z-index:100}.nav-logo{font-size:1.5rem;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:2px;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:500;transition:var(--transition)}.nav-link:hover{color:var(--text-main)}.main-content{min-height:calc(100vh - var(--nav-height));padding:3rem 4rem}.hero{margin-bottom:4rem;position:relative}.hero h1{font-size:3.5rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(to right,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;color:var(--text-muted);max-width:600px}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:2rem;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:24px;background:var(--accent);border-radius:2px}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.ep-card{background:var(--bg-card);border-radius:16px;overflow:hidden;transition:var(--transition);border:1px solid rgba(255,255,255,.05);display:block;text-decoration:none;color:inherit}.ep-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 20px var(--accent-glow)}.ep-image-container{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.ep-image-container img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.ep-card:hover .ep-image-container img{transform:scale(1.05)}.play-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.ep-card:hover .play-overlay{opacity:1}.play-button-icon{width:60px;height:60px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--accent-glow)}.ep-content{padding:1.5rem}.ep-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.ep-desc{font-size:.95rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.player-container{max-width:1200px;margin:0 auto}.video-container{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1)}.video-container video{width:100%;height:100%}.player-info{margin-top:2.5rem}.player-info h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.player-meta{display:flex;gap:20px;margin-bottom:1.5rem;color:var(--accent);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);text-decoration:none;font-weight:600;margin-bottom:2rem;transition:var(--transition)}.back-btn:hover{color:var(--text-main);transform:translateX(-5px)}.nav-btn{background:var(--bg-card);color:var(--text-main);padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:var(--transition);border:1px solid rgba(255,255,255,.1)}.nav-btn:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow);color:white}@media (max-width:768px){.navbar{padding:0 2rem}.main-content{padding:2rem}.hero h1{font-size:2.5rem}.nav-links{display:none}}::cue{background-color:rgba(0,0,0,.7);color:#fff;font-family:Inter,sans-serif;font-size:1.2rem}