*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#fff8fb,#fff);color:#24161f}a{color:inherit;text-decoration:none}.container{width:min(100%,480px);margin:0 auto;padding:16px}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #f1dfe8;background:rgba(255,255,255,.92);position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.brand{font-weight:900;line-height:1.1}.brand-sub{font-size:12px;opacity:.65}.hero{padding:20px 0 12px}.grid{display:grid;grid-gap:14px;gap:14px}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:16px;padding:12px 16px;font-weight:800;background:#8d2d5d;color:white;cursor:pointer}.button.secondary{background:transparent;color:#8d2d5d;border:1px solid #d7a8bf}.footer-note{margin-top:24px;padding:12px 0 28px;font-size:13px;opacity:.7}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;margin-bottom:18px}.nav a{padding:10px 12px;border:1px solid #ecdbe4;font-size:14px;font-weight:700}.nav a,.pill{border-radius:999px;background:#fff}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #efcad8;font-size:13px;font-weight:800;color:#8d2d5d}.landing-hero{display:grid;grid-gap:14px;gap:14px;padding:18px;border:1px solid #f1dfe8;border-radius:28px;background:radial-gradient(circle at top right,rgba(244,182,198,.35),transparent 35%),linear-gradient(180deg,#fff6fa,#fff);box-shadow:0 14px 34px rgba(141,45,93,.08)}.trust-row{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:700;opacity:.8}.landing-secondary{margin-top:22px;display:grid;grid-gap:14px;gap:14px}.onboarding-shell{display:grid;grid-gap:18px;gap:18px}.onboarding-progress{display:flex;gap:10px;justify-content:center;margin-top:8px}.onboarding-dot{width:12px;height:12px;border-radius:999px;background:#ead5df}.onboarding-dot.active{background:#8d2d5d}.login-card,.onboarding-card{border:1px solid #f1dfe8;border-radius:28px;padding:22px 18px;background:radial-gradient(circle at top right,rgba(244,182,198,.28),transparent 34%),linear-gradient(180deg,#fff7fb,#fff);box-shadow:0 14px 34px rgba(141,45,93,.08)}.onboarding-emoji{font-size:44px;line-height:1}.member-banner{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f8e8ef;color:#8d2d5d;font-size:13px;font-weight:800;border:1px solid #efcad8}