.cinematic-intro{background:radial-gradient(circle at 50% 115%,#44535a 0,#24333e 24%,#101d28 60%,#07111b 100%)}.starfield-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%}.night-haze{position:absolute;z-index:2;inset:-20%;background:radial-gradient(ellipse at 50% 72%,rgba(181,191,171,.12),transparent 43%),radial-gradient(ellipse at 23% 36%,rgba(89,107,125,.14),transparent 31%);filter:blur(24px);animation:night-drift 4.4s ease-in-out both}.horizon-light{position:absolute;z-index:2;right:8%;bottom:5%;left:8%;height:32%;background:radial-gradient(ellipse at 50% 100%,rgba(232,209,156,.3),rgba(145,166,160,.09) 38%,transparent 70%);opacity:0;transform:scaleX(.48);animation:horizon-rise 2.2s 1.25s cubic-bezier(.2,.7,.2,1) forwards}.horizon-light:after{content:"";position:absolute;right:0;bottom:12%;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(235,220,180,.88),transparent);transform:scaleX(0);animation:horizon-line 1.6s 1.7s ease forwards}.intro-stage{z-index:4}.intro-overline{margin:0 0 36px;animation:star-copy .9s .45s ease forwards}.intro-message{margin:37px 0 0;animation:star-copy .9s 1.65s ease forwards}.celestial-mark{position:relative;width:148px;height:148px;margin:auto;border:1px solid rgba(228,220,184,.16);border-radius:50%;opacity:0;transform:scale(.66) rotate(-12deg);animation:constellation-in 1.6s .6s cubic-bezier(.2,.75,.3,1) forwards}.celestial-mark:before,.celestial-mark:after{content:"";position:absolute;top:50%;left:50%;width:105px;height:1px;background:linear-gradient(90deg,transparent,rgba(230,221,185,.42),transparent);transform-origin:center}.celestial-mark:before{transform:translate(-50%,-50%) rotate(34deg)}.celestial-mark:after{transform:translate(-50%,-50%) rotate(-49deg)}.celestial-mark i{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:#f4e8bc;box-shadow:0 0 7px 2px rgba(238,219,163,.55);animation:node-twinkle 1.25s ease-in-out infinite alternate}.celestial-mark i:nth-child(1){top:14%;left:31%;animation-delay:.2s}.celestial-mark i:nth-child(2){top:36%;right:13%;animation-delay:.7s}.celestial-mark i:nth-child(3){top:52%;left:25%;animation-delay:1s}.celestial-mark i:nth-child(4){right:29%;bottom:16%;animation-delay:.45s}.celestial-mark i:nth-child(5){bottom:19%;left:13%;animation-delay:.8s}.shooting{position:absolute;z-index:3;width:150px;height:1px;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,246,207,.96));filter:drop-shadow(0 0 4px rgba(244,224,166,.8));transform:rotate(-28deg)}.shooting:after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff4c9;box-shadow:0 0 9px 2px rgba(244,224,166,.82)}.shooting-one{top:24%;left:63%;animation:shooting-star 1.05s 1.05s ease-out forwards}.shooting-two{top:42%;left:17%;width:105px;transform:rotate(-19deg);animation:shooting-star-two .9s 2.25s ease-out forwards}.intro-progress i{animation-duration:3.55s}.intro-wipe{background:linear-gradient(180deg,#101d28,#263241);animation:intro-wipe 1.2s 3.35s cubic-bezier(.77,0,.18,1) forwards}@keyframes night-drift{0%{opacity:0;transform:translate3d(-2%,2%,0) scale(.92)}45%{opacity:1}100%{opacity:.72;transform:translate3d(2%,-1%,0) scale(1.05)}}@keyframes horizon-rise{0%{opacity:0;transform:scaleX(.48) translateY(30px)}100%{opacity:1;transform:scaleX(1) translateY(0)}}@keyframes horizon-line{to{transform:scaleX(1)}}@keyframes star-copy{from{opacity:0;letter-spacing:.52em;transform:translateY(8px)}to{opacity:1;letter-spacing:.32em;transform:none}}@keyframes constellation-in{0%{opacity:0;transform:scale(.66) rotate(-12deg)}70%{opacity:1}100%{opacity:.92;transform:scale(1) rotate(0)}}@keyframes node-twinkle{0%{opacity:.3;transform:scale(.65)}100%{opacity:1;transform:scale(1.45)}}@keyframes shooting-star{0%{opacity:0;transform:translate3d(150px,-80px,0) rotate(-28deg) scaleX(.25)}12%{opacity:1}100%{opacity:0;transform:translate3d(-300px,160px,0) rotate(-28deg) scaleX(1)}}@keyframes shooting-star-two{0%{opacity:0;transform:translate3d(100px,-40px,0) rotate(-19deg) scaleX(.3)}18%{opacity:.8}100%{opacity:0;transform:translate3d(-210px,75px,0) rotate(-19deg) scaleX(1)}}@media(max-width:880px){.celestial-mark{width:120px;height:120px}.shooting-one{left:70%}.intro-overline,.intro-message{font-size:8px}.intro-count{font-size:7px}}@media(prefers-reduced-motion:reduce){.starfield-canvas,.shooting{display:none}}