:root{--azul:#123f63;--dourado:#f2b84b;--fundo:#f5f8fb;--texto:#263746;--verde:#1d8b4c;--vermelho:#c63d3d}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--fundo);color:var(--texto);line-height:1.65}
.topbar{background:var(--azul);padding:16px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.logo{font-size:1.35rem;font-weight:800;color:#fff;text-decoration:none}.logo span{color:var(--dourado)}
nav a{color:#fff;text-decoration:none;margin:0 9px;font-weight:600}.hero{background:linear-gradient(135deg,#123f63,#245d86);color:#fff;padding:52px 5%}
.hero .wrap,.wrap{max-width:1050px;margin:auto}.badge{display:inline-block;background:var(--dourado);color:#17354b;padding:6px 12px;border-radius:99px;font-weight:700}
h1{font-size:clamp(2rem,5vw,3.2rem);margin:.4em 0}h2{color:var(--azul)}.content{background:#fff;margin:28px auto;padding:30px;border-radius:16px;box-shadow:0 6px 24px #123f6312}
.card{background:#fff;border-left:5px solid var(--dourado);padding:20px;border-radius:12px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.topic{display:block;background:#fff;padding:22px;border-radius:14px;text-decoration:none;color:var(--texto);box-shadow:0 4px 16px #123f6315;border-top:5px solid var(--dourado)}.topic strong{color:var(--azul);font-size:1.08rem}
.btn{display:inline-block;background:var(--dourado);color:#17354b;text-decoration:none;border:0;padding:12px 18px;border-radius:10px;font-weight:800;cursor:pointer;margin:5px}.btn.alt{background:var(--azul);color:#fff}
.navbuttons{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:30px}.q{padding:20px;background:#f8fafc;border:1px solid #dbe5ec;border-radius:12px;margin:18px 0}.option{display:block;width:100%;text-align:left;margin:8px 0;padding:11px;border:1px solid #ccd8e0;border-radius:9px;background:#fff;cursor:pointer}.option.correct{background:#dff5e8;border-color:var(--verde)}.option.wrong{background:#fde3e3;border-color:var(--vermelho)}
.feedback{font-weight:800;margin-top:8px}.footer{text-align:center;padding:30px;background:#e8eef3;margin-top:35px}.print{float:right}@media(max-width:650px){nav{width:100%}nav a{display:inline-block;margin:6px}.content{margin:16px;padding:20px}.print{float:none}}
@media print{.topbar,.navbuttons,.print,.btn{display:none!important}.content{box-shadow:none;margin:0}}