:root { --fundo:#15101c; --cartao:#221a2c; --cartao2:#2d2338; --linha:#3a2f46; --texto:#f3eaf7; --suave:#a99cb3; --rosa:#ff5c8a; --verde:#6fd3b6; --laranja:#ffa45c; --vermelho:#ff6b6b; color-scheme: dark; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 16px/1.55 "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: var(--rosa); }
.pagina { max-width: 960px; margin: 0 auto; padding: 28px max(18px, env(safe-area-inset-left)) 56px; }
.logo { font: 700 30px/1 Georgia, "Times New Roman", serif; letter-spacing: -.5px; color: var(--texto); text-decoration: none; }
.logo span { color: var(--rosa); }
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; line-height: 1.15; text-wrap: balance; }
.selo { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .5px; padding: 3px 10px; border-radius: 10px; background: var(--rosa); color: var(--fundo); }
.cartao { background: var(--cartao); border: 1px solid var(--linha); border-radius: 18px; padding: 18px; }
.botao { display: inline-block; background: var(--rosa); color: var(--fundo); font-weight: 700; text-decoration: none; border: 0; border-radius: 28px; padding: 14px 26px; font-size: 16px; cursor: pointer; }
.botao.sec { background: transparent; color: var(--texto); border: 1px solid var(--linha); }
.botao:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--rosa); outline-offset: 2px; }
.suave { color: var(--suave); }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--linha); color: var(--suave); font-size: 14px; }