:root{--bg-primary:#0d0a2e;--bg-secondary:#1a1145;--bg-accent:#2d1b69;--purple-glow:#6b3fa0;--purple-light:#9b6dd7;--rainbow-red:#ff4d6d;--rainbow-orange:#ff8a3d;--rainbow-yellow:#ffd23f;--rainbow-green:#4ecdc4;--rainbow-blue:#45b7d1;--rainbow-indigo:#7c5cbf;--rainbow-purple:#c56cf0;--pink-accent:#ff6b9d;--coral-accent:#ff8a80;--gold-accent:gold;--mint-accent:#b8f3d4;--text-white:#fff;--text-light:#e0d6f5;--text-muted:#a89cc8;--font-display:"Fredoka", sans-serif;--font-body:"Baloo 2", cursive;--font-script:"Caveat", cursive;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:50%}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-white);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(4deg)}}@keyframes floatReverse{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(12px)rotate(-3deg)}}@keyframes bubbleRise{0%{opacity:0;transform:translateY(100vh)scale(.3)}10%{opacity:.55}90%{opacity:.25}to{opacity:0;transform:translateY(-100px)scale(1)}}@keyframes bubbleWobble{0%,to{transform:translate(0)}25%{transform:translate(14px)}75%{transform:translate(-14px)}}@keyframes sparkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 20px #6b3fa04d)}50%{filter:drop-shadow(0 0 40px #6b3fa099)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes rainbowShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes paperFly{0%,to{transform:translate(0)rotate(-15deg)}25%{transform:translate(18px,-10px)rotate(-10deg)}50%{transform:translate(8px,-20px)rotate(-20deg)}75%{transform:translate(-8px,-5px)rotate(-12deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.2)}}@keyframes sway{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradientShift{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes surfaceShimmer{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}@keyframes breathe{0%,to{filter:brightness()drop-shadow(0 10px 30px #6b3fa04d)}50%{filter:brightness(1.05)drop-shadow(0 15px 40px #6b3fa080)}}@keyframes inputPulse{0%,to{box-shadow:0 0 #6b3fa066}50%{box-shadow:0 0 0 8px #6b3fa000}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.page{width:100vw;height:100vh;position:relative;overflow:hidden}.page>*{opacity:0;transition:opacity .5s}.page--loaded>*{opacity:1}.bg-base{z-index:0;background:radial-gradient(90% 60% at 50% 120%,#3a1282f2 0%,#0000 65%),radial-gradient(65% 50% at 8% 55%,#5a1eaa33 0%,#0000 55%),radial-gradient(65% 50% at 92% 40%,#5a199b2e 0%,#0000 55%),linear-gradient(165deg,#080520 0%,#0e0733 35%,#160b48 65%,#1c0e58 100%);position:fixed;inset:0}.bg-glow{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;transition:transform .4s ease-out;position:fixed}.g1{background:radial-gradient(circle,#8237dc2e,#0000 70%);width:650px;height:650px;top:-20%;left:0}.g2{background:radial-gradient(circle,#b437ff21,#0000 70%);width:550px;height:550px;bottom:0;right:-5%}.cloud-wrap{z-index:8;pointer-events:none;height:130px;position:fixed;bottom:0;left:0;right:0}.cloud-svg{width:100%;height:100%;display:block;position:absolute;bottom:0;left:0}.header{z-index:100;animation:.8s .2s both fadein;position:absolute;top:0;left:0}.logo{filter:drop-shadow(0 3px 14px #7837c899);width:290px;height:auto;margin-top:-80px;margin-left:-10px;transition:transform .3s;display:block}.logo:hover{transform:scale(1.04)rotate(-1deg)}.layout{z-index:10;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.char-col{z-index:9;flex-shrink:0;align-self:flex-end;transition:transform .35s ease-out}.char-left{width:clamp(220px,30vw,440px)}.char-right{width:clamp(220px,28vw,420px)}.char-img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 16px 40px #0000008c);width:100%;height:auto;max-height:82vh;display:block}.center-col{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;max-width:580px;height:100%;padding:0 .5rem 8rem;display:flex}.tagline{color:#ddd4f0;text-align:center;margin-bottom:.25rem;font-family:Caveat,cursive;font-size:clamp(1rem,2vw,1.45rem);transition:transform .3s;animation:.7s .4s both slideup}.tag-dash{opacity:.5}.tag-hl{color:#ff6b9d;font-weight:700}.tag-heart{color:#ff4d6d}.title{flex-direction:column;align-items:center;margin:0;line-height:.85;animation:.7s .5s both slideup;display:flex}.trow{justify-content:center;align-items:center;transition:transform .3s ease-out;display:flex}.tl{text-shadow:0 3px #0000004d,0 7px #00000026,0 14px 28px #0003;filter:drop-shadow(0 2px 6px #0000004d);cursor:default;margin:0 1px;font-family:Fredoka,sans-serif;font-size:clamp(4rem,8.5vw,8rem);font-weight:700;transition:transform .18s,filter .18s;animation:.45s cubic-bezier(.175,.885,.32,1.275) both letterPop;display:inline-block}.tl:hover{filter:drop-shadow(0 4px 12px #0006);transform:translateY(-7px)scale(1.12)}.title-line{background:linear-gradient(90deg,#0000 0%,#ffb830 20%,#ffd23f 50%,#ffb830 80%,#0000 100%);border-radius:2px;width:50%;height:3px;margin:.6rem 0 .8rem;animation:.7s .7s both slideup}.subtitle-bubble{-webkit-backdrop-filter:blur(14px);text-align:center;background:#05031ebf;border:1.5px solid #ffffff12;border-radius:50px;padding:.9rem 2.4rem;animation:.7s .8s both slideup;box-shadow:0 10px 35px #0006}.subtitle-text{color:#ede5ff;font-family:"Baloo 2",cursive;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:500;line-height:1.55}.sub-hl{color:#5cc8ff;font-weight:700}.sub-star{color:#ffd23f}.social-footer{z-index:20;justify-content:center;animation:.7s 1s both slideup;display:flex;position:absolute;bottom:10px;left:0;right:0}.social-bar{justify-content:center;align-items:center;display:flex}.social-item-wrap{align-items:center;display:flex}.social-item{flex-direction:column;align-items:center;gap:.35rem;padding:0 1rem;display:flex}.social-circle{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;box-shadow:0 4px 18px #0006}.social-circle:hover{transform:translateY(-6px)scale(1.14);box-shadow:0 12px 30px #00000073}.social-label{color:#c4b8e0;letter-spacing:.2px;font-family:"Baloo 2",cursive;font-size:.75rem;font-weight:500}.social-divider{background:#ffffff2e;flex-shrink:0;width:1px;height:40px}.doodles-container{pointer-events:none;z-index:3;position:fixed;inset:0;overflow:hidden}.doodle{position:absolute}.doodle-strawberry{animation:5s ease-in-out infinite sway;top:12%;left:9%}.doodle-apple{animation:7s ease-in-out .5s infinite floatSlow;top:7%;left:24%}.doodle-star1{animation:3s ease-in-out infinite sparkle;top:16%;right:24%}.doodle-star2{animation:4s ease-in-out 1s infinite sparkle;bottom:38%;left:5%}.doodle-star3{animation:2.5s ease-in-out 2s infinite sparkle;top:30%;right:9%}.doodle-giraffe{animation:8s ease-in-out infinite sway;top:13%;left:3%}.doodle-panda{animation:7s ease-in-out 1.5s infinite sway;top:7%;right:6%}.doodle-watermelon{animation:6s ease-in-out infinite floatReverse;top:14%;right:13%}.doodle-cupcake{animation:5s ease-in-out .8s infinite floatSlow;bottom:32%;right:6%}.doodle-grapes{animation:6s ease-in-out 2s infinite sway;top:20%;right:3%}.doodle-leaf{animation:8s ease-in-out 1s infinite floatSlow;bottom:36%;left:13%}.doodle-plane{animation:8s ease-in-out infinite paperFly;top:20%;right:20%}.doodle-heart1{animation:3s ease-in-out infinite heartBeat;top:5%;left:41%}.doodle-heart2{animation:4s ease-in-out 1s infinite heartBeat;top:27%;left:15%}.doodle-sparkle1,.doodle-sparkle2,.doodle-sparkle3,.doodle-sparkle4,.doodle-sparkle5{color:#ffd23f80;font-size:1rem}.doodle-sparkle1{animation:2s ease-in-out infinite twinkle;top:19%;left:31%}.doodle-sparkle2{animation:3s ease-in-out .5s infinite twinkle;top:37%;right:16%}.doodle-sparkle3{animation:2.5s ease-in-out 1s infinite twinkle;bottom:41%;left:26%}.doodle-sparkle4{animation:3.5s ease-in-out 1.5s infinite twinkle;top:51%;right:31%}.doodle-sparkle5{animation:2s ease-in-out 2s infinite twinkle;top:9%;right:36%}@keyframes letterPop{0%{opacity:0;transform:scale(0)translateY(24px)}65%{transform:scale(1.1)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.tl{font-size:clamp(3.2rem,7.5vw,6.5rem)}.char-left,.char-right{width:clamp(180px,28vw,340px)}}@media (width<=860px){.tl{font-size:clamp(2.6rem,9vw,5.5rem)}.char-left,.char-right{width:clamp(140px,26vw,260px)}.doodle-giraffe,.doodle-panda,.doodle-grapes{display:none}}@media (width<=600px){.tl{font-size:clamp(2rem,12vw,4rem)}.char-left,.char-right{width:clamp(100px,28vw,190px)}.social-circle{width:38px;height:38px}.social-item{padding:0 .5rem}.social-divider{height:30px}.logo{width:200px;margin-top:-26px;margin-left:-14px}.doodle-watermelon,.doodle-cupcake,.doodle-leaf,.doodle-apple,.doodle-strawberry{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}