:root{--pink:#ff9ec8;--pink-deep:#ff7eb3;--blue:#8ec8ff;--blue-deep:#6ab0f5;--ink:#eef3ff;--ink-soft:#dce6ffc7;--stage:#0d1220;--stage-mid:#151c30;--font-brand:"Comfortaa", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh;font-family:var(--font-body);color:var(--ink);background:var(--stage);-webkit-font-smoothing:antialiased}#app{min-height:100dvh}.stage{isolation:isolate;background:radial-gradient(80% 55% at 50% 115%, #ff9ec838 0%, transparent 55%), radial-gradient(70% 50% at 18% 0%, #ff7eb32e 0%, transparent 50%), radial-gradient(70% 50% at 82% 0%, #6eb0ff33 0%, transparent 50%), linear-gradient(180deg, #10182b 0%, var(--stage) 55%, #0a0e18 100%);place-items:center;min-height:100dvh;padding:clamp(1.5rem,5vw,3rem);display:grid;position:relative;overflow:hidden}.atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.beam{transform-origin:top;filter:blur(18px);opacity:.35;mix-blend-mode:screen;width:min(42vw,320px);height:130%;animation:7s ease-in-out infinite beam-pulse;position:absolute;top:-10%;left:50%}.beam-pink{background:linear-gradient(#ff9ec88c 0%,#ff9ec81f 55%,#0000 100%);animation-delay:0s;transform:translate(-120%)rotate(-16deg)}.beam-blue{background:linear-gradient(#8ec8ff8c 0%,#8ec8ff1f 55%,#0000 100%);animation-delay:-2.2s;transform:translate(20%)rotate(16deg)}.beam-center{opacity:.28;filter:blur(22px);background:linear-gradient(#ffffff47 0%,#ffc8e61a 45%,#0000 100%);width:min(28vw,220px);animation-duration:9s;animation-delay:-1s;transform:translate(-50%)rotate(0)}.orb{filter:blur(40px);opacity:.55;mix-blend-mode:screen;border-radius:50%;animation:14s ease-in-out infinite float;position:absolute}.orb-a{background:radial-gradient(circle at 40% 40%,#ffb4dce6 0%,#ff7eb359 40%,#0000 70%);width:min(50vw,420px);height:min(50vw,420px);animation-duration:16s;bottom:-8%;left:-12%}.orb-b{background:radial-gradient(circle at 40% 40%,#aad2ffe6 0%,#6ab0f559 42%,#0000 70%);width:min(48vw,400px);height:min(48vw,400px);animation-duration:18s;animation-delay:-4s;bottom:-10%;right:-14%}.orb-c{opacity:.4;background:radial-gradient(circle,#ffffff59 0%,#ffbedc33 40%,#0000 70%);width:min(30vw,240px);height:min(30vw,240px);animation-duration:12s;animation-delay:-2s;top:8%;left:50%;transform:translate(-50%)}.floor{filter:blur(8px);background:radial-gradient(at 50% 100%,#ffaad247 0%,#82b4ff1f 40%,#0000 70%);width:min(90vw,900px);height:28vh;animation:6s ease-in-out infinite floor-breathe;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sparkle{background:#fff;border-radius:50%;width:5px;height:5px;animation:3.2s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 8px 2px #ffffffe6,0 0 20px 6px #ff9ec859}.s1{animation-delay:0s;top:16%;left:18%}.s2{width:3px;height:3px;animation-delay:.6s;top:24%;right:20%}.s3{width:4px;height:4px;animation-delay:1.3s;top:58%;left:12%}.s4{animation-delay:2s;top:42%;right:12%}.s5{width:3px;height:3px;animation-delay:1s;bottom:26%;left:42%}.s6{width:4px;height:4px;animation-delay:2.4s;top:12%;left:62%}.content{z-index:1;text-align:center;max-width:36rem;animation:1.1s cubic-bezier(.22,1,.36,1) both rise-in;position:relative}.brand{font-family:var(--font-brand);letter-spacing:.04em;background:linear-gradient(120deg,#ffd0e6 0%,#fff 40%,#c8e4ff 100%);color:#0000;filter:drop-shadow(0 0 18px #ff9ec873)drop-shadow(0 0 42px #8ec8ff4d);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.8rem,10vw,5.4rem);font-weight:700;line-height:1.05}.message{max-width:22rem;color:var(--ink-soft);margin:1.35rem auto 0;font-size:clamp(1.05rem,2.6vw,1.25rem);font-weight:400;line-height:1.65}@keyframes float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(10px,-14px)scale(1.05)}}@keyframes beam-pulse{0%,to{opacity:.22}50%{opacity:.42}}@keyframes floor-breathe{0%,to{opacity:.7;transform:translate(-50%)scaleX(1)}50%{opacity:1;transform:translate(-50%)scaleX(1.04)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.orb,.beam,.sparkle,.floor,.content{animation:none!important}}