:root {
  color-scheme: dark;
  --ink: #f5f7fb;
  --muted: #aab5c7;
  --accent: #f2b84b;
  --panel: rgba(16, 28, 48, .82);
  --line: rgba(255,255,255,.12);
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: radial-gradient(circle at 50% -10%, #254d72 0, #0e1b2c 42%, #08101d 100%);
}
.page-shell { min-height: 100vh; display: grid; place-items: center; padding: 32px 20px 24px; }
.hero {
  width: min(720px, 100%); padding: clamp(34px, 8vw, 80px) clamp(24px, 8vw, 80px);
  text-align: center; background: var(--panel); border: 1px solid var(--line); border-radius: 28px;
  box-shadow: 0 24px 80px rgba(0,0,0,.28); backdrop-filter: blur(14px);
}
.logo-wrap { min-height: 116px; display: grid; place-items: center; margin-bottom: 26px; }
.logo-wrap img { display: block; max-width: min(330px, 78%); max-height: 150px; object-fit: contain; border-radius: 12px; }
.eyebrow { margin: 0 0 16px; color: var(--accent); font-size: .8rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(2.5rem, 8vw, 5.5rem); line-height: .98; letter-spacing: -.06em; }
.intro { max-width: 500px; margin: 28px auto 30px; color: var(--muted); font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.7; }
.email-link { color: var(--ink); font-weight: 700; text-decoration: none; border-bottom: 2px solid var(--accent); padding-bottom: 5px; }
.email-link:hover, .email-link:focus-visible { color: var(--accent); }
footer { position: fixed; bottom: 22px; color: var(--muted); font-size: .8rem; }
@media (max-width: 520px) { .hero { border-radius: 20px; } footer { position: static; margin-top: 22px; } }