@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--deep-blue: #0a1628;--dark-blue: #1a2332;--gold: #d4af37;--gold-dim: #8b7528;--white: #ffffff;--gray: #a0a0a0;--overlay: rgba(0, 0, 0, .7)}body{font-family:Inter,sans-serif;background:var(--black);color:var(--white);overflow-x:hidden;line-height:1.6}.app{position:relative;min-height:100vh}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.15;pointer-events:none;z-index:9999;mix-blend-mode:overlay}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-video{width:100%;height:100%;object-fit:cover;filter:grayscale(.3) brightness(.6)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0006,#0a1628cc)}.hero-content{position:relative;z-index:2;text-align:center;padding:2rem;animation:fadeInUp 1.5s ease-out}.hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,7rem);line-height:1;margin-bottom:2rem;letter-spacing:.05em;text-shadow:0 4px 20px rgba(0,0,0,.8)}.title-line{display:block;animation:titleSlide 1s ease-out backwards}.title-line:nth-child(1){animation-delay:.2s}.title-line:nth-child(2){animation-delay:.4s;color:var(--gold)}.title-line:nth-child(3){animation-delay:.6s}.hero-subtitle{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:300;margin-bottom:3rem;color:var(--gray);letter-spacing:.05em;animation:fadeIn 1.5s ease-out 1s backwards}.cta-button{position:relative;padding:1.2rem 3rem;font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.1em;color:var(--black);background:var(--gold);border:none;cursor:pointer;overflow:hidden;transition:all .3s ease;animation:fadeIn 1.5s ease-out 1.2s backwards}.cta-button:hover{background:var(--white);transform:scale(1.05);box-shadow:0 0 30px #d4af3799}.cta-button span{position:relative;z-index:2}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.cta-button:hover .button-glow{left:100%}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2}.scroll-line{width:2px;height:60px;background:linear-gradient(180deg,transparent 0%,var(--gold) 50%,transparent 100%);animation:scrollPulse 2s infinite}.series-teaser{padding:8rem 0;background:linear-gradient(180deg,var(--deep-blue) 0%,var(--black) 100%)}.teaser-content{text-align:center;margin-bottom:4rem}.teaser-text{font-size:clamp(1.8rem,4vw,3.5rem);font-weight:300;line-height:1.4;color:var(--gray)}.teaser-text br{display:block;margin-bottom:.5rem}.teaser-text .highlight{color:var(--gold);font-weight:500}.teaser-visuals{display:flex;justify-content:center;gap:2rem}.visual-strip{display:flex;gap:1rem}.visual-frame{width:200px;height:300px;background:linear-gradient(135deg,#d4af371a,#0a16284d);border:1px solid rgba(212,175,55,.3);animation:frameFlicker 3s infinite}.visual-frame:nth-child(2){animation-delay:1s}.visual-frame:nth-child(3){animation-delay:2s}.characters{padding:8rem 0;background:var(--black)}.section-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,6vw,5rem);text-align:center;margin-bottom:4rem;letter-spacing:.1em;color:var(--white)}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.character-card{position:relative;padding:2.5rem 2rem;background:linear-gradient(135deg,#1a233280,#0a1628cc);border:1px solid rgba(212,175,55,.2);cursor:pointer;overflow:hidden;transition:all .4s ease;text-align:center}.character-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.character-card:hover:before,.character-card.active:before{opacity:1}.character-card:hover,.character-card.active{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 10px 40px #d4af3733}.character-icon{font-size:4rem;margin-bottom:1rem;filter:grayscale(1) brightness(.8);transition:filter .4s ease}.character-card:hover .character-icon,.character-card.active .character-icon{filter:grayscale(0) brightness(1)}.character-name{font-family:Bebas Neue,sans-serif;font-size:2.5rem;margin-bottom:.5rem;letter-spacing:.05em;color:var(--gold)}.character-title{font-size:1rem;color:var(--gray);margin-bottom:1rem}.character-secret{max-height:0;overflow:hidden;transition:max-height .4s ease,margin-top .4s ease;font-size:.95rem;line-height:1.6;color:var(--white);font-style:italic}.character-card:hover .character-secret,.character-card.active .character-secret{max-height:200px;margin-top:1rem}.card-shine{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);transform:rotate(45deg);transition:all .6s ease;pointer-events:none}.character-card:hover .card-shine{right:150%}.twist-section{padding:10rem 0;background:linear-gradient(180deg,var(--black) 0%,var(--deep-blue) 50%,var(--black) 100%);text-align:center}.twist-content{max-width:900px;margin:0 auto}.twist-text{font-size:clamp(2rem,4vw,4rem);font-weight:300;margin-bottom:2rem;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease-out forwards}.twist-section.is-visible .twist-text{animation:fadeInUp 1s ease-out forwards}.twist-text.delay-1{animation-delay:.3s}.twist-text.delay-2{animation-delay:.6s}.twist-text .highlight{color:var(--gold);font-weight:500}.trailer-section{padding:8rem 0;background:var(--black)}.trailer-wrapper{max-width:1000px;margin:0 auto}.trailer-frame{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:3px solid var(--gold);box-shadow:0 0 50px #d4af374d}.trailer-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%}.episode-hooks{padding:8rem 0;background:linear-gradient(180deg,var(--black) 0%,var(--deep-blue) 100%)}.hooks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-top:4rem}.hook-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#1a23324d;border-left:3px solid var(--gold);transition:all .3s ease}.hook-item:hover{background:#1a233299;transform:translate(10px)}.hook-line{width:40px;height:2px;background:var(--gold);transition:width .3s ease}.hook-item:hover .hook-line{width:60px}.hook-item p{font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.tagline-section{padding:10rem 0;background:var(--black);text-align:center}.tagline{font-family:Bebas Neue,sans-serif;font-size:clamp(2.5rem,6vw,6rem);line-height:1.2;max-width:1200px;margin:0 auto;letter-spacing:.05em}.tagline-emphasis{display:block;color:var(--gold);margin-top:1rem}.footer{padding:4rem 0 2rem;background:var(--black);border-top:1px solid rgba(212,175,55,.2)}.footer-content{text-align:center}.footer-title{font-family:Bebas Neue,sans-serif;font-size:2.5rem;margin-bottom:2rem;letter-spacing:.1em}.email-form{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.email-input{padding:1rem 1.5rem;font-size:1rem;background:#1a233280;border:1px solid rgba(212,175,55,.3);color:var(--white);min-width:300px;transition:all .3s ease}.email-input:focus{outline:none;border-color:var(--gold);background:#1a2332cc}.email-input::placeholder{color:var(--gray)}.email-submit{padding:1rem 2rem;font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:.1em;color:var(--black);background:var(--gold);border:none;cursor:pointer;transition:all .3s ease}.email-submit:hover{background:var(--white);transform:scale(1.05)}.social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.social-link{color:var(--gray);text-decoration:none;font-size:1rem;transition:color .3s ease;letter-spacing:.05em}.social-link:hover{color:var(--gold)}.copyright{color:var(--gray);font-size:.9rem;margin-top:2rem}.fade-in-section{opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes titleSlide{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes scrollPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@keyframes frameFlicker{0%,to{opacity:.3}50%{opacity:.8}}@media (max-width: 768px){.container{padding:0 1rem}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.teaser-text{font-size:1.5rem}.visual-strip{flex-direction:column}.visual-frame{width:100%;height:200px}.character-grid{grid-template-columns:1fr}.twist-text{font-size:1.8rem}.tagline{font-size:2.5rem}.email-input{min-width:100%}.hooks-grid{grid-template-columns:1fr}}