:root{--ink:#1b2c8c;--ink-soft:#3d4baa;--accent:#4a6cf7;--accent-soft:#6d87f8;--subtle:#5b6bbe;--panel:#eef1ff;--bg:#f5f7ff;--radius:18px;--shadow:0 30px 80px -32px #1b2c8c59}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif}.shell{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:32px 16px;display:flex}.card{width:100%;max-width:460px;box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:28px}.title{letter-spacing:-.025em;margin:4px 0 8px;font-size:32px;font-weight:800;line-height:1.08}.subtitle{color:var(--subtle);margin:0 0 18px;font-size:14px}.top{border-radius:var(--radius);border:1.5px solid color-mix(in srgb, var(--accent) 25%, transparent);align-items:center;gap:12px;padding:16px 18px;display:flex}.top-text{flex-direction:column;display:flex}.top-text strong{color:var(--accent);font-size:18px;font-weight:700}.top-text small{color:var(--subtle);font-size:12px}.grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.stat{border-radius:var(--radius);flex-direction:column;gap:4px;padding:14px 16px 16px;display:flex}.stat-icon{font-size:18px}.stat .num{letter-spacing:-.025em;color:var(--accent);font-size:28px;font-weight:800;line-height:1.1}.stat .label{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;white-space:pre-line;margin-top:4px;font-size:11px;line-height:1.3}.giveaway{border-radius:var(--radius);color:var(--ink-soft);border:1.5px solid color-mix(in srgb, var(--accent) 18%, transparent);align-items:flex-start;gap:12px;margin-top:16px;padding:14px 16px;font-size:13px;display:flex}.giveaway-icon{font-size:22px;line-height:1}.giveaway>div{flex-direction:column;gap:2px;display:flex}.giveaway strong{color:var(--ink);font-size:13px;font-weight:700}.footer{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.share{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.share:hover{background:var(--accent-soft)}.share:active{transform:translateY(1px)}.swatches{gap:10px;display:flex}.swatch{background:var(--swatch-bg);cursor:pointer;border:2px solid #d6dcf3;border-radius:999px;width:28px;height:28px;padding:0}.swatch[data-current=true]{border-color:var(--ink)}