@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-main:#07f;--bg-candy-gradient:radial-gradient(circle at 50% 25%, #00d2ff 0%, #07f 50%, #04c 85%, #028 100%);--bg-card:#fffffff2;--border-color:#fff;--text-main:#1e293b;--text-muted:#64748b;--font-fredoka:"Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:var(--font-fredoka)}button,input,select,textarea,[role=button],a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}button{appearance:none}.overflow-x-auto,.overflow-y-auto{-webkit-overflow-scrolling:touch}body{font-family:var(--font-fredoka);background:var(--bg-candy-gradient);color:var(--text-main);background-attachment:fixed;min-height:100vh;margin:0;padding:0;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 20%,#ffffff40 2px,#0000 3px),radial-gradient(circle at 80% 15%,#ffffff4d 1.5px,#0000 2px),radial-gradient(circle at 40% 70%,#fff3 2px,#0000 3px),radial-gradient(circle at 85% 80%,#ffffff59 2.5px,#0000 4px),radial-gradient(circle at 10% 85%,#ffffff40 2px,#0000 3px);background-size:100% 100%;width:100vw;height:100vh;position:fixed;top:0;left:0}.font-fredoka{font-family:var(--font-fredoka)}.btn-candy-3d{items-center:center;font-family:var(--font-fredoka);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;border:3.5px solid #fff;border-radius:9999px;justify-content:center;font-weight:800;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.btn-candy-3d:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffffbf 0%,#ffffff26 80%,#0000 100%);border-radius:9999px;height:42%;position:absolute;top:3px;left:6%;right:6%}.btn-candy-3d:active{transform:translateY(4px)scale(.97)!important}.btn-candy-blue{color:#fff;text-shadow:0 2px 4px #00287899;background:linear-gradient(#00d5ff 0%,#08f 55%,#0055d4 100%);box-shadow:0 8px #003db3,0 12px 18px #00143c73}.btn-candy-blue:hover{transform:translateY(-2px);box-shadow:0 10px #003db3,0 16px 24px #00143c80}.btn-candy-blue:active{box-shadow:0 4px #003db3,0 6px 10px #00143c66}.btn-candy-fuchsia{color:#fff;text-shadow:0 2px 4px #5a003c99;background:linear-gradient(#ff40c8 0%,#e60099 55%,#b30077 100%);box-shadow:0 8px #800055,0 12px 18px #3c002873}.btn-candy-fuchsia:hover{transform:translateY(-2px);box-shadow:0 10px #800055,0 16px 24px #3c002880}.btn-candy-fuchsia:active{box-shadow:0 4px #800055,0 6px 10px #3c002866}.btn-candy-gold{color:#fff;text-shadow:0 2px 4px #783c0099;background:linear-gradient(#ffe033 0%,#fa0 55%,#e68a00 100%);box-shadow:0 8px #b36b00,0 12px 18px #50280073}.btn-candy-gold:hover{transform:translateY(-2px);box-shadow:0 10px #b36b00,0 16px 24px #50280080}.btn-candy-gold:active{box-shadow:0 4px #b36b00,0 6px 10px #50280066}.btn-candy-green{color:#fff;text-shadow:0 2px 4px #14460099;background:linear-gradient(#88f014 0%,#4cc400 55%,#349400 100%);box-shadow:0 8px #246600,0 12px 18px #0a320073}.btn-candy-green:hover{transform:translateY(-2px);box-shadow:0 10px #246600,0 16px 24px #0a320080}.btn-candy-green:active{box-shadow:0 4px #246600,0 6px 10px #0a320066}.btn-candy-purple{color:#fff;text-shadow:0 2px 4px #28005a99;background:linear-gradient(#b240ff 0%,#7d12ff 55%,#5900cc 100%);box-shadow:0 8px #400099,0 12px 18px #1e003c73}.btn-candy-purple:hover{transform:translateY(-2px);box-shadow:0 10px #400099,0 16px 24px #1e003c80}.btn-candy-purple:active{box-shadow:0 4px #400099,0 6px 10px #1e003c66}.btn-candy-red{color:#fff;text-shadow:0 2px 4px #5a001499;background:linear-gradient(#ff4b72 0%,#e6194b 55%,#b3002d 100%);box-shadow:0 8px #800020,0 12px 18px #3c000a73}.btn-candy-red:hover{transform:translateY(-2px);box-shadow:0 10px #800020,0 16px 24px #3c000a80}.btn-candy-red:active{box-shadow:0 4px #800020,0 6px 10px #3c000a66}.panel-candy-white{background:#fff;border:4px solid #fff;border-radius:2rem;position:relative;box-shadow:0 10px 25px -5px #001e5a59,inset 0 4px 8px #ffffffe6,inset 0 -6px 12px #0000000d}.panel-candy-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:3.5px solid #fff;border-radius:2rem;box-shadow:0 12px 30px #0019504d,inset 0 2px 6px #fffc}.block-3d-num{font-family:var(--font-fredoka);border:3.5px solid #fff;border-radius:1.25rem;justify-content:center;align-items:center;font-weight:900;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px #00000040,0 8px 15px #0003}.block-3d-num:before{content:"";pointer-events:none;background:linear-gradient(#ffffffbf 0%,#ffffff1a 100%);border-radius:1rem;height:40%;position:absolute;top:2px;left:8%;right:8%}.block-red{color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(#ff4b72,#e6194b)}.block-purple{color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(#b240ff,#7d12ff)}.block-cyan{color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(#00d5ff,#08f)}.block-yellow{color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(#ffe033,#fa0)}.block-green{color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(#88f014,#4cc400)}.block-pink{color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(#ff40c8,#e60099)}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-fredoka);background:var(--bg-candy-gradient);color:var(--text-main);background-attachment:fixed;min-height:100vh;margin:0;padding:0;position:relative}.logo-3d-title{font-family:var(--font-fredoka);justify-content:center;align-items:center;font-weight:900;line-height:1;display:inline-flex}.logo-letter{-webkit-text-fill-color:currentColor;-webkit-text-stroke:2.5px #fff;paint-order:stroke fill;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 4px #001e5a66)drop-shadow(0 8px 10px #0000004d);backface-visibility:hidden;will-change:transform, opacity;font-size:3.2rem;font-weight:900;transition:transform .2s;display:inline-block;position:relative}.logo-letter:hover{transform:translateY(-4px)scale(1.08)rotate(3deg)}.letter-m{color:#f39}.letter-a1{color:#00d2ff}.letter-t{color:#76e014}.letter-e{color:#fa0}.letter-y{color:#b224ef}.letter-a2{color:#f39}.letter-excl{color:#00d2ff}@media (width>=640px){.logo-letter{-webkit-text-stroke:3.5px #fff;font-size:4.5rem}}@media (width>=1024px){.logo-letter{-webkit-text-stroke:4.5px #fff;font-size:5.5rem}}.heading-3d{font-family:var(--font-fredoka);-webkit-text-stroke:2.5px #003bb3;paint-order:stroke fill;stroke-linejoin:round;stroke-linecap:round;text-shadow:0 4px #027,0 6px 10px #0006;backface-visibility:hidden;font-weight:900;color:#fff!important;-webkit-text-fill-color:#fff!important}@media (width>=640px){.heading-3d{-webkit-text-stroke:3.5px #003bb3}}@keyframes floatWiggle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}}.animate-float-wiggle{animation:3.2s ease-in-out infinite floatWiggle}@keyframes sparkleRotate{0%{opacity:.8;transform:rotate(0)scale(1)}50%{opacity:1;transform:rotate(180deg)scale(1.2)}to{opacity:.8;transform:rotate(360deg)scale(1)}}.animate-sparkle{animation:4s linear infinite sparkleRotate}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#00329633}::-webkit-scrollbar-thumb{background:#00c6ff;border-radius:4px}