@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800;900&family=Baloo+2:wght@400;600;700;800&display=swap");.xl-root{font-family:Nunito,sans-serif;background:#fff;color:#1a1a2e;overflow-x:hidden;--xl-yellow:gold;--xl-orange:#ff6b35;--xl-pink:#ff69b4;--xl-blue:#4fc3f7;--xl-purple:#9c27b0;--xl-green:#4caf50;--xl-lime:#cddc39;--xl-navy:#1a237e;--xl-sky-grad:linear-gradient(135deg,#667eea,#764ba2 40%,#f093fb);--xl-hero-grad:linear-gradient(135deg,#0f0c29,#302b63,#24243e);--xl-card-shadow:0 8px 32px rgba(0,0,0,.12)}.xl-display{font-family:Fredoka One,cursive}.xl-body{font-family:Nunito,sans-serif}.xl-heading{font-family:Baloo\ 2,cursive;font-weight:800}.xl-gradient-text{background:linear-gradient(135deg,gold,#ff6b35,#ff69b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xl-gradient-text-blue{background:linear-gradient(135deg,#4fc3f7,#9c27b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes xl-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-18px) rotate(3deg)}66%{transform:translateY(-8px) rotate(-3deg)}}@keyframes xl-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes xl-bounce-in{0%{transform:scale(.3) rotate(-15deg);opacity:0}50%{transform:scale(1.08) rotate(3deg);opacity:1}70%{transform:scale(.96) rotate(-2deg)}to{transform:scale(1) rotate(0deg)}}@keyframes xl-sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes xl-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes xl-pulse-glow{0%,to{box-shadow:0 0 20px rgba(255,215,0,.4)}50%{box-shadow:0 0 40px rgba(255,215,0,.9),0 0 80px rgba(255,107,53,.4)}}@keyframes xl-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes xl-wave{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.05)}}@keyframes xl-star-pop{0%{transform:scale(0) rotate(0deg);opacity:0}60%{transform:scale(1.3) rotate(180deg);opacity:1}to{transform:scale(1) rotate(1turn);opacity:1}}@keyframes xl-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes xl-progress-fill{0%{width:0}to{width:var(--target-width)}}.xl-float{animation:xl-float 4s ease-in-out infinite}.xl-float-2{animation:xl-float 5.5s ease-in-out .8s infinite}.xl-float-3{animation:xl-float 3.8s ease-in-out 1.5s infinite}.xl-wiggle{animation:xl-wiggle 2s ease-in-out infinite}.xl-sparkle{animation:xl-sparkle 2s ease-in-out infinite}.xl-spin-slow{animation:xl-spin-slow 12s linear infinite}.xl-pulse-glow{animation:xl-pulse-glow 2.5s ease-in-out infinite}.xl-bounce-in{animation:xl-bounce-in .7s cubic-bezier(.36,.07,.19,.97) forwards}.xl-root::-webkit-scrollbar{width:6px}.xl-root::-webkit-scrollbar-track{background:#f0f0f0}.xl-root::-webkit-scrollbar-thumb{background:linear-gradient(gold,#ff6b35);border-radius:99px}.xl-wave-top{top:-2px;transform:rotate(180deg)}.xl-wave-bottom,.xl-wave-top{position:absolute;left:0;width:100%;overflow:hidden;line-height:0}.xl-wave-bottom{bottom:-2px}.xl-wave-bottom svg,.xl-wave-top svg{display:block;width:100%}.xl-dots-bg{background-image:radial-gradient(circle,hsla(0,0%,100%,.15) 1px,transparent 0);background-size:30px 30px}.xl-stars-bg{background-image:radial-gradient(circle at 20% 30%,rgba(255,215,0,.12) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,105,180,.1) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(79,195,247,.08) 0,transparent 70%)}.xl-card-3d{transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d;perspective:1000px}.xl-card-3d:hover{transform:translateY(-8px) rotateX(4deg) rotateY(-4deg) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.2),0 0 30px rgba(255,215,0,.3)}.xl-bubble{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}.xl-btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,gold,#ff6b35);color:#1a1a2e;font-weight:800;font-size:1rem;padding:14px 32px;border-radius:999px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(255,107,53,.4);font-family:Baloo\ 2,cursive}.xl-btn-primary:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 30px rgba(255,107,53,.6)}.xl-btn-secondary{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.15);color:#fff;font-weight:800;font-size:1rem;padding:14px 32px;border-radius:999px;border:2px solid hsla(0,0%,100%,.5);cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);font-family:Baloo\ 2,cursive}.xl-btn-secondary:hover{background:hsla(0,0%,100%,.25);border-color:#fff;transform:translateY(-3px) scale(1.04)}.xl-spline-wrap{width:100%;height:100%;position:relative}.xl-spline-wrap canvas{border-radius:24px}.xl-progress-track{background:hsla(0,0%,100%,.15);border-radius:999px;height:14px;overflow:hidden;position:relative}.xl-progress-fill{height:100%;border-radius:999px;transition:width 1.5s cubic-bezier(.34,1.56,.64,1)}@media (max-width:768px){.xl-hero-spline{display:none}.xl-hero-emoji-fallback{display:flex}}@media (min-width:769px){.xl-hero-emoji-fallback{display:none}}