:root{--azul:#1f3a5f;--azul2:#2c5282;--ouro:#b8893b;--fundo:#f5f6f8;--texto:#1c2430;--cinza:#6b7380;--borda:#e1e4ea;--ok:#1f7a4d;--erro:#b3261e}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--fundo);color:var(--texto);line-height:1.55}
a{color:var(--azul2)}
.faixa-teste{background:#fff4d6;color:#7a5a12;font-size:.8rem;text-align:center;padding:.35rem 1rem;border-bottom:1px solid #f0dfac}
.topo{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;max-width:1000px;margin:0 auto}
.marca{font-weight:700;font-size:1.2rem;color:var(--azul);text-decoration:none;display:flex;align-items:center;gap:.5rem}
.logo{background:var(--azul);color:#fff;border-radius:8px;width:32px;height:32px;display:inline-grid;place-items:center}
nav a{margin-left:1.2rem;text-decoration:none;color:var(--cinza);font-weight:500}
nav a:hover{color:var(--azul)}
main{margin:1rem auto 3rem;padding:0 1rem}
.estreito{max-width:520px}.largo{max-width:860px}
.cartao{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:2rem;box-shadow:0 6px 24px rgba(20,30,50,.06);margin-bottom:1.25rem}
h1{font-size:1.6rem;margin:.2rem 0 .6rem;color:var(--azul)}
h2{font-size:1.15rem;margin:0 0 .6rem;color:var(--azul)}
.sub{color:var(--cinza);margin-top:0}
label{display:block;font-weight:600;font-size:.9rem;margin:.9rem 0 .3rem}
input[type=email],input[type=password],input[type=text],select{width:100%;padding:.75rem .85rem;border:1px solid var(--borda);border-radius:10px;font-size:1rem;margin-top:.3rem;background:#fff}
input:focus{outline:2px solid #c9d8ee;border-color:var(--azul2)}
input[readonly]{background:#f1f3f6;color:#444}
.btn{display:inline-block;border:0;border-radius:10px;padding:.8rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}
.primario{background:var(--azul);color:#fff;width:100%;margin-top:1.2rem}
.primario:hover{background:var(--azul2)}
.secundario{background:#eef2f8;color:var(--azul)}
.perigo{background:#fbeaea;color:var(--erro)}
.google{width:100%;background:#fff;border:1px solid var(--borda);color:#999;cursor:not-allowed}
.ou{text-align:center;color:var(--cinza);margin:1rem 0;font-size:.85rem}
.alerta{border-radius:10px;padding:.8rem 1rem;margin:.8rem 0}
.erro{background:#fbeaea;color:var(--erro)}
.sucesso{background:#e7f5ee;color:var(--ok)}
.info{background:#eef2f8;color:var(--azul)}
.preco{font-size:2rem;font-weight:700;color:var(--azul)}.preco small{font-size:1rem;color:var(--cinza)}
.codigo{display:flex;gap:.5rem;align-items:stretch;margin:.5rem 0}
.codigo input,.codigo code{flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem}
.codigo .btn{white-space:nowrap}
pre{background:#0f1b2d;color:#e6edf6;padding:1rem;border-radius:10px;overflow:auto;font-size:.82rem;white-space:pre-wrap;word-break:break-word}
.etapas{list-style:none;padding:0;margin:0;counter-reset:e}
.etapas>li{counter-increment:e;position:relative;padding-left:3rem;margin-bottom:1.6rem}
.etapas>li::before{content:counter(e);position:absolute;left:0;top:0;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font-weight:700}
.abas{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}
.abas button{border:1px solid var(--borda);background:#fff;border-radius:999px;padding:.45rem 1rem;cursor:pointer;font-weight:600;color:var(--cinza)}
.abas button.ativa{background:var(--azul);color:#fff;border-color:var(--azul)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:0}dt{color:var(--cinza)}dd{margin:0;font-weight:600}
.selo{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700}
.selo.ok{background:#e7f5ee;color:var(--ok)}.selo.nao{background:#f1f3f6;color:var(--cinza)}.selo.atencao{background:#fff4d6;color:#7a5a12}
.linha-botoes{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.rodape{text-align:center;color:var(--cinza);font-size:.8rem;padding:2rem}
.nota{font-size:.85rem;color:var(--cinza)}
.bloco{width:100%;margin-top:.6rem}