:root{
  --blue:#0077be;
  --blue-dark:#0b2d4a;
  --blue-light:#e6f4ff;
  --bg:#f3f9ff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  min-height:100vh;
  font-family:Manrope, Inter, system-ui, -apple-system, Segoe UI, sans-serif;
  background:
    radial-gradient(900px 500px at 15% -10%, #bfe6ff 0%, transparent 60%),
    radial-gradient(800px 400px at 90% 110%, #cfeeff 0%, transparent 60%),
    linear-gradient(180deg,#f8fcff 0%, #eaf6ff 100%);
  color:var(--blue-dark);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:24px;
  cursor:pointer;
  position:relative;
}
.pattern{
  position:absolute;inset:0;opacity:.06;pointer-events:none;
  background-image: radial-gradient(var(--blue) 2px, transparent 2px);
  background-size:32px 32px;
}
.card{
  position:relative;
  max-width:760px;width:100%;
  background:rgba(255,255,255,.9);
  backdrop-filter: blur(12px);
  border:1px solid #e3f0fb;
  border-radius:32px;
  padding:48px 36px;
  text-align:center;
  box-shadow:0 24px 64px rgba(0,80,150,.14), 0 2px 0 rgba(255,255,255,.8) inset;
}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--blue-light);color:#0a6fb5;
  font-weight:800;font-size:11px;letter-spacing:.12em;
  padding:9px 16px;border-radius:999px;margin-bottom:20px
}
.logo{
  width:96px;height:96px;margin:0 auto 20px;
  background:var(--blue);border-radius:50%;
  display:grid;place-items:center;
  box-shadow:0 12px 28px rgba(0,119,190,.35), 0 0 0 8px #e6f4ff;
}
.logo svg{width:56px;height:56px}
h1{font-size:clamp(24px,4vw,36px);line-height:1.15;margin-bottom:12px}
h1 span{color:var(--blue)}
.construction{
  font-size:clamp(48px,10vw,84px);
  font-weight:800;letter-spacing:-.05em;line-height:.9;
  margin:28px 0 18px;
  background: linear-gradient(180deg,#0b2d4a 20%, #0a6fb5 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.sub{color:#5b7e9e;font-size:clamp(15px,2vw,18px);line-height:1.6;max-width:520px;margin:0 auto 28px}
.email-box{
  display:inline-block;text-align:left;
  background:var(--blue-dark);color:white;
  border-radius:16px;padding:16px 20px;margin-bottom:24px;
}
.email-box small{display:block;opacity:.6;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.email-box a{color:#8fd1ff;font-weight:800;text-decoration:none;font-size:18px;word-break:break-all}
.cta{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--blue);color:white;
  padding:16px 26px;border-radius:999px;
  font-weight:800;font-size:15px;text-decoration:none;
  box-shadow:0 8px 20px rgba(0,119,190,.3);
  transition:.2s
}
.cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,119,190,.4)}
.hint{margin-top:20px;font-size:12px;color:#8aa6c0}
footer{margin-top:28px;font-size:12px;color:#8aa6c0}
.divider{height:1px;background:linear-gradient(90deg,transparent,#dbeaf7,transparent);margin:26px 0}
.icons{display:flex;justify-content:center;gap:18px;margin:14px 0;color:#8fb8d8;font-size:12px}