@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Syne:wght@700;800&display=swap";:root{--font-body:"Space Grotesk", "Trebuchet MS", sans-serif;--font-display:"Syne", "Trebuchet MS", sans-serif;--pride-red:#e40303;--pride-orange:#ff8c00;--pride-yellow:#ffed00;--pride-green:#008026;--pride-blue:#004dff;--pride-violet:#750787;--bg-deep:#14091f;--bg-mid:#0a1631;--text-main:#fff7f0;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{font-family:var(--font-body)}h1,p{margin:0}html,body,#app{min-height:100%}body{background:var(--bg-deep);color:var(--text-main)}.landing{isolation:isolate;background:radial-gradient(circle at 50% -10%, #ffed002e, transparent 30%), radial-gradient(circle at 16% 22%, #e4030333, transparent 28%), radial-gradient(circle at 84% 18%, #00802633, transparent 28%), linear-gradient(180deg, #1a0b29 0%, var(--bg-mid) 48%, #050814 100%);place-items:center;min-height:100vh;animation:14s cubic-bezier(.37,0,.2,1) infinite alternate stageShift;display:grid;position:relative;overflow:hidden}.landing:before,.landing:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:-24%}.landing:before{filter:blur(96px);opacity:.54;background:conic-gradient(from 180deg,#e4030352,#ff8c004d,#ffed0047,#00802647,#004dff4d,#75078752,#e4030352);animation:11s cubic-bezier(.37,0,.2,1) infinite rainbowSpin,6s ease-in-out infinite alternate rainbowBreath}.landing:after{filter:blur(52px);opacity:.84;background:radial-gradient(circle at 30% 30%,#ff8c0047,#0000 22%),radial-gradient(circle at 50% 68%,#004dff3d,#0000 24%),radial-gradient(circle at 74% 38%,#75078742,#0000 20%),radial-gradient(circle at 36% 72%,#0080263d,#0000 22%);animation:8s cubic-bezier(.37,0,.2,1) infinite alternate rainbowFloat,4.5s ease-in-out infinite alternate rainbowFlash}.hero{z-index:2;text-align:center;justify-items:center;gap:.8rem;width:min(92vw,40rem);padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative}.label{letter-spacing:.45em;text-transform:uppercase;color:#fff7f0b8;font-size:clamp(.82rem,1.7vw,1rem)}.countdown{font-family:var(--font-display);letter-spacing:-.08em;color:#fff8ef;text-shadow:0 0 24px #ff8c0047,0 0 80px #004dff2e,0 0 110px #75078724;font-size:clamp(6rem,30vw,13rem);line-height:.88;animation:1.8s cubic-bezier(.37,0,.2,1) infinite pulse}.message{letter-spacing:.18em;text-transform:uppercase;color:#f8ece4d1;font-size:clamp(.98rem,2.4vw,1.15rem)}.message-intro{letter-spacing:.08em;max-width:36rem;line-height:1.6}.sky,.grid,.beam,.shape,.float-photo{pointer-events:none;position:absolute}.float-photo{z-index:1;width:var(--photo-width);aspect-ratio:4/5;object-fit:cover;opacity:var(--photo-opacity);filter:saturate(1.08)contrast(1.02);transform:rotate(var(--photo-rotate));animation:photoFloat 7s cubic-bezier(.37, 0, .2, 1) infinite var(--photo-delay), photoDrift 11s ease-in-out infinite alternate var(--photo-delay);border:1px solid #ffffff38;border-radius:1.25rem;box-shadow:0 24px 80px #0609137a,0 0 32px #ffffff14}.photo-top-left{top:-2.5rem;left:-3.5rem}.photo-top-right{top:1rem;right:-4.5rem}.photo-bottom-left{bottom:-3.5rem;left:-4.5rem}.photo-bottom-right{bottom:-2.5rem;right:-3.5rem}.sky{aspect-ratio:1;filter:blur(48px);mix-blend-mode:screen;opacity:.92;border-radius:999px;width:min(78vw,64rem);animation:13s cubic-bezier(.37,0,.2,1) infinite alternate drift}.sky-one{background:radial-gradient(circle at 24% 30%,#e4030361,#0000 22%),radial-gradient(circle at 52% 44%,#ff8c0052,#0000 22%),radial-gradient(circle at 74% 42%,#ffed0047,#0000 20%),radial-gradient(circle,#004dff2e 0%,#004dff00 66%);animation:10s cubic-bezier(.37,0,.2,1) infinite alternate drift,14s ease-in-out infinite alternate orbitLeft;top:-18rem;left:-10rem}.sky-two{background:radial-gradient(circle at 28% 36%,#00802657,#0000 22%),radial-gradient(circle at 56% 54%,#004dff57,#0000 22%),radial-gradient(circle at 72% 32%,#75078757,#0000 20%),radial-gradient(circle,#ff8c002e 0%,#ff8c0000 66%);animation:8.5s cubic-bezier(.37,0,.2,1) infinite alternate-reverse drift,12s ease-in-out infinite alternate orbitRight;bottom:-18rem;right:-16rem}.grid{opacity:.38;background-color:#0000;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:clamp(3rem,8vw,5.5rem) clamp(3rem,8vw,5.5rem);background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:5s cubic-bezier(.37,0,.2,1) infinite alternate gridPulse,7s linear infinite alternate gridDrift,10s ease-in-out infinite alternate gridTilt;inset:0;-webkit-mask-image:radial-gradient(circle,#000 28%,#0000 76%);mask-image:radial-gradient(circle,#000 28%,#0000 76%)}.beam{opacity:.34;filter:blur(12px);background:linear-gradient(#0000 0%,#e4030357 14%,#ff8c005c 28%,#ffed0057 42%,#00802657 56%,#004dff57 72%,#75078757 86%,#0000 100%);width:26vw;animation:7s cubic-bezier(.37,0,.2,1) infinite shimmer;inset-block:-10%}.beam-left{animation:5.5s cubic-bezier(.37,0,.2,1) infinite shimmer,8s ease-in-out infinite alternate beamSwingLeft;left:14%;transform:skew(-18deg)}.beam-right{animation:4.8s cubic-bezier(.37,0,.2,1) -2.4s infinite shimmer,7s ease-in-out infinite alternate beamSwingRight;right:12%;transform:skew(18deg)}.shape{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fff4e529,#fff4e508);border:1px solid #fff4e533;animation:9s cubic-bezier(.37,0,.2,1) infinite float;box-shadow:inset 0 1px #ffffff24,0 22px 80px #06091366}.shape-square{background:linear-gradient(#e403033d,#ff8c0014);border-color:#e4030357;border-radius:24px;width:clamp(5rem,13vw,8rem);height:clamp(5rem,13vw,8rem);animation:6s cubic-bezier(.37,0,.2,1) infinite float,9s ease-in-out infinite alternate spinSquare;top:12%;left:11%;transform:rotate(16deg)}.shape-ring{background:0 0;border-width:10px;border-color:#ffed0057;border-radius:999px;width:clamp(4.5rem,12vw,7rem);height:clamp(4.5rem,12vw,7rem);animation:5.2s cubic-bezier(.37,0,.2,1) -2s infinite float,3.2s ease-in-out infinite ringPulse;top:18%;right:12%}.shape-pill{background:linear-gradient(#00802638,#004dff1a);border-color:#004dff57;border-radius:999px;width:clamp(5rem,16vw,9rem);height:clamp(3.2rem,10vw,5.5rem);animation:6.4s cubic-bezier(.37,0,.2,1) -3s infinite float,5s ease-in-out infinite alternate pillSwing;bottom:13%;right:18%;transform:rotate(-18deg)}.shape-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:linear-gradient(#75078747,#004dff14);border-color:#75078761;width:clamp(4.75rem,12vw,7.25rem);height:clamp(4.75rem,12vw,7.25rem);animation:5.8s cubic-bezier(.37,0,.2,1) -1.2s infinite float,7.5s ease-in-out infinite alternate diamondFlip;bottom:12%;left:16%}.shape-orb{background:radial-gradient(circle at 35% 35%,#ffed006b,#ff8c001a 62%,#ff8c0005 100%);border-color:#ffed0057;border-radius:999px;width:clamp(3.5rem,8vw,5.5rem);height:clamp(3.5rem,8vw,5.5rem);animation:4.8s cubic-bezier(.37,0,.2,1) -1s infinite float,2.8s ease-in-out infinite alternate orbPulse;top:28%;left:26%;box-shadow:inset 0 1px #fff3,0 0 36px #ffed002e,0 20px 60px #06091357}.shape-hex{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0% 50%);background:linear-gradient(#7507874d,#004dff14);border-color:#75078757;width:clamp(4rem,9vw,6rem);height:clamp(4rem,9vw,6rem);animation:5.4s cubic-bezier(.37,0,.2,1) -2.4s infinite float,4.2s ease-in-out infinite alternate hexWobble;bottom:28%;right:29%}.shape-arch{background:0 0;border-width:10px 10px 0;border-color:#00802657;border-radius:999px 999px 0 0;width:clamp(5rem,12vw,8rem);height:clamp(2.5rem,6vw,4rem);animation:5.2s cubic-bezier(.37,0,.2,1) -.6s infinite float,6.5s ease-in-out infinite alternate archDrift;top:10%;left:50%;transform:translate(-50%)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse{0%,to{filter:saturate();transform:scale(1)}50%{filter:saturate(1.14);transform:scale(1.045)}}@keyframes drift{0%{transform:translate(0,0)scale(1)rotate(0)}35%{transform:translate(4rem,-3rem)scale(1.18)rotate(10deg)}70%{transform:translate(-2rem,2rem)scale(1.08)rotate(-10deg)}to{transform:translate(3rem,-2rem)scale(1.16)rotate(18deg)}}@keyframes shimmer{0%{transform:translateY(-10%)skew(-18deg)scaleY(1)}50%{transform:translate(2%)skew(-14deg)scaleY(1.16)}to{transform:translateY(10%)skew(-18deg)scaleY(1.08)}}@keyframes float{0%,to{transform:translate(0,0)rotate(0)scale(1)}30%{transform:translate(1rem,-1.4rem)rotate(8deg)scale(1.05)}65%{transform:translate(-.8rem,1rem)rotate(-7deg)scale(.98)}to{transform:translate(0,0)rotate(0)scale(1)}}@keyframes rainbowSpin{0%{transform:rotate(0)scale(1)}33%{transform:rotate(120deg)scale(1.12)}66%{transform:rotate(240deg)scale(1.06)}to{transform:rotate(360deg)scale(1)}}@keyframes rainbowFloat{0%{transform:translate(-4%,-3%)scale(.96)}50%{transform:translate(2%,4%)scale(1.1)}to{transform:translate(5%,-1%)scale(1.08)}}@keyframes rainbowBreath{0%{opacity:.4;filter:blur(92px)saturate()}to{opacity:.62;filter:blur(104px)saturate(1.24)}}@keyframes rainbowFlash{0%{opacity:.7}to{opacity:.92}}@keyframes gridPulse{0%{opacity:.2;transform:scale(1)}to{opacity:.38;transform:scale(1.04)}}@keyframes gridDrift{0%{transform:translate(0,0)}50%{transform:translate(1.5%,-1.5%)}to{transform:translate(-1%,1%)}}@keyframes gridTilt{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-1%,1%)rotate(-2deg)}}@keyframes stageShift{0%{filter:saturate()brightness();transform:scale(1)}50%{filter:saturate(1.12)brightness(1.06);transform:scale(1.02)}to{filter:saturate(1.04)brightness(1.02);transform:scale(1)}}@keyframes orbitLeft{0%{transform:translate(0,0)scale(1)}50%{transform:translate(6%,-4%)scale(1.08)}to{transform:translate(-4%,5%)scale(.98)}}@keyframes orbitRight{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-5%,4%)scale(1.1)}to{transform:translate(4%,-5%)scale(.98)}}@keyframes beamSwingLeft{0%{transform:skew(-18deg)rotate(-6deg)scaleX(1)}to{transform:skew(-10deg)rotate(8deg)scaleX(1.12)}}@keyframes beamSwingRight{0%{transform:skew(18deg)rotate(6deg)scaleX(1)}to{transform:skew(10deg)rotate(-8deg)scaleX(1.12)}}@keyframes spinSquare{0%{transform:rotate(16deg)scale(1)}to{transform:rotate(68deg)scale(1.08)}}@keyframes ringPulse{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes pillSwing{0%{transform:rotate(-18deg)translate(0,0)}to{transform:rotate(12deg)translate(1rem,-.6rem)}}@keyframes diamondFlip{0%{transform:rotate(0)scale(1)}to{transform:rotate(90deg)scale(1.12)}}@keyframes orbPulse{0%{opacity:.82;transform:scale(.96)}to{opacity:1;transform:scale(1.12)}}@keyframes hexWobble{0%{transform:rotate(0)scale(1)}to{transform:rotate(24deg)scale(1.08)}}@keyframes archDrift{0%{transform:translate(-50%)translateY(0)scale(1)}to{transform:translate(calc(1.4rem - 50%))translateY(-.8rem)scale(1.06)}}@keyframes photoFloat{0%,to{transform:translate3d(0, 0, 0) rotate(var(--photo-rotate)) scale(1)}50%{transform:translate3d(0, -1.4rem, 0) rotate(calc(var(--photo-rotate) * .6)) scale(1.04)}}@keyframes photoDrift{0%{opacity:var(--photo-opacity);filter:saturate(1.04)contrast(1.02)}to{opacity:calc(var(--photo-opacity) + .12);filter:saturate(1.2)contrast(1.06)}}@media (width<=40rem){.hero{gap:.65rem}.message{letter-spacing:.14em}.float-photo{opacity:calc(var(--photo-opacity) - .08)}.shape,.beam{opacity:.82}}@media (prefers-reduced-motion:reduce){.landing,.landing:before,.landing:after,.countdown,.sky,.beam,.float-photo,.shape,.grid{animation:none}}