:root{--bg:#07111f;--card:#ffffff;--txt:#111827;--muted:#5b6472;--brand:#0ea5e9;--brand2:#22c55e;--danger:#ef4444;--warn:#f59e0b;--ok:#16a34a;--soft:#eef7ff;--line:#dbe3ef}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;color:var(--txt)}.wrap{width:min(1120px,92%);margin:auto}.topo{background:#061426;color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 6px 20px rgba(0,0,0,.18)}.nav{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.marca{display:flex;align-items:center;gap:12px}.marca strong{display:block;font-size:18px}.marca small{color:#b7c6d8}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));font-weight:900}.hero{background:radial-gradient(circle at top right,#1451a3,transparent 30%),linear-gradient(135deg,#07111f,#0d2442);color:#fff;padding:70px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.selo{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:9px 12px;border-radius:999px;color:#d8ecff}.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.02;margin:18px 0}.lead{font-size:20px;line-height:1.55;color:#d7e5f7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;background:linear-gradient(135deg,var(--brand),#2563eb);color:#fff;padding:14px 20px;border-radius:14px;text-decoration:none;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(14,165,233,.26)}.btn:hover{transform:translateY(-1px)}.btn.ghost{background:#fff;color:#0b2545;box-shadow:none;border:1px solid #d9e6f5}.hero .btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25)}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 12px 30px rgba(10,31,68,.08)}.score-demo{color:#111}.score-demo span{font-weight:800;color:#345}.circle{width:160px;height:160px;border-radius:50%;margin:20px auto;display:grid;place-items:center;background:conic-gradient(var(--brand2) 82%,#e5e7eb 0);position:relative}.circle:before{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}.circle b,.circle small{position:relative}.circle b{font-size:52px}.circle small{margin-top:55px;margin-left:-50px;color:#667}.score-demo li{margin:10px 0}.avaliador{margin-top:-34px;position:relative}.avaliador h2,.alerta h2{margin-top:0;font-size:30px}.form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-top:18px}.form input{padding:15px;border:1px solid #ccd6e3;border-radius:14px;font-size:15px}.status{padding:14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;margin-top:18px;font-weight:800}.resultado{margin-top:24px}.res-head{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center}.nota{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:#eef7ff;border:10px solid var(--brand);font-weight:900;font-size:42px}.grid-rel{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.item{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fbfdff}.item h4{margin:0 0 8px}.bar{height:10px;background:#e5e7eb;border-radius:20px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2))}.problemas,.recs{margin-top:18px}.problemas li,.recs li{margin:8px 0}.tag{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.tag.ok{background:#dcfce7;color:#166534}.tag.warn{background:#fef3c7;color:#92400e}.tag.bad{background:#fee2e2;color:#991b1b}.blocos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.blocos h3{margin-top:0}.alerta{margin-top:34px;margin-bottom:34px;background:#fffdf5}footer{background:#061426;color:#b7c6d8;padding:28px 0;margin-top:40px}@media(max-width:900px){.hero-grid,.res-head{grid-template-columns:1fr}.form{grid-template-columns:1fr}.blocos,.grid-rel{grid-template-columns:1fr}.circle,.nota{margin:auto}}