@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--mint:#6fffd8;--muted:#a8bdb6}*{box-sizing:border-box}body{margin:0;background:#050d0b;color:#effaf5;font-family:Manrope,Arial,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{opacity:.55;cursor:wait}.landing{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column}.backdrop,.film,.veil,.ambient,.grid,.particles{position:absolute;inset:0;z-index:-1;pointer-events:none}.backdrop{background-size:cover;background-position:center;filter:saturate(.65);animation:camera 30s ease-in-out infinite alternate}.film{opacity:0;transition:opacity 2s;overflow:hidden}.film.ready{opacity:1}.film iframe{position:absolute;top:50%;left:50%;width:max(100vw,177.78svh);height:max(100svh,56.25vw);transform:translate(-50%,-50%);border:0}.veil{background:linear-gradient(180deg,rgba(2,13,10,.67),rgba(2,11,9,.42) 30%,rgba(2,10,9,.76) 68%,#040b09),linear-gradient(90deg,rgba(1,10,8,.65),transparent 50%,rgba(1,10,8,.65))}.ambient{background:radial-gradient(ellipse at 50% 50%,#1affa516,transparent 53%)}.grid{opacity:.12;background-image:linear-gradient(#8fffcd20 1px,transparent 1px),linear-gradient(90deg,#8fffcd20 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#000,transparent)}header{display:flex;justify-content:space-between;align-items:center;padding:30px 4.5vw;position:relative}.brand{font-family:Unbounded,sans-serif;font-size:23px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:12px}.brandmark{font-size:32px;color:var(--mint);text-shadow:0 0 28px #2cfcb7}.brand-caption{font-family:Manrope,sans-serif;font-weight:600;font-size:9px;letter-spacing:3px;border-left:1px solid #fff3;padding-left:17px;margin-left:10px;color:#acc1b8}.header-right{display:flex;align-items:center;gap:22px}.live{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.7px}.live i,.status-message i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:blink 3s infinite}.icon-button{border:1px solid #b0ffd51a;color:#c5dbd0;background:#05130a30;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s}.icon-button:hover{background:#69ffd623;border-color:#69ffd655;color:var(--mint)}.hero{text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 24px 38px;animation:entrance 1.1s ease-out}.eyebrow{font-size:9px;font-weight:700;letter-spacing:3px;color:var(--mint);display:flex;gap:14px;align-items:center;justify-content:center}.eyebrow>span{height:1px;width:26px;background:#6fffd877}.hero h1{font-family:Unbounded,Arial,sans-serif;font-size:clamp(18px,2.55vw,39px);font-weight:700;line-height:1.55;letter-spacing:-1px;margin:21px 0 0;text-shadow:0 2px 25px #0008}.hero h1 b{color:var(--mint);font-weight:400;padding:0 9px}.hero h1 em{font-style:normal;font-size:.65em;font-weight:500;letter-spacing:1px}.headline-sub{font-size:10px;letter-spacing:2.6px;color:#c1d6cb;margin:12px 0 22px}.progress-stage{width:310px;height:310px;position:relative;margin:6px 0 24px;display:grid;place-items:center}.progress-stage:before{content:'';position:absolute;inset:35px;border-radius:50%;background:radial-gradient(#33f9af12,transparent 70%);box-shadow:0 0 80px #26efa212;animation:breathe 5s infinite}.progress-ring{width:286px;height:286px;transform:rotate(-90deg);overflow:visible}.progress-ring circle{fill:none;stroke-width:2.8}.track{stroke:#8bffc421}.arc{stroke:url(#ring);stroke-linecap:round;filter:drop-shadow(0 0 7px #41f5b5)}.percent{position:absolute;text-align:center;padding-top:11px}.percent>span{font-family:Unbounded,Arial,sans-serif;font-size:94px;font-weight:500;letter-spacing:-8px;line-height:1.1}.percent>small{font-family:Unbounded,sans-serif;font-size:26px;margin-left:8px;color:var(--mint)}.percent p{font-size:7px;letter-spacing:2px;color:#b7cfc3;margin-top:14px}.orbit{position:absolute;border:1px dashed #9affa32b;border-radius:50%;inset:0;animation:spin 70s linear infinite}.orbit-one:before{content:'';position:absolute;top:58px;left:26px;width:7px;height:7px;background:var(--mint);box-shadow:0 0 15px var(--mint);transform:rotate(45deg)}.orbit-two{inset:22px;border-style:solid;border-color:transparent #7dffc81d;animation-direction:reverse;animation-duration:25s}.orbit-label{position:absolute;font-size:6px;letter-spacing:2px;color:#a4c3b2;background:#07130dde;padding:7px 15px}.orbit-label.top{top:-9px}.orbit-label.bottom{bottom:-9px}.status-message{display:flex;align-items:center;gap:9px;font-size:12px;color:#d0e4da;max-width:650px;overflow-wrap:anywhere;justify-content:center}.wait-text{font-size:11px;color:#a3b9af;margin:10px 0 30px}.chapters{display:flex;align-items:center;justify-content:center;gap:32px;padding:20px 0;border-top:1px solid #b0e9c319;max-width:760px;width:100%}.chapters>div{display:grid;grid-template-columns:20px auto;text-align:left;column-gap:10px;row-gap:5px}.chapters>div>span{grid-row:span 2;color:#7fecc0;font-size:9px;padding-top:2px}.chapters strong{font-size:10px;letter-spacing:1.5px}.chapters small{font-size:9px;color:#91a99c}.chapters>i{font-style:normal;color:#7b9e8b;font-size:13px}footer{border-top:1px solid #c1eed51c;display:flex;align-items:center;justify-content:space-between;padding:20px 4.5vw;gap:20px;background:#020b0726}.cinema-caption{display:flex;align-items:center;gap:14px}.mini-line{height:26px;width:2px;background:var(--mint);box-shadow:0 0 15px #53ffd299}.cinema-caption small{display:block;color:#7eaa91;font-size:7px;letter-spacing:1.8px;margin-bottom:5px}.cinema-caption a{font-size:10px;display:flex;align-items:center;gap:10px}.trailer-controls{display:flex;align-items:center;gap:9px}.trailer-controls>button:not(.icon-button){border:0;border-bottom:1px solid transparent;background:transparent;color:#728c7e;font-size:9px;padding:9px 10px;transition:.2s}.trailer-controls>button.selected{color:var(--mint);border-color:var(--mint)}.divider{height:18px;border-left:1px solid #fff2;margin:0 12px}.footer-note{font-size:8px;letter-spacing:1.6px;color:#8ea296}.particles i{position:absolute;bottom:-20px;background:#adffe2;opacity:0;box-shadow:0 0 8px #94ffcd;animation:float linear infinite;transform:rotate(45deg)}@keyframes float{0%{opacity:0;transform:translate(0,0) rotate(45deg)}15%{opacity:.5}80%{opacity:.25}100%{opacity:0;transform:translate(50px,-110svh) rotate(135deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.45;transform:scale(.97)}}@keyframes blink{50%{opacity:.4}}@keyframes entrance{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes camera{to{transform:scale(1.06)}}
.admin{min-height:100svh;background:radial-gradient(ellipse at 50% 10%,#15443488,transparent 60%),#060f0c;padding:35px 24px;display:flex;align-items:center;justify-content:center}.back-link{position:absolute;top:26px;left:30px;display:flex;align-items:center;gap:9px;font-size:12px;color:#afc5b9}.admin-card{width:440px;max-width:100%;padding:36px;border:1px solid #b4ffdb25;border-radius:20px;background:#0b1914;box-shadow:0 20px 80px #0007;margin:45px 0}.admin-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#75ffd517;color:var(--mint);margin:0 auto 24px}.admin-card h1{font-family:Unbounded,Arial,sans-serif;font-size:22px;text-align:center;margin:20px 0 12px}.admin-card>p{font-size:12px;text-align:center;color:var(--muted);line-height:1.6;margin-bottom:26px}.admin-card form{display:grid;gap:18px}.admin-card label{display:grid;gap:9px;color:#b8ccc0;font-size:12px}.admin-card input:not([type=range]),.admin-card textarea{width:100%;border:1px solid #afffd326;background:#06110c;color:#f1fff6;padding:13px 14px;border-radius:8px;outline-offset:0}.admin-card textarea{min-height:90px;resize:vertical}.admin-card input[type=range]{accent-color:var(--mint);width:100%;cursor:pointer}.primary{background:var(--mint);color:#072317;border:0;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:15px;margin-top:5px}.primary:hover{background:#a1ffe4}.logout{background:transparent;color:#9cb6a7;border:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.admin-number{font-family:Unbounded,sans-serif;font-size:55px;color:var(--mint);text-align:center}.admin-number span{font-size:22px;margin-left:7px}.notice{border:1px solid #7dffd32e;background:#7dffd30d;border-radius:8px;padding:12px;margin-top:20px;font-size:12px;line-height:1.5;color:#c5ebd8}
@media(min-width:1400px){.hero{padding-top:40px}.progress-stage{width:350px;height:350px;margin:15px 0 30px}.progress-ring{width:326px;height:326px}.percent>span{font-size:110px}.hero h1{font-size:39px}.chapters{gap:46px}.hero{padding-bottom:50px}}@media(max-width:700px){header{padding:22px}.brand{font-size:19px}.brand-caption{display:none}.live{font-size:7px;letter-spacing:1px}.header-right{gap:12px}.hero{padding:30px 18px}.hero h1{font-size:19px;letter-spacing:-.6px}.hero h1 em{font-size:12px;letter-spacing:.3px}.eyebrow{font-size:7px;letter-spacing:1.7px}.headline-sub{font-size:8px;letter-spacing:1px;line-height:1.7;max-width:280px}.progress-stage{width:285px;height:285px;margin:15px 0 25px}.progress-ring{width:262px;height:262px}.percent>span{font-size:85px}.chapters{gap:12px;align-items:start}.chapters>div{grid-template-columns:1fr;text-align:center;gap:6px;flex:1}.chapters>div>span{grid-row:auto}.chapters strong{font-size:8px;letter-spacing:.5px}.chapters small{font-size:8px;line-height:1.5}.chapters>i{padding-top:22px}.wait-text{font-size:10px}.status-message{font-size:11px}footer{padding:18px 22px}.footer-note{display:none}.trailer-controls{gap:0}.divider{margin:0 6px}.cinema-caption a{font-size:9px}.admin-card{padding:25px}.admin-card h1{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.particles{display:none}}
/* Living eye and ambient motion */
.eye-mark{width:42px;height:34px;display:inline-flex;position:relative;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 0 7px #50ffd67a);animation:eye-aura 5s ease-in-out infinite}.eye-mark svg{width:42px;height:32px;overflow:visible}.eye-outline{fill:#0b302477;stroke:#86ffe0;stroke-width:1.8}.eye-blink{transform-origin:24px 16px;animation:eye-blink 7.4s ease-in-out infinite}.eye-pupil{transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .2s ease-out}.eye-closed{fill:none;stroke:#86ffe0;stroke-width:1.8;opacity:0;animation:eye-lid 7.4s ease-in-out infinite}.brand:hover .eye-mark{filter:drop-shadow(0 0 13px #50ffd6)}.brand-word{background:linear-gradient(100deg,#effff7 20%,#70ffd8 42%,#effff7 65%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:brand-shimmer 9s ease-in-out infinite}.aurora{position:absolute;pointer-events:none;z-index:-1;width:55vw;height:70svh;filter:blur(70px);opacity:.16;mix-blend-mode:screen;border-radius:50%;will-change:transform}.aurora-one{left:-25vw;top:8%;background:radial-gradient(ellipse,#17b881,transparent 67%);animation:aurora-drift 18s ease-in-out infinite alternate}.aurora-two{right:-25vw;bottom:0;background:radial-gradient(ellipse,#199cad,transparent 67%);animation:aurora-drift 24s ease-in-out -8s infinite alternate-reverse}.ambient{transform:translate(var(--drift-x,0px),var(--drift-y,0px));transition:transform .6s ease-out;animation:ambient-pulse 10s ease-in-out infinite}.shooting-stars{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.shooting-stars i{position:absolute;width:100px;height:1px;background:linear-gradient(90deg,transparent,#a0ffe3);opacity:0;transform:rotate(-35deg);animation:meteor 20s linear infinite}.shooting-stars i:after{content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#c4fff0;box-shadow:0 0 9px #a0ffe3}.portal-ripple{position:absolute;inset:12px;border:1px solid #7affe448;border-radius:50%;opacity:0;pointer-events:none;animation:portal-wave 6s ease-out infinite}.ripple-two{animation-delay:3s}.orbit-sparks{position:absolute;inset:7px;animation:spin 38s linear infinite;pointer-events:none}.orbit-sparks i{position:absolute;inset:0;display:block}.orbit-sparks i:before{content:'';position:absolute;top:0;left:50%;width:3px;height:3px;background:#96ffe4;border-radius:50%;box-shadow:0 0 10px #6fffd8;opacity:.65}.orbit-sparks i:nth-child(even):before{width:2px;height:2px;opacity:.3}.scan-beam{position:absolute;inset:23px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 315deg,#5fffd60d 349deg,#6fffd837 359deg,transparent 360deg);mask-image:radial-gradient(transparent 52%,#000 74%);animation:spin 12s linear infinite;pointer-events:none}.percent>span{text-shadow:0 0 32px #95ffe415;animation:number-glow 6s ease-in-out infinite}.progress-stage{transition:filter .4s}.progress-stage:hover{filter:drop-shadow(0 0 12px #67ffd526)}.hero h1 em{background:linear-gradient(100deg,#f0fff9 22%,#88ffe0 48%,#f0fff9 70%);background-size:280% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-shimmer 12s ease-in-out infinite}.chapters>div{position:relative;padding:8px 10px;transition:transform .35s,background .35s;overflow:hidden;border-radius:7px}.chapters>div:hover{transform:translateY(-4px);background:#6fffd810}.chapters>div:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#90ffe416 50%,transparent 80%);transform:translateX(-140%);animation:chapter-shine 11s ease-in-out infinite;pointer-events:none}.chapters>div:nth-of-type(2):after{animation-delay:1.3s}.chapters>div:nth-of-type(3):after{animation-delay:2.6s}.chapters>i{animation:plus-glow 4s ease-in-out infinite}.chapters>i:nth-of-type(2){animation-delay:2s}.mini-line{animation:line-breathe 4s ease-in-out infinite}.icon-button{transition:transform .25s,background .2s,border-color .2s,color .2s}.icon-button:hover{transform:translateY(-2px)}footer{animation:entrance 1.2s ease-out}.status-message{animation:entrance 1.4s ease-out}.particles i:nth-child(3n){border:1px solid #7bffcc;background:transparent;width:5px!important;height:5px!important}
@keyframes eye-blink{0%,42%,47%,73%,78%,100%{transform:scaleY(1)}44%,45%,75%,76%{transform:scaleY(.035)}}@keyframes eye-lid{0%,42%,47%,73%,78%,100%{opacity:0}44%,45%,75%,76%{opacity:1}}@keyframes eye-aura{50%{filter:drop-shadow(0 0 11px #50ffd699)}}@keyframes brand-shimmer{0%,100%{background-position:100% 0}50%{background-position:0 0}}@keyframes title-shimmer{0%,30%,100%{background-position:100% 0}65%{background-position:0 0}}@keyframes aurora-drift{0%{transform:translateY(-5%) rotate(-15deg) scale(.9)}100%{transform:translate(12%,12%) rotate(18deg) scale(1.15)}}@keyframes ambient-pulse{50%{opacity:.5}}@keyframes meteor{0%,82%{opacity:0;transform:translate(-90px,65px) rotate(-35deg)}84%{opacity:.65}90%,100%{opacity:0;transform:translate(380px,-265px) rotate(-35deg)}}@keyframes portal-wave{0%{opacity:0;transform:scale(.96)}15%{opacity:.45}100%{opacity:0;transform:scale(1.25)}}@keyframes number-glow{50%{text-shadow:0 0 40px #95ffe43d}}@keyframes chapter-shine{0%,65%,100%{transform:translateX(-140%)}85%,95%{transform:translateX(140%)}}@keyframes plus-glow{50%{color:#aaffdf;text-shadow:0 0 15px #7affe4}}@keyframes line-breathe{50%{transform:scaleY(.65);opacity:.55}}
@media(max-width:700px){.eye-mark,.eye-mark svg{width:34px}.aurora{filter:blur(40px)}.chapters>div{padding:7px 2px}.portal-ripple{animation-duration:8s}}
@media(prefers-reduced-motion:reduce){.aurora,.shooting-stars,.portal-ripple,.scan-beam{display:none}.eye-closed{opacity:0}.eye-pupil{transform:none}}
.infinite-event{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid #ff4a6266;color:#ff6b7c;border-radius:6px;background:linear-gradient(110deg,#49101866,#23090d77);padding:9px 17px;font-size:10px;font-weight:800;letter-spacing:2px;margin:0 0 18px;box-shadow:0 0 22px #ff254915,inset 0 0 18px #ff254908;animation:infinite-pulse 4s ease-in-out infinite}.infinity-symbol{font-family:Arial,sans-serif;font-size:24px;line-height:15px;color:#ff8795}.infinite-event i{width:4px;height:4px;border-radius:50%;background:#ff6579;box-shadow:0 0 9px #ff4362;animation:blink 2.8s ease-in-out infinite}@keyframes infinite-pulse{50%{border-color:#ff5a7a99;box-shadow:0 0 28px #ff25492a,inset 0 0 18px #ff254911;text-shadow:0 0 14px #ff476866}}@media(max-width:700px){.infinite-event{font-size:8px;letter-spacing:1.5px;padding:8px 14px;margin-bottom:12px}}
.eye-blink{transform-box:view-box;transform-origin:24px 16px;animation:eye-blink-v2 4.6s ease-in-out infinite}.eye-look{transform-box:view-box;transform-origin:24px 16px;animation:eye-look-around 6.5s ease-in-out infinite}.eye-pupil{transition:transform .12s ease-out}.eye-mark{animation:eye-float 4.2s ease-in-out infinite}.eye-closed{animation:eye-lid-v2 4.6s ease-in-out infinite}.backdrop{transition:background-image 1.4s ease-in-out}.auto-tag{font-size:6px;letter-spacing:1px;padding:4px 5px;color:#8affe0;border:1px solid #78ffd535;border-radius:3px;animation:blink 4s infinite}.energy-streaks{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.energy-streaks i{position:absolute;width:36%;height:1px;background:linear-gradient(90deg,transparent,#65ffd877,transparent);opacity:0;animation:energy-sweep 14s ease-in-out infinite;left:-40%;top:28%;transform:rotate(-12deg)}.energy-streaks i:nth-child(2){top:65%;animation-delay:5s;animation-duration:18s}.energy-streaks i:nth-child(3){top:82%;animation-delay:9s;animation-duration:22s}.orbit-one:after{content:'';position:absolute;right:28px;bottom:56px;width:6px;height:6px;border:1px solid #ff758a;background:#ff446222;transform:rotate(45deg);box-shadow:0 0 18px #ff335b77}.infinity-symbol{animation:infinity-breathe 3.5s ease-in-out infinite}.eyebrow>span{animation:line-extend 5s ease-in-out infinite}.progress-stage:after{content:'';position:absolute;inset:42px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,transparent 63%,#72ffd910 70%,transparent 72%);animation:inner-portal 5s ease-in-out infinite}
@keyframes eye-blink-v2{0%,29%,36%,71%,78%,100%{transform:scaleY(1)}32%,33%,74%,75%{transform:scaleY(.025)}}@keyframes eye-lid-v2{0%,29%,36%,71%,78%,100%{opacity:0}32%,33%,74%,75%{opacity:1}}@keyframes eye-look-around{0%,100%{transform:translate(0,0)}20%,35%{transform:translate(-4px,1px)}52%,66%{transform:translate(4px,-1px)}80%{transform:translate(0,2px)}}@keyframes eye-float{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 8px #50ffd67a)}50%{transform:translateY(-3px);filter:drop-shadow(0 0 15px #50ffd6aa)}}@keyframes energy-sweep{0%,65%{left:-40%;opacity:0}70%{opacity:.6}93%,100%{left:120%;opacity:0}}@keyframes infinity-breathe{50%{transform:scale(1.2);text-shadow:0 0 14px #ff5a7a99}}@keyframes line-extend{50%{transform:scaleX(1.35);opacity:.5}}@keyframes inner-portal{50%{transform:scale(1.08);opacity:.4}}
@media(max-width:700px){.auto-tag{display:none}.trailer-controls>button:not(.icon-button){padding:8px 6px}}
@media(prefers-reduced-motion:reduce){.energy-streaks{display:none}.eye-look{transform:none}.eye-closed{opacity:0}}