* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0; display: flex; flex-direction: column; min-height: 100%;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  background: linear-gradient(180deg, #0f1b3d 0%, #17264f 100%); color: #fff;
}
.holding { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 40px 20px; }
.mark { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 14px; background: #4f46e5; font-size: 28px; font-weight: 700; margin-bottom: 20px; }
h1 { font-size: clamp(30px, 6vw, 44px); margin: 0 0 8px; letter-spacing: -.02em; }
p { margin: 0; color: #b8c1dc; font-size: 18px; }
.legal { padding: 20px; text-align: center; color: #7f8bb0; font-size: 12px; line-height: 1.6; }