@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-wght-normal.woff2) format('woff2');}
@font-face{font-family:'Outfit';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/outfit-latin-wght-normal.woff2) format('woff2');}

:root{--navy:#0A1628;--navy2:#13223D;--fundo:#060F20;--azul:#1A5FD4;--azul-esc:#0F3D8C;--amarelo:#F5C518;--off:#F7F8FC;--borda:#E2E6F0;--muted:#5A6A85;--texto:#3D4E68;}
*{box-sizing:border-box;}
body{margin:0;font-family:'Inter',system-ui,sans-serif;color:var(--navy);background:var(--off);-webkit-font-smoothing:antialiased;}
a{color:var(--azul-esc);}a:hover{color:var(--azul);}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--amarelo);outline-offset:3px;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.faixa{max-width:1200px;margin:0 auto;}

.topo{background:var(--navy);padding:0 2rem;}
.topo .faixa{height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;}
.marca-nome{font-family:'Outfit',sans-serif;font-weight:800;font-size:19px;letter-spacing:-.8px;color:#fff;}
.marca-sub{font-size:13px;color:rgba(255,255,255,.72);border-left:1px solid rgba(255,255,255,.2);padding-left:10px;}
.topo-link{font-size:13px;color:rgba(255,255,255,.8);text-decoration:none;}
.topo-link:hover{color:#fff;}

.hero{background:var(--navy);padding:1.5rem 2rem 3.5rem;color:#fff;}
.hero-pilha{display:flex;flex-direction:column;gap:1.5rem;}
.hero-titulo{margin:1.5rem 0 0;font-family:'Outfit',sans-serif;font-weight:800;font-size:clamp(30px,4.4vw,52px);letter-spacing:-1.5px;line-height:1.08;max-width:18ch;}
.hero-texto{margin:0;font-size:17px;line-height:1.7;color:rgba(255,255,255,.78);max-width:60ch;}
.hero-nota{margin:0;font-size:13.5px;color:rgba(255,255,255,.7);}

.busca{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;}
.busca-campo{flex:1 1 360px;display:flex;flex-direction:column;gap:6px;}
.busca-campo label{font-size:13px;font-weight:600;color:rgba(255,255,255,.85);}
.busca-campo input{height:50px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:var(--navy2);color:#fff;padding:0 16px;font-size:16px;font-family:inherit;}
.busca-campo input::placeholder{color:rgba(255,255,255,.45);}
.btn-amarelo{height:50px;padding:0 24px;border:0;border-radius:10px;background:var(--amarelo);color:var(--navy);font-family:'Outfit',sans-serif;font-weight:700;font-size:15.5px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.btn-amarelo:hover{background:#FFD43B;color:var(--navy);}
.btn-amarelo[disabled]{opacity:.7;cursor:wait;}
.btn-bloco{width:100%;}
.erro{margin:0;background:#FDE7E4;color:#7A1508;border-radius:10px;padding:.9rem 1.1rem;font-size:14.5px;line-height:1.6;max-width:760px;}

.resultado{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;align-items:center;margin-top:.5rem;}
.resultado-nota{display:flex;flex-direction:column;gap:14px;}
.meta{font-size:13px;color:rgba(255,255,255,.72);}
.nota-linha{display:flex;align-items:flex-end;gap:14px;}
.nota-grande{font-family:'Outfit',sans-serif;font-weight:900;font-size:clamp(88px,10vw,128px);line-height:.85;letter-spacing:-5px;color:var(--amarelo);}
.nota-de{font-family:'Outfit',sans-serif;font-weight:600;font-size:22px;color:rgba(255,255,255,.6);padding-bottom:8px;}
.veredito{margin:0;font-family:'Outfit',sans-serif;font-weight:700;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.6px;line-height:1.22;}
.resumo{margin:0;font-size:15px;line-height:1.7;color:rgba(255,255,255,.78);max-width:52ch;}

.areas{background:var(--navy2);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.6rem 1.8rem;display:flex;flex-direction:column;gap:14px;}
.areas-titulo{margin:0;font-family:'Outfit',sans-serif;font-weight:700;font-size:16px;}
.area{display:grid;grid-template-columns:110px minmax(0,1fr) 40px;align-items:center;gap:14px;}
.area-nome{font-size:14px;color:rgba(255,255,255,.88);}
.area-nota{font-family:'Outfit',sans-serif;font-weight:700;font-size:15px;text-align:right;}
.barra{height:10px;border-radius:5px;background:rgba(255,255,255,.1);overflow:hidden;display:block;}
.barra-cheia{display:block;height:10px;border-radius:5px;}
.c-alto{background:#4C8DF6;}.c-medio{background:var(--amarelo);}.c-baixo{background:#F08A4B;}
.w-0{width:0}.w-5{width:5%}.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-65{width:65%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-85{width:85%}.w-90{width:90%}.w-95{width:95%}.w-100{width:100%}

.corpo{padding:3rem 2rem 4rem;}
.colunas{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start;}
.principal{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:2.5rem;}
.lateral{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:1rem;}
.bloco{display:flex;flex-direction:column;gap:14px;}
.bloco.largo{flex:1 1 100%;}
.secao-titulo{margin:0;font-family:'Outfit',sans-serif;font-weight:800;font-size:26px;letter-spacing:-.6px;}
.secao-sub{margin:0;font-size:15px;color:var(--muted);}

.problema{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:1.3rem 1.4rem;display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;}
.problema-num{width:40px;height:40px;border-radius:10px;font-family:'Outfit',sans-serif;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;}
.problema-corpo{display:flex;flex-direction:column;gap:8px;}
.problema-corpo p{margin:0;font-size:14.5px;line-height:1.7;color:var(--texto);}
.problema-corpo strong{color:var(--navy);}
.problema-titulo{margin:0;font-family:'Outfit',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.3px;}
.etiquetas{display:flex;flex-wrap:wrap;gap:8px;}
.etiqueta{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;}
.etiqueta.neutra{font-weight:600;color:var(--texto);background:#EEF1F8;}
.p-alta{background:#FDE7E4;color:#9F1D10;}
.p-media{background:#FEF0D7;color:#8A4A00;}

.mais{display:flex;flex-direction:column;}
.mais summary{cursor:pointer;list-style:none;background:#fff;border:1px dashed #C9D1E2;border-radius:12px;padding:.95rem 1.1rem;font-family:'Outfit',sans-serif;font-weight:700;font-size:15px;color:var(--azul-esc);}
.mais summary::-webkit-details-marker{display:none;}
.mais summary::after{content:' +';}
.mais[open] summary::after{content:' \2212';}
.mais summary:focus-visible{outline:2px solid var(--azul);outline-offset:2px;}
.mais-lista{display:flex;flex-direction:column;gap:14px;margin-top:14px;}
.acertos{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;}
.acertos li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:.9rem 1rem;font-size:14px;line-height:1.5;color:var(--texto);}
.acertos svg{flex-shrink:0;margin-top:1px;}

.o-que{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;}
.o-que li{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:1rem 1.1rem;font-size:14.5px;line-height:1.6;color:var(--texto);}
.o-que strong{color:var(--navy);font-family:'Outfit',sans-serif;}

.cartao{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:1.4rem;display:flex;flex-direction:column;gap:10px;}
.cartao h2{margin:0;font-family:'Outfit',sans-serif;font-weight:700;font-size:17px;}
.cartao p{margin:0;font-size:14px;line-height:1.65;color:var(--texto);}
.cartao.escuro{background:var(--navy);border:0;padding:1.6rem;gap:12px;}
.cartao.escuro h2{color:#fff;font-weight:800;font-size:22px;letter-spacing:-.5px;line-height:1.25;}
.cartao.escuro p{color:rgba(255,255,255,.8);font-size:14.5px;line-height:1.7;}
.cartao-nota{font-size:12.5px;color:rgba(255,255,255,.65);}

.carregando{position:fixed;inset:0;background:rgba(6,15,32,.82);display:flex;align-items:center;justify-content:center;z-index:50;padding:1.5rem;}
.carregando[hidden]{display:none;}
.carregando-caixa{background:#fff;border-radius:16px;padding:1.6rem 1.8rem;display:flex;gap:16px;align-items:center;max-width:380px;}
.carregando-caixa p{margin:0;font-size:14.5px;line-height:1.6;color:var(--texto);}
.carregando-caixa strong{color:var(--navy);font-family:'Outfit',sans-serif;font-size:16px;}
.girando{width:34px;height:34px;border-radius:50%;border:4px solid #E2E6F0;border-top-color:var(--azul);flex-shrink:0;animation:gira 1s linear infinite;}
@keyframes gira{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.girando{animation-duration:3s;}}

.rodape{background:var(--fundo);padding:1.5rem 2rem;}
.rodape-linha{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12.5px;color:rgba(255,255,255,.7);}
.rodape-links{display:flex;gap:1.2rem;}
.rodape a{color:rgba(255,255,255,.85);}

@media (max-width:600px){
  .topo,.hero,.corpo,.rodape{padding-left:1.1rem;padding-right:1.1rem;}
  .marca-sub{display:none;}
  .busca .btn-amarelo{width:100%;}
  .resultado{gap:1.8rem;}
  .areas{padding:1.2rem;}
  .area{grid-template-columns:96px minmax(0,1fr) 32px;gap:10px;}
  .problema{grid-template-columns:1fr;padding:1.1rem;}
  .problema-num{width:32px;height:32px;font-size:15px;}
  .secao-titulo{font-size:22px;}
}