:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #1A1A2E radial-gradient(ellipse at 50% 30%, rgba(108, 60, 225, 0.28), transparent 60%);
  color: #FFFFFF;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-align: center;
}
main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 16px;
}
.logo { width: min(260px, 70vw); height: auto; margin-bottom: 40px; }
h1 { margin: 0 0 12px; font-size: clamp(28px, 7vw, 44px); font-weight: 800; letter-spacing: -0.5px; }
.en { margin: 0; font-size: clamp(18px, 4.5vw, 22px); color: #B9B4D6; }
footer { padding: 24px 16px 32px; font-size: 15px; color: #8E89AE; }
footer a { color: #B9B4D6; text-decoration: underline; text-underline-offset: 3px; }
footer a:hover, footer a:focus-visible { color: #FF8FB8; }
footer span { margin: 0 8px; }