:root { --roxo: #211638; --lima: #D5FA62; --creme: #FFF9EE; --roxo-2: #2d2049; }
* { box-sizing: border-box; }
html { background: var(--roxo); }
body {
  margin: 0; background: var(--roxo); color: var(--creme);
  font-family: "Nunito Sans", system-ui, sans-serif; font-size: 17px; line-height: 1.6;
}
main { max-width: 760px; margin: 0 auto; padding: 48px 20px 64px; }
h1, h2, h3 { font-family: "Fredoka", "Nunito Sans", sans-serif; font-weight: 700; line-height: 1.2; }
h1 { font-size: 2rem; margin: 0 0 8px; }
h2 { font-size: 1.35rem; margin: 36px 0 8px; color: var(--lima); }
h3 { font-size: 1.1rem; margin: 24px 0 4px; }
a { color: var(--lima); }
.logo { width: min(420px, 100%); height: auto; display: block; margin: 0 0 28px; }
.lead { font-size: 1.2rem; }
.lead strong { color: var(--lima); }
.card { background: var(--roxo-2); border-radius: 18px; padding: 20px 22px; margin: 20px 0; }
.card ul { margin: 6px 0 0; padding-left: 20px; }
.muted { opacity: 0.75; font-size: 0.95rem; }
nav { display: flex; gap: 18px; flex-wrap: wrap; margin: 0 0 32px; font-weight: 600; }
footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid rgba(255,249,238,0.15); font-size: 0.9rem; opacity: 0.8; }
.lang { margin-top: 48px; padding-top: 8px; border-top: 1px dashed rgba(255,249,238,0.2); }