body { margin: 0; font: 500 17px/1.7 Nunito, system-ui, sans-serif; color: #2B3650; background: #FFF9EC }
main { max-width: 760px; margin: 0 auto; padding: 32px 20px 80px }
header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px }
header img { height: 38px } header a { font-weight: 800; color: #23324D }
article { background: #fff; border-radius: 22px; padding: 36px 40px; box-shadow: 0 10px 30px rgba(35,50,77,.08) }
h1 { font: 700 34px/1.15 Fredoka, sans-serif; color: #23324D; margin: 0 0 6px }
h2 { font: 600 21px Fredoka, sans-serif; color: #23324D; margin: 30px 0 8px }
.atual { color: #5A6680; font-size: 14px; margin-bottom: 18px }
.aviso { background: #FFF4CC; border-radius: 12px; padding: 12px 16px; font-size: 14px }
@media (max-width: 560px) { article { padding: 24px 18px } h1 { font-size: 28px } }