:root{--green:#22c55e;--dark:#04246b;--card:#ffffff} *{box-sizing:border-box;margin:0;padding:0} body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:#f3f6f8; margin:0; padding:20px; display:flex; align-items:center; justify-content:center; min-height:100vh} .container{width:100%;max-width:420px;padding:10px} .card{background:var(--card);border-radius:20px;padding:28px;box-shadow:0 12px 30px rgba(8,30,63,0.09);text-align:center;margin:auto} .brand{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:6px} .brand img{height:28px} .small{font-size:13px;color:#6b7280;margin-bottom:6px} .count{font-size:84px;color:var(--green);font-weight:700;margin:6px 0} .avatar-wrap{position:relative;display:inline-block;margin:6px 0} .avatar{width:110px;height:110px;border-radius:50%;border:6px solid var(--green);overflow:hidden;box-shadow:0 6px 18px rgba(2,6,23,0.08)} .avatar img{width:100%;height:100%;object-fit:cover;display:block} .check{position:absolute;right:-6px;bottom:-6px;background:var(--green);color:white;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 6px 12px rgba(2,6,23,0.12)} h1{font-size:24px;margin:14px 0 6px;color:#0f172a} p.lead{color:#374151;margin:6px 0 18px;line-height:1.45} .cta{display:inline-block;background:var(--green);color:#fff;padding:16px 44px;border-radius:40px;text-decoration:none;font-weight:700;box-shadow:0 8px 18px rgba(34,197,94,0.24)} .secure{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:18px;color:#6b7280;font-size:13px} .dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;margin-left:6px} @media (max-width:480px){ body{padding:12px} .card{padding:20px;margin:0 8px} .count{font-size:56px} .avatar{width:92px;height:92px} h1{font-size:20px} p.lead{font-size:15px} }