:root {
  --night: #0A153E;
  --night-2: #1A1936;
  --card: #2A2556;
  --cream: #F8F3E0;
  --muted: #D7D3C5;
  --blue: #2DA6E9;
  --orange: #F5A33A;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: radial-gradient(ellipse at top, #2E2F78 0%, var(--night) 55%, #070E2B 100%) fixed;
  color: var(--cream);
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
}
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
header { text-align: center; margin-bottom: 24px; }
header img { width: 112px; height: 112px; border-radius: 26px; box-shadow: 0 10px 30px rgba(0,0,0,.4); }
h1 { font-family: "Fredoka", "Poppins", sans-serif; font-size: 2.2rem; margin: 16px 0 4px; }
h2 { font-family: "Fredoka", "Poppins", sans-serif; color: var(--orange); margin-top: 32px; }
h3 { margin-bottom: 4px; }
p.lead { color: var(--muted); margin-top: 0; }
.card { background: rgba(42, 37, 86, .75); border-radius: 24px; padding: 20px 24px; margin: 20px 0; }
a { color: var(--blue); }
nav { text-align: center; margin: 8px 0 24px; }
nav a { margin: 0 10px; font-weight: 600; }
.button { display: inline-block; background: var(--blue); color: #fff; text-decoration: none; padding: 12px 24px; border-radius: 999px; font-weight: 600; }
.lang { color: var(--muted); font-size: .9rem; text-transform: uppercase; letter-spacing: .08em; }
footer { text-align: center; color: var(--muted); font-size: .85rem; margin-top: 40px; }