@import url(https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Fredoka+One&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Comfortaa:wght@300..700&display=swap);:root{--ice-blue-light:#e8f4fd;--ice-blue:#b8e0f5;--ice-blue-dark:#7bc8ea;--glacier-blue:#4a90c2;--deep-ice:#2e5984;--mammoth-brown-light:#d4b896;--mammoth-brown:#b8956a;--mammoth-brown-dark:#8b6914;--earth-brown:#654321;--cave-brown:#3d2914;--sunset-orange:#ff8c42;--fire-orange:#ff6b35;--warm-yellow:#ffd23f;--saber-tooth-ivory:#fff8dc;--bg-primary:#1a1b2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--bg-accent:#7bc8ea1a;--text-primary:#fff;--text-secondary:#e8f4fd;--text-muted:#b8e0f5;--text-accent:#ffd23f;--primary-hover:#ff8c42;--secondary-hover:#7bc8ea;--success:#4ecdc4;--warning:#ffd23f;--danger:#ff6b6b;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--font-family-primary:"Comic Neue","Fredoka One","Nunito",sans-serif;--font-family-secondary:"Nunito","Comfortaa",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-size-6xl:4rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-ice:0 4px 20px #7bc8ea33;--shadow-mammoth:0 8px 30px #0000004d;--shadow-fire:0 4px 20px #ff8c424d;--shadow-cave:0 2px 10px #00000080;--gradient-ice:linear-gradient(135deg,var(--ice-blue-light) 0%,var(--glacier-blue) 100%);--gradient-sunset:linear-gradient(135deg,var(--sunset-orange) 0%,var(--fire-orange) 100%);--gradient-mammoth:linear-gradient(135deg,var(--mammoth-brown-light) 0%,var(--mammoth-brown-dark) 100%);--gradient-aurora:linear-gradient(135deg,var(--ice-blue) 0%,var(--warm-yellow) 50%,var(--sunset-orange) 100%);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{background:radial-gradient(circle at 20% 80%,#7bc8ea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff8c4214 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffd23f0d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--space-md);text-shadow:0 2px 4px #0000004d}h1{-webkit-text-fill-color:#0000;background:var(--gradient-aurora);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);text-shadow:none}h2{color:var(--text-accent);font-size:var(--font-size-4xl)}h3{color:var(--ice-blue);font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h4,h5{color:var(--text-secondary)}h5{font-size:var(--font-size-xl)}h6{color:var(--text-muted);font-size:var(--font-size-lg)}p{color:var(--text-secondary);margin-bottom:var(--space-md)}a{color:var(--sunset-orange);position:relative;text-decoration:none;transition:all var(--duration-normal) ease}a:hover{color:var(--fire-orange);text-shadow:0 0 8px var(--sunset-orange)}a:focus{border-radius:var(--radius-sm);outline:2px solid var(--ice-blue);outline-offset:2px}.btn{box-shadow:var(--shadow-ice);font-size:var(--font-size-base);padding:var(--space-md) var(--space-xl)}.btn:focus{outline-offset:2px}.btn-primary{box-shadow:var(--shadow-fire)}.btn-primary:hover{box-shadow:0 6px 25px #ff8c4266;transform:translateY(-2px)}.btn-secondary{box-shadow:var(--shadow-ice)}.btn-secondary:hover{box-shadow:0 6px 25px #7bc8ea66;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--ice-blue);box-shadow:var(--shadow-cave);color:var(--ice-blue)}.btn-outline:hover{background:var(--ice-blue);box-shadow:var(--shadow-ice);color:var(--bg-primary)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16213ecc;border:1px solid #7bc8ea33;border-radius:var(--radius-2xl);box-shadow:var(--shadow-mammoth);overflow:hidden;padding:var(--space-xl);position:relative;transition:all var(--duration-normal) ease}.card:before{background:var(--gradient-aurora);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.card:hover{border-color:#7bc8ea66;box-shadow:0 12px 40px #0006;transform:translateY(-5px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}.mt-4xl{margin-top:var(--space-4xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.mb-4xl{margin-bottom:var(--space-4xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.p-3xl{padding:var(--space-3xl)}.p-4xl{padding:var(--space-4xl)}.animate-bounce{animation:bounce 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-wiggle{animation:wiggle 1s ease-in-out infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}@media (max-width:768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}.card{padding:var(--space-lg)}.btn{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg)}}@media (max-width:480px){h1{font-size:var(--font-size-3xl)}.card{padding:var(--space-md)}.btn{font-size:var(--font-size-xs);padding:var(--space-sm) var(--space-md)}}code{background:#16213e99;border:1px solid #7bc8ea33;border-radius:var(--radius-sm);color:var(--ice-blue);font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:.2em .4em}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative}.container{margin:0 auto;max-width:600px;padding:0 var(--space-lg);text-align:center;width:100%}.main-content{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-2xl) 0}.brand-title{-webkit-text-fill-color:#0000;background:var(--gradient-aurora);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,10vw,8rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;margin-bottom:var(--space-4xl);position:relative;text-shadow:none;transition:all var(--duration-slow) ease}.brand-title:before{background:var(--gradient-aurora);border-radius:var(--radius-xl);bottom:-10px;content:"";filter:blur(20px);left:-10px;opacity:0;position:absolute;right:-10px;top:-10px;transition:opacity var(--duration-slow) ease;z-index:-1}.brand-title:hover:before{opacity:.3}.brand-title:hover{transform:scale(1.05)}.button-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg)}.btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);justify-content:center;min-width:240px;overflow:hidden;padding:var(--space-lg) var(--space-3xl);position:relative;text-decoration:none;transition:all var(--duration-normal) ease}.btn:focus{outline:2px solid var(--ice-blue);outline-offset:3px}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--duration-slow) ease;width:100%}.btn:hover:before{left:100%}.btn-primary{animation:glow-primary 3s ease-in-out infinite alternate;background:var(--gradient-sunset);border:1px solid #ff8c4233;box-shadow:0 8px 32px #ff8c424d;color:var(--text-primary)}.btn-primary:hover{box-shadow:0 12px 40px #ff8c4266;transform:translateY(-3px) scale(1.02)}.btn-secondary{animation:glow-secondary 3s ease-in-out infinite alternate;animation-delay:1s;background:var(--gradient-ice);border:1px solid #7bc8ea33;box-shadow:0 8px 32px #7bc8ea4d;color:var(--bg-primary)}.btn-secondary:hover{box-shadow:0 12px 40px #7bc8ea66;transform:translateY(-3px) scale(1.02)}.btn-tertiary{animation:glow-tertiary 3s ease-in-out infinite alternate;animation-delay:2s;background:#16213ecc;border:2px solid var(--ice-blue);box-shadow:0 8px 32px #0000004d;color:var(--ice-blue)}.btn-tertiary:hover{background:var(--ice-blue);box-shadow:0 12px 40px #7bc8ea66;color:var(--bg-primary);transform:translateY(-3px) scale(1.02)}@keyframes glow-primary{0%{box-shadow:0 8px 32px #ff8c424d}to{box-shadow:0 8px 32px #ff8c4280}}@keyframes glow-secondary{0%{box-shadow:0 8px 32px #7bc8ea4d}to{box-shadow:0 8px 32px #7bc8ea80}}@keyframes glow-tertiary{0%{box-shadow:0 8px 32px #0000004d,0 0 20px #7bc8ea33}to{box-shadow:0 8px 32px #00000080,0 0 30px #7bc8ea4d}}.btn:first-child{animation-delay:0s}.btn:nth-child(2){animation-delay:.5s}.btn:nth-child(3){animation-delay:1s}@keyframes float-bg{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.App:before{animation:float-bg 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7bc8ea14 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff8c420f 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffd23f0a 0,#0000 50%);background-size:200% 200%;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@media (max-width:768px){.container{padding:0 var(--space-md)}.brand-title{font-size:clamp(3rem,12vw,6rem);margin-bottom:var(--space-3xl)}.button-container{gap:var(--space-md)}.btn{font-size:var(--font-size-base);min-width:200px;padding:var(--space-md) var(--space-2xl)}}@media (max-width:480px){.brand-title{font-size:clamp(2.5rem,15vw,4rem);margin-bottom:var(--space-2xl)}.btn{font-size:var(--font-size-sm);min-width:180px;padding:var(--space-sm) var(--space-xl)}.button-container{gap:var(--space-sm)}}@media (prefers-reduced-motion:reduce){.App:before,.brand-title,.btn{animation:none}.btn:before{transition:none}.brand-title:hover,.btn:hover{transform:none}.brand-title:before{display:none}}@media (prefers-contrast:high){.btn-primary{background:var(--sunset-orange)}.btn-primary,.btn-secondary{border:2px solid var(--text-primary)}.btn-secondary{background:var(--ice-blue)}.btn-tertiary{background:#0000;border:2px solid var(--text-primary);color:var(--text-primary)}}
/*# sourceMappingURL=main.d88c50da.css.map*/