*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--yellow:gold;--yellow-dk:#e6a800;--yellow-lt:#fff8dc;--blue:#1565c0;--blue-lt:#e3f2fd;--blue-mid:#2196f3;--pink:#ff6b9d;--green:#4caf50;--orange:#ff9800;--purple:#9c27b0;--white:#fff;--bg:#fff;--text-dark:#1a2744;--text-mid:#4a6080;--text-muted:#7a96b0;--radius-lg:24px;--radius-xl:36px;--shadow-card:0 8px 40px #1565c01a;--shadow-soft:0 4px 20px #00000012}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text-dark);background:#fff;font-family:Nunito,sans-serif;position:relative;overflow-x:hidden}.bubbles-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bubble{opacity:.06;border-radius:50%;animation:linear infinite floatUp;position:absolute}.bubble:first-child{background:var(--yellow);width:80px;height:80px;animation-duration:12s;animation-delay:0s;bottom:-80px;left:5%}.bubble:nth-child(2){background:var(--blue-mid);width:50px;height:50px;animation-duration:9s;animation-delay:2s;bottom:-50px;left:15%}.bubble:nth-child(3){background:var(--pink);width:120px;height:120px;animation-duration:15s;animation-delay:1s;bottom:-120px;left:25%}.bubble:nth-child(4){background:var(--yellow);width:40px;height:40px;animation-duration:8s;animation-delay:4s;bottom:-40px;left:40%}.bubble:nth-child(5){background:var(--green);width:90px;height:90px;animation-duration:13s;animation-delay:.5s;bottom:-90px;left:55%}.bubble:nth-child(6){background:var(--orange);width:60px;height:60px;animation-duration:10s;animation-delay:3s;bottom:-60px;left:65%}.bubble:nth-child(7){background:var(--blue-mid);width:35px;height:35px;animation-duration:7s;animation-delay:6s;bottom:-35px;left:75%}.bubble:nth-child(8){background:var(--yellow);width:100px;height:100px;animation-duration:14s;animation-delay:1.5s;bottom:-100px;left:82%}.bubble:nth-child(9){background:var(--pink);width:55px;height:55px;animation-duration:11s;animation-delay:2.5s;bottom:-55px;left:90%}.bubble:nth-child(10){background:var(--purple);width:70px;height:70px;animation-duration:16s;animation-delay:5s;bottom:-70px;left:95%}@keyframes floatUp{0%{opacity:.06;transform:translateY(0)rotate(0)}50%{opacity:.1}to{opacity:0;transform:translateY(-110vh)rotate(720deg)}}.confetti-wrap{pointer-events:none;z-index:0;position:fixed;inset:0}.star{opacity:.35;font-size:1.5rem;animation:ease-in-out infinite alternate twinkle;position:absolute}.star-1{color:var(--yellow);animation-duration:2.1s;top:8%;left:4%}.star-2{color:var(--pink);animation-duration:1.8s;top:15%;left:92%}.star-3{color:var(--blue-mid);animation-duration:2.5s;top:35%;left:2%}.star-4{color:var(--green);animation-duration:1.5s;top:50%;left:96%}.star-5{color:var(--orange);animation-duration:2.3s;top:72%;left:6%}.star-6{color:var(--yellow);animation-duration:1.9s;top:85%;left:90%}@keyframes twinkle{0%{opacity:.15;transform:scale(.8)rotate(-10deg)}to{opacity:.55;transform:scale(1.2)rotate(10deg)}}.container{z-index:1;max-width:1200px;margin:0 auto;padding:16px 24px 60px;position:relative}.logo-wrap{text-align:center;margin-bottom:24px}.logo-img{mix-blend-mode:multiply;width:90%;max-width:420px;height:auto;margin:0 auto;animation:3.5s ease-in-out infinite logoFloat;display:block}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero{flex-wrap:wrap;align-items:center;gap:48px;margin-bottom:60px;display:flex}.hero-content{flex:420px}.hero-mascot{flex-direction:column;flex:0 0 340px;align-items:center;display:flex;position:relative}.coming-soon-badge{background:var(--blue-lt);color:var(--blue);letter-spacing:.05em;text-transform:uppercase;border:1px solid #2196f340;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:.85rem;font-weight:700;animation:2s ease-in-out infinite badgePulse;display:inline-flex}.badge-dot{background:#00c853;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dotPulse;box-shadow:0 0 8px #00c853}@keyframes badgePulse{0%,to{box-shadow:0 0 #2196f300}50%{box-shadow:0 0 0 6px #2196f31f}}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.headline{color:var(--text-dark);margin-bottom:20px;font-family:"Baloo 2",cursive;font-size:clamp(2.8rem,7vw,5rem);font-weight:800;line-height:1.1}.highlight-yellow{color:var(--yellow-dk);animation:2.5s ease-in-out infinite wobble;display:inline-block}.highlight-blue{color:var(--blue-mid)}@keyframes wobble{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.5deg)}}.sub-headline{color:var(--text-mid);margin-bottom:32px;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.7}.sub-headline strong{color:var(--blue)}.features-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:36px;display:grid}.feature-chip{color:var(--text-dark);cursor:default;background:#f4f8ff;border:1.5px solid #def;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:700;transition:all .25s;display:flex}.feature-chip:hover{background:var(--blue-lt);border-color:var(--blue-mid);color:var(--blue);transform:translateY(-2px)}.feature-icon{font-size:1.2rem}.notify-section{margin-bottom:28px}.notify-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:.9rem;font-weight:700}.notify-form{flex-wrap:wrap;gap:10px;display:flex}.notify-form input{color:var(--text-dark);background:#f4f8ff;border:2px solid #d0e4f7;border-radius:50px;outline:none;flex:220px;padding:14px 20px;font-family:Nunito,sans-serif;font-size:.95rem;transition:border .2s,background .2s}.notify-form input::placeholder{color:var(--text-muted)}.notify-form input:focus{border-color:var(--blue-mid);background:#eaf4ff}.notify-form button{color:#1a2744;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,gold 0%,#ffb300 100%);border:none;border-radius:50px;align-items:center;gap:6px;padding:14px 28px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 20px #ffb30059}.notify-form button:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 10px 28px #ffb30080}.notify-form button.success{color:#030;background:linear-gradient(135deg,#00e676 0%,#00c853 100%)}.btn-arrow{font-size:1.1rem;transition:transform .2s}.notify-form button:hover .btn-arrow{transform:translate(4px)}.success-msg{color:#00a843;margin-top:12px;font-size:.95rem;font-weight:700;display:none}.success-msg.show{animation:.4s fadeSlideIn;display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pills-row{flex-wrap:wrap;gap:10px;display:flex}.pill{border-radius:50px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:800;display:inline-flex}.pill-pink{color:#d63384;background:#fff0f6;border:1.5px solid #ffb3d1}.pill-blue{color:#1d4ed8;background:#eff6ff;border:1.5px solid #93c5fd}.pill-green{color:#16a34a;background:#f0fdf4;border:1.5px solid #86efac}.pill-orange{color:#c2410c;background:#fff7ed;border:1.5px solid #fed7aa}.mascot-glow{pointer-events:none;background:radial-gradient(circle,#ffd70026 0%,#0000 70%);border-radius:50%;width:320px;height:320px;animation:3s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.speech-bubble{background:var(--white);color:var(--text-dark);text-align:center;z-index:2;border:1.5px solid #def;border-radius:20px;margin-bottom:16px;padding:12px 20px;font-size:.88rem;line-height:1.5;animation:3.5s ease-in-out infinite bubbleFloat;position:relative;box-shadow:0 8px 30px #1565c01f}.speech-bubble strong{color:var(--blue);font-size:1rem}.speech-bubble:after{content:"";border:12px solid #0000;border-top-color:var(--white);border-bottom:0;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.heart-anim{font-size:1.3rem;animation:1.4s ease-in-out infinite heartBeat;position:absolute;top:-14px;right:-10px}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.25)}56%{transform:scale(1)}}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mascot-img{border-radius:var(--radius-xl);z-index:1;object-fit:cover;cursor:pointer;width:300px;max-width:90vw;animation:3s ease-in-out infinite mascotBounce;position:relative}@keyframes mascotBounce{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes mascotWiggle{0%{transform:rotate(0)}20%{transform:rotate(-8deg)scale(1.05)}40%{transform:rotate(8deg)scale(1.08)}60%{transform:rotate(-5deg)scale(1.05)}80%{transform:rotate(3deg)scale(1.02)}to{transform:rotate(0)}}.mascot-img.wiggle{animation:.5s ease-in-out mascotWiggle}.mascot-tagline{color:var(--blue);letter-spacing:.04em;margin-top:16px;font-size:.9rem;font-weight:800}.countdown-section{text-align:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#f0f7ff 0%,#fff8e1 100%);border:1.5px solid #d0e8ff;margin-bottom:60px;padding:48px 32px}.countdown-label{color:var(--blue);text-transform:uppercase;letter-spacing:.15em;margin-bottom:28px;font-size:.85rem;font-weight:800}.countdown-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.count-box{background:var(--white);border-radius:var(--radius-lg);min-width:100px;box-shadow:var(--shadow-soft);border:2px solid #d0e8ff;flex-direction:column;align-items:center;padding:24px 32px;transition:transform .2s;display:flex}.count-box:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1565c026}.count-num{color:var(--blue);font-family:"Baloo 2",cursive;font-size:clamp(2.5rem,6vw,3.8rem);font-weight:800;line-height:1;transition:all .3s}.count-unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-top:4px;font-size:.72rem;font-weight:800}.count-sep{color:var(--yellow-dk);opacity:.7;margin-bottom:22px;font-family:"Baloo 2",cursive;font-size:clamp(2rem,5vw,3rem);font-weight:800;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:.7}50%{opacity:.15}}.hero-countdown-wrap{margin-top:24px;margin-bottom:24px}.hero-countdown-label{text-align:left;margin-bottom:16px}.hero-countdown-grid{flex-wrap:nowrap;justify-content:flex-start;gap:12px}.hero-count-box{min-width:80px;padding:16px 20px}.hero-count-num{font-size:clamp(1.5rem,4vw,3rem)}.hero-count-sep{margin-bottom:0;font-size:1.5rem}.social-footer{text-align:center}.social-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:.85rem;font-weight:700}.social-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.social-btn{color:var(--text-dark);background:#f4f8ff;border:1.5px solid #d0e4f7;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-family:Nunito,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.social-btn:hover{background:var(--blue-lt);border-color:var(--blue-mid);color:var(--blue);transform:translateY(-3px);box-shadow:0 8px 24px #1565c026}.copyright{color:var(--text-muted);font-size:.78rem;font-weight:600}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.hero{flex-direction:column-reverse;align-items:center}.hero-mascot{order:-1}.hero-content,.hero-countdown-label{text-align:center}.hero-countdown-grid{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}.pills-row,.notify-form{justify-content:center}.countdown-section{padding:32px 20px}.count-box{min-width:70px;padding:18px 20px}.hero-count-box{min-width:60px;padding:12px 10px}}@media (width<=480px){.container{padding:24px 16px 40px}.count-box{min-width:60px;padding:14px}.hero-count-box{min-width:50px;padding:10px 8px}.hero-countdown-grid{gap:6px}.mascot-img{width:240px}.hero-mascot{flex:unset}.features-grid{grid-template-columns:1fr}}
