:root{--pink:#F4A0AA;--blue:#9FBDD0;--text:#18181b;--bg:#ffffff}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg);display:flex;align-items:center;justify-content:center}
.hero{max-width:840px;padding:32px;text-align:left}
.logo{width:96px;height:96px;border-radius:24px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.07);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}
.logo img{width:72px;height:72px;border-radius:16px}
h1{font-size:28px;margin:8px 0 8px}
p{margin:0 0 16px}
.cta{display:inline-flex;align-items:center;gap:8px;border:0;padding:12px 16px;border-radius:12px;background:#ff8a3d;color:#fff;font-weight:600;cursor:not-allowed;opacity:.6}
.footer{margin-top:28px;font-size:12px;color:#6b7280}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#f8fafc;color:#0f172a;font-weight:600;font-size:12px}
.social{display:flex;gap:16px;margin-top:12px}
.social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#f3f4f6;border:1px solid #e5e7eb;text-decoration:none}
.social a:hover{background:#eef2f6}
.social svg{width:22px;height:22px}
@media (min-width:800px){h1{font-size:32px}}