@import "https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@300;400;600;700&family=Space+Grotesk:wght@400;600;700&family=Geist:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--background:#000;--surface:#050505;--surface-dim:#020202;--surface-bright:#1a1a1a;--surface-container-lowest:#000;--surface-container-low:#0a0a0a;--surface-container:#111;--surface-container-high:#1c1c1c;--surface-container-highest:#262626;--on-surface:#e5e5e5;--on-surface-variant:#a3a3a3;--outline:#666;--outline-variant:#333;--primary:#e6f9ff;--primary-fixed:#00d2ff;--primary-fixed-dim:#00a8cc;--on-primary:#003340;--primary-container:#008eb3;--secondary:#ffb4ab;--secondary-container:#b22222;--on-secondary:#4d0000;--tertiary:#fff;--on-tertiary:#1a1a1a;--tertiary-container:silver;--surface-tint:#00d2ff;--error:#ffb4ab;--on-error:#690005;--inverse-surface:#dce4e5;--inverse-on-surface:#2a3233;--font-headline:"Anton", sans-serif;--font-body:"Inter", sans-serif;--font-label:"Space Grotesk", sans-serif;--font-geist:"Geist", sans-serif}html{scroll-behavior:smooth}body{background:var(--background);color:var(--on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0d1515}::-webkit-scrollbar-thumb{background:#849495}.glass-card{-webkit-backdrop-filter:blur(20px);background:#0d151599;border:1px solid #84949533}.glow-cyan{box-shadow:0 0 20px #00dbe94d}.text-glow-cyan{text-shadow:0 0 10px #00dbe980}.text-glow-crimson{text-shadow:0 0 10px #ffb4a880}@keyframes pulse-border{0%,to{border-color:#ffb4a833}50%{border-color:#ffb4a8cc}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00dbe933}50%{box-shadow:0 0 40px #00dbe980}}.threat-pulse{animation:3s cubic-bezier(.4,0,.6,1) infinite pulse-border}.pulse-dot{animation:2s infinite pulse-dot}.fade-in-up{animation:.8s forwards fadeInUp}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.nav-bar{z-index:100;-webkit-backdrop-filter:blur(12px);background:0 0;border-bottom:1px solid #3b494b4d;width:100%;transition:all .3s;position:fixed;top:0;box-shadow:0 0 20px #00dbe914}.nav-bar.scrolled{background:#0d1515e6;box-shadow:0 0 30px #00dbe926}.nav-inner{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:24px 80px;display:flex}.nav-logo{font-family:var(--font-headline);color:var(--primary);text-transform:uppercase;letter-spacing:-.02em;font-size:24px}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{font-family:var(--font-geist);letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);font-size:14px;font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--primary-fixed)}.nav-links a.active{border-bottom:2px solid var(--primary-fixed);padding-bottom:4px}.nav-btn{font-family:var(--font-geist);letter-spacing:.2em;text-transform:uppercase;background:var(--tertiary);color:var(--on-tertiary);cursor:pointer;border:none;padding:14px 32px;font-size:13px;font-weight:700;transition:all .3s}.nav-btn:hover{transform:scale(1.03);box-shadow:0 0 25px #00dbe966}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-canvas-wrapper{z-index:0;opacity:.4;width:100%;height:100%;position:absolute;inset:0}.hero-threejs-wrapper{z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:20;text-align:center;max-width:900px;margin:80px auto 0;padding:0 32px;position:relative}.hero-tag{font-family:var(--font-label);letter-spacing:.4em;text-transform:uppercase;color:var(--primary-fixed);margin-bottom:24px;font-size:12px;font-weight:700;display:block}.hero-title{font-family:var(--font-headline);color:var(--primary);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(64px,10vw,120px);line-height:.85}.hero-subtitle{font-family:var(--font-geist);letter-spacing:.3em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:48px;font-size:18px;font-weight:500}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.btn-primary{background:var(--tertiary);color:var(--on-tertiary);font-family:var(--font-geist);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;padding:20px 48px;font-size:14px;font-weight:700;transition:all .5s}.btn-primary:hover{transform:scale(1.03);box-shadow:0 0 30px #00dbe980}.btn-secondary{color:var(--on-surface);font-family:var(--font-geist);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--outline);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;padding:20px 48px;font-size:14px;font-weight:700;transition:all .5s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.hud-left{opacity:.5;z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed;top:128px;left:40px}.hud-right{opacity:.5;z-index:50;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:40px;right:40px}.hud-label{font-family:var(--font-geist);color:var(--outline);letter-spacing:.3em;text-transform:uppercase;font-size:10px;font-weight:700}.hud-value{color:var(--primary-fixed);font-family:monospace;font-size:10px}.hud-value-red{color:var(--secondary);font-family:monospace;font-size:10px}.hud-line{background:var(--outline-variant);width:128px;height:1px}.countdown-section{z-index:30;padding:160px 32px;position:relative}.countdown-inner{max-width:1440px;margin:0 auto}.countdown-header{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:64px;display:flex}.countdown-title{font-family:var(--font-headline);letter-spacing:.05em;color:var(--on-surface);text-transform:uppercase;margin-bottom:16px;font-size:64px;line-height:72px}.countdown-description{font-family:var(--font-body);color:var(--outline);max-width:480px;font-size:18px;line-height:32px}.extinction-badge{font-family:var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--secondary);align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.countdown-card{text-align:center;cursor:default;padding:40px;transition:transform .3s}.countdown-card:hover{transform:translateY(-8px)}.countdown-card:hover .countdown-number{color:var(--primary-fixed);text-shadow:0 0 20px #00dbe966}.countdown-unit{font-family:var(--font-label);letter-spacing:.3em;text-transform:uppercase;color:var(--outline);text-align:left;opacity:.6;margin-bottom:24px;font-size:10px;font-weight:700}.countdown-number{font-family:var(--font-headline);color:var(--on-surface);font-size:clamp(64px,8vw,120px);line-height:1;transition:color .5s,text-shadow .5s}.countdown-divider{background:#3b494b4d;height:1px;margin-top:16px}.doctor-section{padding:160px 0;position:relative}.doctor-bg{background:var(--surface-container-lowest);z-index:0;position:absolute;inset:0}.doctor-inner{z-index:10;max-width:1440px;margin:0 auto;padding:0 32px;position:relative}.doctor-grid{grid-template-columns:7fr 5fr;align-items:center;gap:48px;display:grid}.doctor-image-col{position:relative}.doctor-frame{z-index:0;border:1px solid #ffb4a833;width:100%;height:100%;position:absolute;top:-40px;left:-40px}.doctor-img-card{z-index:10;padding:16px;position:relative}.doctor-img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.doctor-badge{z-index:20;padding:32px;position:absolute;bottom:-32px;right:-32px}.doctor-badge-label{font-family:var(--font-label);letter-spacing:.3em;text-transform:uppercase;color:var(--secondary);font-size:12px;font-weight:700}.doctor-badge-title{font-family:var(--font-headline);letter-spacing:.05em;color:var(--on-surface);text-transform:uppercase;font-size:48px;line-height:56px}.doctor-text-col{flex-direction:column;gap:32px;display:flex}.doctor-tag{font-family:var(--font-label);letter-spacing:.4em;text-transform:uppercase;color:var(--outline);font-size:12px;font-weight:700}.doctor-heading{font-family:var(--font-headline);color:var(--on-surface);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(60px,6vw,80px);line-height:1}.doctor-desc{font-family:var(--font-body);color:var(--outline-variant);font-size:18px;line-height:32px}.doctor-list{list-style:none}.doctor-list li{border-bottom:1px solid #3b494b1a;align-items:center;gap:16px;padding:16px 0;display:flex}.doctor-list li:last-child{border-bottom:none}.doctor-list-num{font-family:var(--font-label);letter-spacing:.2em;color:var(--primary-fixed);font-size:12px;font-weight:700}.doctor-list-text{font-family:var(--font-geist);letter-spacing:.1em;color:var(--on-surface);text-transform:uppercase;font-size:16px;font-weight:600}.cast-section{padding:160px 32px;overflow:hidden}.cast-inner{max-width:1440px;margin:0 auto}.cast-header{text-align:center;margin-bottom:64px}.section-tag{font-family:var(--font-label);letter-spacing:.5em;text-transform:uppercase;color:var(--outline);margin-bottom:16px;font-size:12px;font-weight:700;display:block}.section-title{font-family:var(--font-headline);color:var(--on-surface);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(40px,5vw,64px);line-height:1}.cast-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.cast-card{cursor:pointer;aspect-ratio:2/3;opacity:0;transition:opacity .45s ease var(--cast-delay), transform .25s ease, border-color .25s ease, box-shadow .25s ease;background:#0d1515bf;border:1px solid #7df4ff24;position:relative;overflow:hidden;transform:translateY(18px)}.cast-gallery--visible .cast-card{opacity:1;transform:translateY(0)}.cast-card:hover,.cast-card:focus-visible{z-index:1;border-color:var(--primary-fixed);outline:none;transform:scale(1.03);box-shadow:0 0 0 1px #7df4ff4d,0 14px 32px #3abeff4d}.cast-img-wrapper{width:100%;height:100%;overflow:hidden}.cast-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s,transform .25s;transform:scale(1.01)}.cast-img.is-loaded{opacity:1}.cast-card:hover .cast-img,.cast-card:focus-visible .cast-img{transform:scale(1.08)}.cast-overlay{opacity:.68;pointer-events:none;background:linear-gradient(#0000 40%,#0d1515e6 100%);transition:opacity .25s;position:absolute;inset:0}.cast-card:hover .cast-overlay,.cast-card:focus-visible .cast-overlay{opacity:.82}.cast-info{text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.cast-role{font-family:var(--font-label);letter-spacing:.08em;color:#e0e8eaad;text-transform:uppercase;margin:5px 0 0;font-size:11px;font-weight:600}.cast-name{font-family:var(--font-geist);letter-spacing:.04em;color:var(--on-surface);text-transform:uppercase;margin:0;font-size:clamp(13px,1.15vw,16px);font-weight:800}.cast-badges{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.cast-team,.cast-status{font-family:var(--font-label);letter-spacing:.08em;color:#fff;text-transform:uppercase;background:#070d0fcc;border:1px solid #fff3;padding:6px 7px;font-size:8px;font-weight:800;line-height:1}.cast-status{color:var(--primary-fixed)}.cast-team--avengers,.cast-team--government{color:#a9dfff;border-color:#77c9ffcc}.cast-team--thunderbolts{color:#ffe28a;border-color:#ffcb52cc}.cast-team--fantastic-four{color:#9ac5ff;border-color:#5694ffe6}.cast-team--x-men{color:#ffabab;border-color:#ff6060d9}.cast-team--wakanda{color:#97f4e9;border-color:#5ad9cde6}.cast-team--next-generation{color:#d2b5ff;border-color:#b885ffe6}@media (prefers-reduced-motion:reduce){.cast-card,.cast-img,.cast-overlay{transition:none}}.timeline-section{background:#151d1e80;padding:160px 32px}.timeline-inner{max-width:1440px;margin:0 auto}.timeline-header{margin-bottom:80px}.timeline-tag{font-family:var(--font-label);letter-spacing:.4em;text-transform:uppercase;color:var(--primary-fixed);margin-bottom:16px;font-size:12px;font-weight:700;display:block}.timeline-title{font-family:var(--font-headline);color:var(--on-surface);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(40px,5vw,64px)}.timeline-track{position:relative}.timeline-line{z-index:0;background:#3b494b4d;width:100%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.timeline-grid{z-index:10;grid-template-columns:repeat(3,1fr);gap:48px;display:grid;position:relative}.timeline-card-wrapper{flex-direction:column;gap:24px;display:flex}.timeline-card{border-color:#3b494b1a;padding:32px;transition:border-color .3s}.timeline-card:hover{border-color:#7df4ff66}.timeline-card.doomsday{border-color:#ffb4a833}.timeline-card.doomsday:hover{border-color:#ffb4a899}.timeline-date{font-family:var(--font-label);letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:700;display:block}.timeline-card-title{font-family:var(--font-geist);letter-spacing:.1em;color:var(--on-surface);text-transform:uppercase;margin-bottom:16px;font-size:16px;font-weight:700}.timeline-card-desc{font-family:var(--font-body);color:var(--on-surface-variant);opacity:.7;font-size:15px;line-height:24px}.timeline-dot{border-radius:50%;width:16px;height:16px;margin:0 auto}.media-section{padding:160px 32px}.media-inner{max-width:1440px;margin:0 auto}.media-grid{grid-template-columns:8fr 4fr;gap:32px;display:grid}.video-card{padding:8px;overflow:hidden}.video-wrapper{aspect-ratio:16/9;cursor:pointer;position:relative;overflow:hidden}.video-img{object-fit:cover;width:100%;height:100%}.video-overlay{background:#0006;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.video-card:hover .video-overlay{background:#0003}.play-btn{border:2px solid var(--primary-fixed);width:96px;height:96px;color:var(--primary-fixed);border-radius:50%;justify-content:center;align-items:center;font-size:40px;transition:all .3s;display:flex}.video-card:hover .play-btn{background:var(--primary-fixed);color:var(--on-primary)}.video-caption{padding:24px}.video-label{font-family:var(--font-label);letter-spacing:.3em;text-transform:uppercase;color:var(--outline);font-size:11px;font-weight:700}.video-title{font-family:var(--font-geist);letter-spacing:.1em;color:var(--on-surface);text-transform:uppercase;margin-top:8px;font-size:16px;font-weight:700}.poster-grid{flex-direction:column;gap:12px;display:flex}.poster-card{cursor:pointer;overflow:hidden}.poster-img{object-fit:cover;width:100%;height:192px;transition:transform .5s;transform:scale(1)}.poster-card:hover .poster-img{transform:scale(1.05)}.footer{background:var(--surface-dim);border-top:1px solid #3b494b1a;margin-top:160px}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:1440px;margin:0 auto;padding:64px 80px;display:flex}.footer-logo{font-family:var(--font-headline);color:var(--on-surface);text-transform:uppercase;font-size:clamp(28px,3vw,40px)}.footer-links{flex-wrap:wrap;justify-content:center;gap:32px;margin:24px 0;display:flex}.footer-links a{font-family:var(--font-label);letter-spacing:.3em;text-transform:uppercase;color:var(--on-tertiary);opacity:.8;font-size:11px;font-weight:700;text-decoration:none;transition:all .3s}.footer-links a:hover{opacity:1;color:var(--primary-fixed-dim)}.footer-copy{font-family:var(--font-label);letter-spacing:-.02em;text-transform:uppercase;color:var(--outline);max-width:640px;font-size:11px;font-weight:700}.footer-icons{gap:24px;margin-top:32px;display:flex}.footer-icon{color:var(--outline);cursor:pointer;font-size:24px;transition:color .3s}.footer-icon:hover{color:var(--primary)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:90%;max-width:900px;position:relative}.modal-close{color:var(--on-surface);cursor:pointer;font-size:28px;font-family:var(--font-label);letter-spacing:.1em;background:0 0;border:none;position:absolute;top:-40px;right:0}.modal-video{aspect-ratio:16/9;border:1px solid #84949533;width:100%}@media (width<=1024px){.nav-inner{padding:20px 40px}.countdown-grid{grid-template-columns:repeat(2,1fr)}.doctor-grid{grid-template-columns:1fr}.doctor-badge{margin-top:16px;position:relative;bottom:auto;right:auto}.doctor-frame{display:none}.cast-grid{grid-template-columns:repeat(3,1fr)}.cast-card:nth-child(2),.cast-card:nth-child(3),.cast-card:nth-child(4){margin-top:0}.timeline-grid{grid-template-columns:1fr}.timeline-line{display:none}.media-grid{grid-template-columns:1fr}.hud-left,.hud-right{display:none}}@media (width<=768px){.nav-links{display:none}.nav-inner{padding:16px 20px}.countdown-section,.cast-section,.timeline-section,.media-section{padding:80px 20px}.doctor-section{padding:80px 0}.doctor-inner{padding:0 20px}.cast-grid,.countdown-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{padding:48px 20px}}.modal-boxoffice-pill{font-family:var(--font-label);color:var(--primary-fixed);background:#7df4ff1a;border:1px solid #7df4ff4d;border-radius:4px;padding:4px 12px;font-size:11px;font-weight:800}.modal-tagline-text{font-family:var(--font-body);color:var(--primary-fixed-dim);margin-bottom:8px;font-size:16px;font-style:italic}.modal-quote-box{border-left:3px solid var(--secondary);font-family:var(--font-body);color:var(--on-surface);background:#ffffff0a;border-radius:8px;margin:0;padding:16px 20px;font-size:15px;font-style:italic}.postcredits-box{color:var(--on-surface-variant);background:#7df4ff0a;border:1px dashed #7df4ff4d;border-radius:8px;padding:16px 20px}.stone-card{background:#7df4ff0f!important;border-color:#7df4ff4d!important}.stone-value{color:var(--primary-fixed)!important}.about-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.watch-guide-page{background:var(--surface);min-height:100vh;padding-bottom:120px;position:relative}.watch-hero-section{text-align:center;background:radial-gradient(circle at 50% 20%,#16212ecc 0%,#070a0f 80%);padding:140px 24px 70px;position:relative;overflow:visible}.watch-hero-content{z-index:10;max-width:800px;margin:0 auto;position:relative}.watch-eyebrow{font-family:var(--font-label);letter-spacing:.4em;color:var(--primary-fixed);text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:800;display:block}.watch-title{font-family:var(--font-headline);letter-spacing:.04em;color:var(--on-surface);text-transform:uppercase;margin-bottom:12px;font-size:clamp(40px,5.5vw,76px);line-height:1}.watch-subhead-headline{font-family:var(--font-headline);letter-spacing:.06em;color:var(--primary-fixed);text-transform:uppercase;margin-bottom:16px;font-size:clamp(20px,3vw,32px)}.watch-subtitle{font-family:var(--font-body);color:var(--outline-variant);margin-bottom:40px;font-size:clamp(15px,1.8vw,18px)}.watch-search-form{max-width:640px;margin:0 auto;position:relative}.search-input-wrapper{background:#0d111ae6;border:1px solid #7df4ff4d;border-radius:9999px;align-items:center;gap:12px;padding:8px 12px 8px 20px;display:flex;box-shadow:0 10px 30px #00000080,0 0 20px #7df4ff26}.search-icon{opacity:.7;font-size:18px}.search-input{font-family:var(--font-body);color:var(--on-surface);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-input::placeholder{color:var(--outline)}.clear-search-btn{color:var(--outline);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.search-submit-btn{font-family:var(--font-label);letter-spacing:.15em;background:var(--primary-fixed);color:var(--on-primary);cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;padding:12px 24px;font-size:11px;font-weight:800;transition:all .3s}.search-submit-btn:hover{transform:scale(1.03);box-shadow:0 0 20px #7df4ff99}.search-suggestions-dropdown{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#0d111af2;border:1px solid #7df4ff40;border-radius:14px;max-height:280px;padding:8px 0;list-style:none;position:absolute;top:calc(100% + 12px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 40px #000c}.suggestion-item{cursor:pointer;align-items:center;gap:12px;padding:12px 20px;transition:background .2s;display:flex}.suggestion-item:hover{background:#7df4ff1f}.suggestion-num{font-family:var(--font-label);color:var(--primary-fixed);font-size:11px;font-weight:800}.suggestion-title{font-family:var(--font-headline);color:var(--on-surface);flex:1;font-size:16px}.suggestion-year{font-family:var(--font-label);color:var(--outline);font-size:12px}.movie-not-found-alert{color:#ff4d4d;font-family:var(--font-body);background:#e509141a;border:1px solid #e509144d;border-radius:12px;margin-top:24px;padding:16px 24px}.watch-result-section{max-width:1100px;margin:0 auto;padding:40px 24px}.result-header{text-align:center;margin-bottom:40px}.result-tag{font-family:var(--font-label);letter-spacing:.4em;color:var(--primary-fixed);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800;display:block}.target-movie-title{font-family:var(--font-headline);letter-spacing:.04em;color:var(--on-surface);text-transform:uppercase;margin-bottom:14px;font-size:clamp(36px,5vw,64px)}.required-badge-container{justify-content:center;display:flex}.required-count-badge{font-family:var(--font-label);letter-spacing:.2em;color:var(--primary-fixed);background:#7df4ff1a;border:1px solid #7df4ff4d;border-radius:9999px;padding:8px 24px;font-size:12px;font-weight:800}.watch-path-container{background:#0d111acc;border:1px solid #ffffff14;border-radius:16px;margin-bottom:56px;padding:32px 24px}.watch-path-title{font-family:var(--font-label);letter-spacing:.3em;color:var(--outline);text-transform:uppercase;text-align:center;margin-bottom:24px;font-size:11px;font-weight:800}.watch-path-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.watch-path-step-wrap{align-items:center;gap:12px;display:flex}.watch-path-step{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;padding:12px 20px;transition:all .3s;display:flex}.watch-path-step:hover{background:#7df4ff1f;border-color:#7df4ff66}.watch-path-step.target-step{border-color:var(--primary-fixed);background:#7df4ff26;box-shadow:0 0 20px #7df4ff59}.node-icon{color:var(--primary-fixed);font-size:14px}.step-name{font-family:var(--font-headline);color:var(--on-surface);text-transform:uppercase;letter-spacing:.03em;font-size:15px}.path-arrow{color:var(--primary-fixed);opacity:.6;font-size:18px}.watch-prereq-block{margin-bottom:56px}.prereq-section-title{font-family:var(--font-headline);letter-spacing:.05em;color:var(--on-surface);text-transform:uppercase;margin-bottom:24px;font-size:24px}.prereq-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.prereq-card{cursor:pointer;background:#0f1520d9;border:1px solid #ffffff1a;border-radius:12px;gap:16px;padding:16px;transition:all .35s;display:flex}.prereq-card:hover{border-color:#7df4ff66;transform:translateY(-4px);box-shadow:0 10px 25px #0009}.prereq-poster-wrap{aspect-ratio:2/3;border-radius:8px;flex-shrink:0;width:90px;position:relative;overflow:hidden}.prereq-poster-img{object-fit:cover;width:100%;height:100%}.prereq-num-badge{font-family:var(--font-label);color:var(--primary-fixed);background:#070a0fd9;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:4px;left:4px}.prereq-card-body{flex-direction:column;flex:1;justify-content:center;display:flex}.prereq-movie-title{font-family:var(--font-headline);color:var(--on-surface);text-transform:uppercase;margin-bottom:4px;font-size:16px;line-height:1.2}.prereq-meta{font-family:var(--font-label);color:var(--outline);margin-bottom:10px;font-size:11px;display:block}.prereq-why-box{border-left:2px solid var(--primary-fixed);background:#ffffff08;border-radius:6px;padding:8px 10px}.why-label{font-family:var(--font-label);letter-spacing:.15em;color:var(--primary-fixed);margin-bottom:2px;font-size:9px;font-weight:800;display:block}.why-text{font-family:var(--font-body);color:var(--on-surface-variant);margin:0;font-size:12px;line-height:1.4}.no-prereq-box{text-align:center;font-family:var(--font-body);color:var(--primary-fixed);background:#7df4ff0d;border:1px solid #7df4ff33;border-radius:12px;margin-bottom:48px;padding:32px;font-size:16px}.ready-cta-container{text-align:center;background:#0d111a99;border:1px solid #7df4ff33;border-radius:16px;margin-top:48px;padding:40px 24px}.ready-tag{font-family:var(--font-label);letter-spacing:.3em;color:var(--outline);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.ready-target-title{font-family:var(--font-headline);color:var(--on-surface);text-transform:uppercase;margin-bottom:24px;font-size:clamp(28px,4vw,48px)}.start-watching-btn{font-family:var(--font-label);letter-spacing:.25em;background:var(--primary-fixed);color:var(--on-primary);cursor:pointer;border:none;border-radius:9999px;padding:16px 40px;font-size:12px;font-weight:800;transition:all .35s;box-shadow:0 0 25px #7df4ff66}.start-watching-btn:hover{transform:translateY(-4px);box-shadow:0 0 40px #7df4ffb3}@media (width<=768px){.watch-path-flow{flex-direction:column}.path-arrow{transform:rotate(90deg)}}.progress-indicator-pill{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:var(--font-label);pointer-events:auto;background:#0d111ad9;border:1px solid #7df4ff40;border-radius:9999px;align-items:center;gap:12px;padding:10px 20px;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 32px #00000080,0 0 15px #7df4ff26}.pill-brand{letter-spacing:.25em;color:var(--primary-fixed);text-transform:uppercase;font-size:11px;font-weight:800}.pill-divider{color:#fff3}.pill-count{letter-spacing:.15em;color:var(--outline);font-size:12px}.pill-count .active-num{color:var(--on-surface);font-size:14px}.infinity-hero-section{text-align:center;background:radial-gradient(circle at 50% 30%,#16212ecc 0%,#070a0f 80%);justify-content:center;align-items:center;min-height:85vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg-overlay{z-index:1;background:linear-gradient(#070a0f66 0%,#070a0ff2 100%);position:absolute;inset:0}.hero-grid-pattern{opacity:.3;z-index:0;background-image:radial-gradient(#7df4ff1a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.hero-content-inner{z-index:10;max-width:900px;margin:0 auto;position:relative}.hero-eyebrow{font-family:var(--font-label);letter-spacing:.4em;color:var(--primary-fixed);text-transform:uppercase;margin-bottom:24px;font-size:12px;font-weight:700;display:block}.hero-title{font-family:var(--font-headline);letter-spacing:.04em;color:var(--on-surface);text-transform:uppercase;text-shadow:0 0 40px #7df4ff33;margin-bottom:24px;font-size:clamp(52px,8vw,110px);line-height:.95}.hero-subhead{color:var(--primary-fixed);letter-spacing:.08em;margin-top:12px;font-size:clamp(24px,3.5vw,48px);display:block}.hero-tagline{font-family:var(--font-body);color:var(--outline-variant);letter-spacing:.15em;text-transform:uppercase;margin-bottom:48px;font-size:clamp(16px,2vw,22px)}.hero-scroll-prompt{cursor:pointer;opacity:.8;flex-direction:column;align-items:center;gap:10px;transition:opacity .3s;display:inline-flex}.hero-scroll-prompt:hover{opacity:1}.scroll-text{font-family:var(--font-label);letter-spacing:.3em;color:var(--outline);font-size:11px;font-weight:700}.scroll-arrow{color:var(--primary-fixed);font-size:20px}.infinity-timeline-section{background:var(--surface);padding:80px 24px 160px;position:relative;overflow:hidden}.timeline-container{max-width:1320px;margin:0 auto;position:relative}.central-timeline-track{z-index:2;background:#ffffff14;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-glow-line{opacity:.7;background:linear-gradient(#7df4ffcc 0%,#e5091499 50%,#7df4ffcc 100%);position:absolute;inset:0;box-shadow:0 0 15px #7df4ff66}.phase-divider-container{z-index:10;text-align:center;padding:90px 0 70px;position:relative}.phase-divider-line{background:linear-gradient(90deg, transparent, var(--primary-fixed), transparent);width:80px;height:2px;margin:0 auto 24px}.phase-divider-content{max-width:700px;margin:0 auto;position:relative}.phase-watermark{font-family:var(--font-headline);color:#ffffff08;pointer-events:none;z-index:-1;-webkit-user-select:none;user-select:none;font-size:clamp(140px,20vw,240px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phase-tag{font-family:var(--font-label);letter-spacing:.4em;color:var(--primary-fixed);text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700}.phase-title{font-family:var(--font-headline);letter-spacing:.06em;color:var(--on-surface);text-transform:uppercase;margin-bottom:8px;font-size:clamp(36px,5vw,64px)}.phase-subtitle{font-family:var(--font-geist);letter-spacing:.15em;color:var(--secondary);text-transform:uppercase;margin-bottom:16px;font-size:clamp(18px,2.5vw,28px)}.phase-desc{font-family:var(--font-body);color:var(--outline);max-width:540px;margin:0 auto;font-size:15px;line-height:1.6}.timeline-items-flow{z-index:5;flex-direction:column;gap:80px;display:flex;position:relative}.timeline-item-block{flex-direction:column;display:flex}.timeline-row{grid-template-columns:1fr 100px 1fr;align-items:center;min-height:280px;transition:opacity .4s;display:grid;position:relative}.timeline-col{position:relative}.col-center{z-index:10;justify-content:center;align-items:center;display:flex}.col-left{justify-content:flex-end;padding-right:24px;display:flex}.col-right{justify-content:flex-start;padding-left:24px;display:flex}.timeline-node-container{cursor:pointer;outline:none}.timeline-node-circle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d111af2;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex;position:relative}.node-number{font-family:var(--font-label);color:var(--on-surface);letter-spacing:.05em;font-size:13px;font-weight:800}.node-pulse-ring{border:2px solid var(--primary-fixed);pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.movie-card-wrapper{width:100%;max-width:440px}.movie-card{cursor:pointer;background:#0f1520d9;border:1px solid #ffffff1f;border-radius:12px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 12px 32px #0006}.movie-card:hover{border-color:#7df4ff80;transform:translateY(-8px);box-shadow:0 20px 48px #0009,0 0 25px #7df4ff33}.movie-card-poster-container{aspect-ratio:16/9;background:#0a0d14;width:100%;position:relative;overflow:hidden}.movie-card-poster{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.movie-card:hover .movie-card-poster{transform:scale(1.08)}.poster-overlay-gradient{background:linear-gradient(#0000 40%,#0f1520 100%);position:absolute;inset:0}.movie-card-badge{z-index:5;gap:8px;display:flex;position:absolute;top:14px;left:14px}.badge-phase,.badge-number{font-family:var(--font-label);letter-spacing:.15em;color:var(--on-surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070a0fd9;border:1px solid #ffffff26;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:800}.badge-phase{color:var(--primary-fixed)}.movie-card-content{padding:20px 24px 24px}.movie-card-header{font-family:var(--font-label);color:var(--outline);letter-spacing:.1em;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.movie-title{font-family:var(--font-headline);letter-spacing:.04em;color:var(--on-surface);text-transform:uppercase;margin-bottom:12px;font-size:24px;transition:color .3s}.movie-card:hover .movie-title{color:var(--primary-fixed)}.movie-short-desc{font-family:var(--font-body);color:var(--outline-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.movie-card-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;padding-top:14px;display:flex}.view-details-btn{font-family:var(--font-label);letter-spacing:.2em;color:var(--primary-fixed);align-items:center;gap:8px;font-size:11px;font-weight:800;transition:gap .3s;display:inline-flex}.movie-card:hover .view-details-btn{gap:14px}.arrow-icon{transition:transform .3s}.movie-card:hover .arrow-icon{transform:translate(4px)}.about-movie-block{width:100%;max-width:440px}.about-block-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d111a99;border:1px solid #ffffff14;border-radius:12px;padding:24px}.about-tag{font-family:var(--font-label);letter-spacing:.3em;color:var(--outline);margin-bottom:8px;font-size:10px;font-weight:800;display:block}.about-title-row{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.about-movie-title{font-family:var(--font-headline);letter-spacing:.04em;color:var(--on-surface);text-transform:uppercase;font-size:20px}.about-year{font-family:var(--font-label);color:var(--primary-fixed);font-size:12px}.about-divider{background:#ffffff14;height:1px;margin-bottom:16px}.about-section{margin-bottom:12px}.about-section:last-child{margin-bottom:0}.about-label{font-family:var(--font-label);letter-spacing:.25em;color:var(--outline);margin-bottom:4px;font-size:9px;font-weight:800;display:block}.about-val{font-family:var(--font-body);color:var(--on-surface-variant);font-size:13px;line-height:1.4}.about-val.highlight{color:var(--primary-fixed-dim);font-weight:500}.movie-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#04060ae0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.movie-modal-container{background:#0d111af2;border:1px solid #7df4ff40;border-radius:16px;width:100%;max-width:900px;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 25px 60px #000c,0 0 35px #7df4ff26}.modal-close-btn{z-index:20;width:40px;height:40px;color:var(--on-surface);cursor:pointer;background:#070a0fcc;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{background:var(--secondary);border-color:var(--secondary)}.modal-body-scroll{max-height:90vh;padding:36px;overflow-y:auto}.modal-hero-banner{grid-template-columns:200px 1fr;gap:32px;margin-bottom:36px;display:grid}.modal-poster-wrap{aspect-ratio:2/3;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 10px 30px #0009}.modal-poster-img{object-fit:cover;width:100%;height:100%}.modal-meta-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.modal-phase-pill,.modal-num-pill,.modal-year-pill,.modal-runtime-pill{font-family:var(--font-label);color:var(--on-surface);background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;padding:4px 12px;font-size:11px;font-weight:800}.modal-phase-pill{color:var(--primary-fixed);border-color:#7df4ff4d}.modal-movie-title{font-family:var(--font-headline);letter-spacing:.04em;color:var(--on-surface);text-transform:uppercase;margin-bottom:8px;font-size:clamp(32px,4vw,48px)}.modal-release-date{font-family:var(--font-body);color:var(--outline);margin-bottom:20px;font-size:14px}.modal-tags{flex-wrap:wrap;gap:8px;display:flex}.tag-chip{font-family:var(--font-label);color:var(--primary-fixed-dim);background:#7df4ff14;border-radius:4px;padding:4px 10px;font-size:10px}.modal-content-grid{grid-template-columns:2fr 1fr;gap:36px;margin-bottom:36px;display:grid}.modal-section{margin-bottom:24px}.modal-section-title{font-family:var(--font-label);letter-spacing:.25em;color:var(--primary-fixed);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.modal-text{font-family:var(--font-body);color:var(--on-surface-variant);font-size:15px;line-height:1.6}.highlight-box{border-left:3px solid var(--primary-fixed);color:var(--on-surface);background:#7df4ff0f;border-radius:8px;padding:16px 20px}.modal-info-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:16px;padding:18px}.info-label{font-family:var(--font-label);letter-spacing:.2em;color:var(--outline);margin-bottom:6px;font-size:10px;font-weight:800;display:block}.info-value{font-family:var(--font-body);color:var(--on-surface);font-size:14px;font-weight:600}.cast-list{font-family:var(--font-body);color:var(--on-surface-variant);flex-direction:column;gap:4px;font-size:13px;list-style:none;display:flex}.modal-navigation-bar{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.modal-nav-btn{font-family:var(--font-label);letter-spacing:.2em;color:var(--on-surface);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:12px 20px;font-size:11px;font-weight:800;transition:all .3s}.modal-nav-btn:hover:not(.disabled){background:var(--primary-fixed);color:var(--on-primary)}.modal-nav-btn.disabled{opacity:.3;cursor:not-allowed}.modal-nav-counter{font-family:var(--font-label);color:var(--outline);letter-spacing:.1em;font-size:12px}.infinity-footer-section{text-align:center;background:radial-gradient(circle,#16212e99 0%,#070a0f 100%);padding:140px 24px;position:relative;overflow:hidden}.infinity-footer-glow{pointer-events:none;background:radial-gradient(circle,#7df4ff1f 0%,#0000 70%);border-radius:50%;width:450px;height:450px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.infinity-footer-content{z-index:5;max-width:800px;margin:0 auto;position:relative}.footer-tag{font-family:var(--font-label);letter-spacing:.4em;color:var(--primary-fixed);text-transform:uppercase;margin-bottom:20px;font-size:12px;font-weight:700;display:block}.footer-title{font-family:var(--font-headline);letter-spacing:.04em;color:var(--on-surface);text-transform:uppercase;margin-bottom:20px;font-size:clamp(40px,6vw,80px);line-height:1.05}.gradient-text{background:linear-gradient(135deg,#7df4ff 0%,#fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.footer-subtitle{font-family:var(--font-body);letter-spacing:.2em;color:var(--outline-variant);margin-bottom:44px;font-size:18px}.restart-btn{font-family:var(--font-label);letter-spacing:.25em;color:var(--on-surface);cursor:pointer;background:#7df4ff1a;border:1px solid #7df4ff66;border-radius:9999px;margin-bottom:60px;padding:16px 36px;font-size:12px;font-weight:800;transition:all .35s;display:inline-block}.restart-btn:hover{background:var(--primary-fixed);color:var(--on-primary);transform:translateY(-4px);box-shadow:0 0 30px #7df4ff99}.footer-copyright p{font-family:var(--font-label);letter-spacing:.3em;color:var(--outline);font-size:10px}@media (width<=992px){.central-timeline-track{left:36px;transform:none}.timeline-row{grid-template-columns:72px 1fr;grid-template-areas:"center card""center about";gap:16px 0;min-height:auto}.col-center{grid-area:center;justify-content:center;align-items:flex-start;padding-top:10px}.col-left,.col-right{justify-content:flex-start!important;padding:0 0 0 16px!important}.timeline-row.layout-left .col-left{grid-area:card}.timeline-row.layout-left .col-right{grid-area:about}.timeline-row.layout-right .col-right{grid-area:card}.timeline-row.layout-right .col-left{grid-area:about}.movie-card-wrapper,.about-movie-block{max-width:100%}.modal-hero-banner{grid-template-columns:1fr;gap:20px}.modal-poster-wrap{max-width:180px;margin:0 auto}.modal-content-grid{grid-template-columns:1fr;gap:20px}.progress-indicator-pill{padding:8px 14px;bottom:20px;right:20px}.pill-brand{display:none}}@media (width<=600px){.modal-body-scroll{padding:20px}.modal-navigation-bar{flex-direction:column;gap:12px}.modal-nav-btn{text-align:center;width:100%}}.marvel-intro{z-index:9999;opacity:1;visibility:visible;background:#020202;place-items:center;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0;overflow:hidden}.marvel-intro--leaving{opacity:0;visibility:hidden;pointer-events:none}.marvel-intro__video{object-fit:contain;object-position:center;background:#020202;width:100%;height:100%}.marvel-intro__vignette{pointer-events:none;background:radial-gradient(circle,#0000 35%,#0000004d 100%),linear-gradient(90deg,#00000052,#0000 25% 75%,#00000052);position:absolute;inset:0}.marvel-intro__prompt{z-index:1;text-align:center;justify-items:center;gap:18px;padding:24px;display:grid;position:absolute}.marvel-intro__prompt p{color:#ffffffb8;letter-spacing:.42em;margin:0;font-family:Arial,sans-serif;font-size:.68rem;font-weight:700}.marvel-intro__play,.marvel-intro__skip{color:#fff;letter-spacing:.14em;cursor:pointer;font-family:Arial,sans-serif;font-weight:700}.marvel-intro__play{background:#7d080fc7;border:1px solid #fffc;align-items:center;gap:12px;padding:17px 28px;font-size:.8rem;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 0 0 1px #ff2d2d33,0 8px 30px #00000080}.marvel-intro__play:hover,.marvel-intro__play:focus-visible{background:#a30b16;outline:none;transform:scale(1.04);box-shadow:0 0 22px #cd17227a}.marvel-intro__skip{z-index:1;background:#0000005c;border:1px solid #ffffff61;padding:9px 12px;font-size:.64rem;transition:border-color .18s,background .18s;position:absolute;bottom:clamp(16px,3vw,34px);right:clamp(16px,3vw,40px)}.marvel-intro__skip:hover,.marvel-intro__skip:focus-visible{background:#7d080fb3;border-color:#fff;outline:none}@media (width<=480px){.marvel-intro__play{padding:15px 22px;font-size:.72rem}}@media (prefers-reduced-motion:reduce){.marvel-intro,.marvel-intro__play,.marvel-intro__skip{transition-duration:1ms}}