:root{--bg-start:#e8f4fd;--bg-mid:#e0f7f0;--bg-end:#d4f1f9;--card-bg:#fff;--text-primary:#1a1d2e;--text-secondary:#3d4258;--text-muted:#5a6076;--accent-mint:#00a381;--accent-mint-hover:#008c6e;--accent-mint-light:#b8ece0;--confetti-pink:#f7c8d6;--confetti-lavender:#d5c8f0;--confetti-peach:#fce0c8;--confetti-mint:#c8f0e2;--countdown-bg:#f0f7fa;--divider-soft:rgba(255,255,255,.55);--shadow-card:0 2px 16px rgba(26,29,46,.06),0 0 0 1px rgba(26,29,46,.04);--shadow-card-glow:0 4px 24px rgba(0,163,129,.08),0 0 0 1px rgba(0,163,129,.06),inset 0 1px 0 rgba(255,255,255,.7);--shadow-cta:0 6px 28px rgba(0,163,129,.3),0 2px 8px rgba(0,130,100,.25),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.08);--shadow-cta-hover:0 10px 36px rgba(0,163,129,.4),0 4px 14px rgba(0,130,100,.3),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.1);--radius-card:16px;--radius-btn:50px;--font-headline:'Poppins',sans-serif;--font-body:'Poppins',sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100dvh;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;color:var(--text-primary);background:linear-gradient(175deg,var(--bg-start) 0,var(--bg-mid) 40%,var(--bg-end) 100%);background-attachment:fixed;height:100dvh;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;padding:0;line-height:1.5;letter-spacing:-.01em}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.confetti-dot{position:absolute;border-radius:50%;opacity:0;animation:driftFloat 18s infinite ease-in-out}.confetti-dot:nth-child(1){width:10px;height:10px;background:var(--confetti-pink);left:8%;top:15%;animation-delay:0s;animation-duration:19s;opacity:.22}.confetti-dot:nth-child(2){width:7px;height:7px;background:var(--confetti-lavender);left:18%;top:28%;animation-delay:3s;animation-duration:21s;opacity:.18}.confetti-dot:nth-child(3){width:12px;height:12px;background:var(--confetti-mint);left:30%;top:10%;animation-delay:6s;animation-duration:16s;opacity:.2}.confetti-dot:nth-child(4){width:8px;height:8px;background:var(--confetti-peach);left:45%;top:22%;animation-delay:1s;animation-duration:23s;opacity:.25}.confetti-dot:nth-child(5){width:6px;height:6px;background:var(--confetti-pink);left:55%;top:8%;animation-delay:8s;animation-duration:17s;opacity:.16}.confetti-dot:nth-child(6){width:11px;height:11px;background:var(--confetti-lavender);left:68%;top:30%;animation-delay:4s;animation-duration:20s;opacity:.2}.confetti-dot:nth-child(7){width:9px;height:9px;background:var(--confetti-mint);left:78%;top:18%;animation-delay:11s;animation-duration:22s;opacity:.19}.confetti-dot:nth-child(8){width:7px;height:7px;background:var(--confetti-peach);left:88%;top:25%;animation-delay:2s;animation-duration:15s;opacity:.21}.confetti-dot:nth-child(9){width:10px;height:10px;background:var(--confetti-pink);left:12%;top:55%;animation-delay:9s;animation-duration:24s;opacity:.17}.confetti-dot:nth-child(10){width:8px;height:8px;background:var(--confetti-lavender);left:35%;top:48%;animation-delay:5s;animation-duration:18s;opacity:.2}.confetti-dot:nth-child(11){width:6px;height:6px;background:var(--confetti-mint);left:52%;top:42%;animation-delay:13s;animation-duration:20s;opacity:.15}.confetti-dot:nth-child(12){width:9px;height:9px;background:var(--confetti-peach);left:72%;top:50%;animation-delay:7s;animation-duration:19s;opacity:.22}@keyframes driftFloat{0%{transform:translateY(0) translateX(0) scale(1)}15%{transform:translateY(-30px) translateX(8px) scale(1.15)}30%{transform:translateY(-55px) translateX(-4px) scale(.9)}50%{transform:translateY(-18px) translateX(-14px) scale(1.05)}65%{transform:translateY(-42px) translateX(10px) scale(.95)}80%{transform:translateY(-8px) translateX(-6px) scale(1.1)}100%{transform:translateY(0) translateX(0) scale(1)}}.countdown-bar{position:sticky;top:0;left:0;right:0;z-index:20;background:var(--countdown-bg);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:400;color:var(--text-muted);letter-spacing:.02em;white-space:nowrap;min-height:34px;flex-shrink:0}.countdown-bar .timer-display{font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:var(--font-body);min-width:36px;text-align:center;letter-spacing:.04em}.countdown-bar .timer-label{color:var(--text-muted);font-size:12px}.main-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:780px;padding:12px 20px 10px;z-index:2;position:relative;gap:10px;overflow:hidden;min-height:0}.logo-area{flex-shrink:0;text-align:center}.logo-area img{height:38px;width:auto;display:block;margin:0 auto}.hero-section{text-align:center;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.75);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:400;color:var(--text-secondary);letter-spacing:.01em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6);flex-shrink:0}.hero-badge .ping-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block;flex-shrink:0}h1{font-family:var(--font-headline);font-weight:700;font-size:clamp(32px,5vw,48px);color:var(--text-primary);line-height:1.15;letter-spacing:-.02em;max-width:40ch;margin:0;flex-shrink:0}.hero-subtitle{font-size:clamp(14px,2vw,16px);color:var(--text-secondary);max-width:40ch;line-height:1.5;letter-spacing:.005em;flex-shrink:0;margin:0}.cta-wrapper{position:relative;flex-shrink:0;min-height:54px;display:flex;align-items:center;justify-content:center;margin-top:4px}.cta-skeleton{width:240px;height:54px;max-height:60px;border-radius:var(--radius-btn);background:linear-gradient(120deg,#e8ecef 0,#dfe4e7 40%,#e8ecef 70%);background-size:200% 100%;animation:skeletonShimmer 2s infinite ease-in-out;transition:opacity .4s ease;opacity:1;position:absolute;inset:0;margin:auto}.cta-skeleton.hidden-skeleton{opacity:0;pointer-events:none}@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#00c4a0 0,#00a381 55%,#008c6e 100%);color:#fff;font-family:var(--font-headline);font-weight:700;font-size:clamp(16px,2.2vw,18px);padding:14px 36px;border-radius:var(--radius-btn);text-decoration:none;cursor:pointer;border:none;outline:none;box-shadow:var(--shadow-cta);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,opacity .4s ease;letter-spacing:.01em;white-space:nowrap;max-height:60px;opacity:0;pointer-events:none;position:relative;z-index:1;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.cta-button.visible-cta{opacity:1;pointer-events:auto}.cta-button:hover{transform:scale(1.05) translateY(-3px);box-shadow:var(--shadow-cta-hover)}.cta-button:active{transform:scale(.97) translateY(0);box-shadow:var(--shadow-cta);transition:transform .1s ease,box-shadow .1s ease}.cta-button:focus-visible{outline:3px solid var(--accent-mint);outline-offset:3px;box-shadow:var(--shadow-cta-hover)}.cta-button::after{content:'';position:absolute;inset:4px 12px 18px 12px;background:rgba(255,255,255,.18);border-radius:40px;pointer-events:none}.trust-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;font-size:11px;color:var(--text-muted);letter-spacing:.02em;flex-shrink:0;text-align:center}.trust-strip span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.trust-strip .trust-icon{font-size:13px}.divider-island{flex-shrink:0;width:100%;max-width:400px;height:28px;opacity:.6;margin:0 auto}.divider-island svg{width:100%;height:100%;display:block}.features-row{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap;justify-content:center;width:100%;max-width:640px}.feature-card{background:var(--card-bg);border-radius:var(--radius-card);padding:14px 16px;box-shadow:var(--shadow-card);flex:1 1 140px;min-width:130px;max-width:190px;text-align:center;transition:box-shadow .3s ease,transform .3s ease;border:1px solid rgba(255,255,255,.7)}.feature-card:hover{box-shadow:var(--shadow-card-glow);transform:translateY(-2px)}.feature-card .fc-emoji{font-size:26px;display:block;margin-bottom:4px;line-height:1}.feature-card .fc-title{font-family:var(--font-headline);font-weight:700;font-size:13px;color:var(--text-primary);letter-spacing:.005em}.feature-card .fc-desc{font-size:11px;color:var(--text-muted);margin-top:2px;line-height:1.4}.activity-ticker{flex-shrink:0;font-size:11px;color:var(--text-muted);text-align:center;opacity:0;transition:opacity .8s ease;min-height:18px;letter-spacing:.01em;max-width:40ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-ticker.visible-ticker{opacity:.85}@media(max-width:600px){.main-container{padding:8px 14px 6px;gap:6px}.hero-section{gap:4px}.features-row{gap:6px}.feature-card{flex:1 1 100px;min-width:90px;max-width:150px;padding:10px 10px}.feature-card .fc-emoji{font-size:22px}.feature-card .fc-title{font-size:11px}.feature-card .fc-desc{font-size:10px}.cta-skeleton{width:200px;height:48px}.cta-button{padding:12px 28px;font-size:15px;max-height:52px}.countdown-bar{font-size:11px;padding:5px 10px;min-height:28px}.logo-area img{height:30px}.divider-island{height:20px;max-width:280px}.trust-strip{font-size:10px;gap:4px 10px}}@media(max-height:620px){.main-container{gap:4px;padding:4px 12px 2px}.hero-section{gap:2px}h1{font-size:clamp(24px,4vw,36px)}.hero-subtitle{font-size:clamp(11px,1.6vw,13px)}.features-row{gap:4px}.feature-card{padding:8px 8px;border-radius:12px}.feature-card .fc-emoji{font-size:18px}.feature-card .fc-title{font-size:10px}.feature-card .fc-desc{font-size:9px}.divider-island{height:16px;max-width:240px}.cta-skeleton{width:180px;height:42px}.cta-button{padding:10px 22px;font-size:14px;max-height:46px}.countdown-bar{min-height:24px;font-size:10px;padding:3px 8px}.logo-area img{height:24px}}