*{box-sizing:border-box}
:root{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#e9f2ff;
  background:#07111f
}
body{margin:0;min-height:100vh;background:linear-gradient(160deg,#07111f,#0b1a2c)}
.shell{width:min(1080px,92vw);margin:0 auto;padding:38px 0 80px}
.topo{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px}
.marca{font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0;color:#59d9ff}
h1{font-size:clamp(1.8rem,5vw,3rem);margin:.3rem 0}
h2{margin-top:0}
.sub{color:#9eb2c9}
.status{padding:9px 13px;border:1px solid #27445f;border-radius:999px;color:#a9c9e4;white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}
.card{background:rgba(11,28,47,.86);border:1px solid #213d59;border-radius:18px;padding:22px;box-shadow:0 16px 50px rgba(0,0,0,.18)}
.label{display:block;color:#7f9db9;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
strong{word-break:break-word}
button{border:0;border-radius:12px;background:#49cdef;color:#04111d;font-weight:800;padding:13px 18px;font-size:1rem;cursor:pointer}
.areas{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.areas span{border:1px solid #2e5876;border-radius:999px;padding:8px 11px;color:#b9d5e9}
pre{white-space:pre-wrap;word-break:break-word;color:#9ec7df;font-size:.78rem}
.erro{border-color:#733d4b}
.tecnico{margin-top:14px}
@media(max-width:760px){
  .grid{grid-template-columns:1fr 1fr}
  .topo{display:block}
  .status{display:inline-block;margin-top:8px}
}
@media(max-width:430px){
  .grid{grid-template-columns:1fr}
}