:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #172235;
  background: #f7f8fb;
  font-synthesis: none;
}

* { box-sizing: border-box; }

body { margin: 0; min-height: 100vh; }

.page {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: radial-gradient(circle at 50% 20%, #e9edfb 0, #f7f8fb 55%);
}

.panel {
  width: min(100%, 680px);
  padding: clamp(40px, 8vw, 76px) clamp(24px, 7vw, 68px);
  text-align: center;
  background: #fff;
  border: 1px solid #e7eaf0;
  border-radius: 24px;
  box-shadow: 0 22px 70px rgba(34, 50, 80, .08);
}

.mark { font-size: 42px; line-height: 1; color: #5369ad; margin-bottom: 24px; }
.eyebrow { color: #5369ad; font-size: 12px; font-weight: 750; letter-spacing: .19em; margin: 0 0 18px; }
h1 { margin: 0; font-size: clamp(30px, 5vw, 44px); letter-spacing: -.035em; line-height: 1.18; }
.description { color: #626d7d; font-size: clamp(15px, 2.5vw, 17px); line-height: 1.8; margin: 24px 0 0; }
.rule { width: 48px; height: 2px; background: #d6ddeb; margin: 32px auto 22px; }
.footer { color: #8892a0; font-size: 13px; margin: 0; }
@media (max-width: 560px) { .desktop-break { display: none; } .panel { border-radius: 18px; } }