:root {
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1e1928;
  background: #f7f2ff;
}

* { box-sizing: border-box; }

body {
  min-height: 100vh;
  margin: 0;
  padding: 32px 18px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 15% 12%, rgba(113, 73, 246, .18), transparent 26rem),
    radial-gradient(circle at 88% 88%, rgba(103, 215, 203, .2), transparent 25rem),
    #faf8ff;
}

.card {
  width: min(560px, 100%);
  padding: 42px;
  text-align: center;
  border: 1px solid rgba(84, 54, 145, .12);
  border-radius: 32px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 28px 80px rgba(57, 35, 99, .13);
  backdrop-filter: blur(16px);
}

.logo { width: 118px; margin: 0 auto 34px; }
.app-icon { width: 82px; height: 82px; margin: 0 auto 22px; display: grid; place-items: center; border-radius: 25px; background: #eee6ff; box-shadow: inset 0 0 0 1px rgba(112,73,246,.08); }
.app-icon img { width: 56px; height: 56px; object-fit: contain; }
.eyebrow { color: #6842e9; font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
h1 { margin: 13px 0 18px; font-size: clamp(38px, 8vw, 54px); line-height: 1.05; letter-spacing: -.045em; }
.card > p { margin: 0 auto 28px; max-width: 440px; color: #716a80; font-size: 16px; line-height: 1.7; }
.actions { display: grid; gap: 12px; }
.button { min-height: 54px; padding: 0 22px; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: #7049f6; color: #fff; font-weight: 800; text-decoration: none; box-shadow: 0 13px 30px rgba(112,73,246,.22); }
.button-secondary { border: 1px solid rgba(112,73,246,.16); background: #f0eaff; color: #5734da; box-shadow: none; }
.safety { margin-top: 24px; padding: 16px; display: flex; gap: 12px; align-items: center; text-align: left; border-radius: 17px; background: #e3f7f4; color: #377b75; }
.safety > span { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 11px; background: #fff; color: #39a397; font-weight: 900; }
.safety p { margin: 0; font-size: 12px; line-height: 1.5; }
.safety strong { color: #24665f; font-size: 13px; }
.site-link { display: inline-block; margin-top: 28px; color: #6842e9; font-size: 13px; font-weight: 800; text-decoration: none; }

@media (max-width: 520px) {
  body { padding: 14px; }
  .card { padding: 30px 20px; border-radius: 26px; }
  .logo { margin-bottom: 26px; }
}