*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#F9F9F6;--cobalt:#1D4ED8;--mint:#10B981;--mint-dark:#059669;--black:#111827;--gray:#4B5563;--gray-light:#6B7280;--white:#FFF;--card-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04);--card-hover-shadow:0 2px 6px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);--radius:24px;--radius-sm:16px;--radius-xs:10px}html,body{height:100%;overflow:hidden}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at 50% 0,#F4F7FC 0,#F9F9F6 55%,#F5F6F8 100%);color:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:12px 16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:520px;gap:14px;flex-shrink:0;position:relative;z-index:1}.top-bar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.logo-wrap{display:flex;align-items:center;gap:8px}.logo-wrap img{height:36px;width:auto;display:block}.ping-badge{display:inline-flex;align-items:center;gap:6px;background:var(--white);border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700;color:var(--mint-dark);letter-spacing:.02em;box-shadow:0 1px 4px rgba(0,0,0,.05);white-space:nowrap}.ping-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);position:relative;flex-shrink:0}.ping-dot::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:rgba(16,185,129,.35);animation:pingPulse 2s ease-in-out infinite}@keyframes pingPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(2.2);opacity:0}}.badge-hero{display:inline-flex;align-items:center;gap:6px;background:var(--white);border:1.5px solid #E5E7EB;border-radius:var(--radius-xs);padding:7px 16px;font-size:12px;font-weight:700;color:var(--cobalt);letter-spacing:.01em;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.03)}.badge-hero .dot-sep{width:4px;height:4px;border-radius:50%;background:#D1D5DB;flex-shrink:0}h1{font-size:clamp(1.55rem,3.8vw,2.3rem);font-weight:700;line-height:1.15;text-align:center;color:var(--black);max-width:440px;letter-spacing:-.02em}.subtitle{font-size:clamp(.9rem,1.8vw,1rem);color:var(--gray);text-align:center;max-width:380px;line-height:1.4;font-weight:400}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:440px}.context-card{background:var(--white);border-radius:var(--radius);padding:14px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--card-shadow);transition:box-shadow .25s ease,transform .25s ease;cursor:default;border:1px solid #F3F4F6}.context-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-1px)}.context-card .card-icon{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#EEF2FF}.context-card .card-icon svg{width:18px;height:18px;color:var(--cobalt)}.context-card .card-label{font-size:12px;font-weight:700;color:var(--black);line-height:1.25;letter-spacing:-.01em}.context-card .card-sub{font-size:10.5px;color:var(--gray-light);line-height:1.3}.cta-wrapper{width:100%;max-width:440px;position:relative}.cta-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:var(--mint);color:var(--white);font-size:clamp(1rem,2vw,1.15rem);font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;letter-spacing:-.01em;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px rgba(16,185,129,.3);position:relative;overflow:hidden;outline:none;-webkit-tap-highlight-color:transparent}.cta-button:hover{background:var(--mint-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.4)}.cta-button:focus-visible{box-shadow:0 0 0 3px rgba(16,185,129,.4),0 4px 14px rgba(16,185,129,.3)}.cta-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(16,185,129,.25)}.cta-icon-lock,.cta-icon-check{width:20px;height:20px;flex-shrink:0;transition:opacity .3s ease,transform .3s ease}.cta-icon-lock{opacity:1;transform:scale(1)}.cta-icon-check{position:absolute;opacity:0;transform:scale(.5);pointer-events:none}.cta-button:hover .cta-icon-lock{transform:scale(1.15) rotate(-5deg)}.cta-button.loading-state .cta-icon-lock{opacity:0;transform:scale(.5)}.cta-button.loading-state .cta-icon-check{opacity:1;transform:scale(1);position:relative}.cta-button.loading-state .cta-text{opacity:.7}.cta-button.skeleton-loading{background:linear-gradient(90deg,#10B981 25%,#34D399 50%,#10B981 75%);background-size:200% 100%;animation:shimmer .8s ease-in-out infinite;pointer-events:none;color:transparent}.cta-button.skeleton-loading .cta-icon-lock,.cta-button.skeleton-loading .cta-icon-check,.cta-button.skeleton-loading .cta-text{opacity:0}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.activity-ticker{font-size:10.5px;color:var(--gray-light);text-align:center;letter-spacing:.02em;min-height:16px;display:flex;align-items:center;gap:5px;opacity:.75}.activity-ticker .ticker-dot{width:4px;height:4px;border-radius:50%;background:#D1D5DB;flex-shrink:0;animation:tickerBlink 1.8s ease-in-out infinite}@keyframes tickerBlink{0%,100%{opacity:.3}50%{opacity:1}}.sticky-counter{position:fixed;bottom:20px;right:20px;background:var(--white);border-radius:20px;padding:8px 14px;font-size:12px;font-weight:700;color:var(--cobalt);box-shadow:0 2px 12px rgba(0,0,0,.08);z-index:10;display:flex;align-items:center;gap:6px;letter-spacing:.01em;border:1.5px solid #E5E7EB;transition:opacity .4s ease}.sticky-counter .counter-num{font-variant-numeric:tabular-nums;min-width:22px;text-align:right;color:var(--mint-dark)}.sticky-counter .counter-ring{width:18px;height:18px;flex-shrink:0}.sticky-counter .counter-ring circle{fill:none;stroke:#E5E7EB;stroke-width:2.5}.sticky-counter .counter-ring .ring-progress{stroke:var(--mint);stroke-linecap:round;transition:stroke-dashoffset .9s linear}footer{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);font-size:10px;color:#9CA3AF;letter-spacing:.03em;z-index:1;text-align:center}@media(max-width:380px){.cards-grid{gap:7px}.context-card{padding:10px 10px;gap:7px;border-radius:var(--radius-sm)}.context-card .card-icon{width:28px;height:28px;border-radius:10px}.context-card .card-icon svg{width:15px;height:15px}.context-card .card-label{font-size:11px}.context-card .card-sub{font-size:10px}.sticky-counter{bottom:12px;right:8px;padding:6px 10px;font-size:10px;border-radius:16px}}@media(min-width:768px){.cards-grid{grid-template-columns:repeat(4,1fr);max-width:600px}.context-card{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 14px}.context-card .card-icon{width:38px;height:38px;border-radius:14px}.context-card .card-icon svg{width:20px;height:20px}body{padding:20px 24px}.main-container{gap:18px;max-width:640px}}