:root{color-scheme:light;--bg:#f6f7f9;--text:#172033;--muted:#5c667a;--line:#dfe3ea;--brand:#0f766e;--danger:#b42318;--warn:#b54708}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}.container{width:min(1080px,92vw);margin:0 auto;padding:40px 0}.hero{min-height:80vh;display:grid;align-items:center}h1{font-size:clamp(32px,5vw,54px);margin:0 0 12px}h2{font-size:22px;margin-top:32px}.audit-form{display:grid;gap:10px;max-width:520px;margin-top:28px}.audit-form input,textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:8px;font-size:16px}button,.button{display:inline-block;background:var(--brand);color:white;border:0;border-radius:8px;padding:12px 16px;font-weight:700;text-decoration:none;cursor:pointer}.scores{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}.scores div{background:white;border:1px solid var(--line);border-radius:8px;padding:18px;text-align:center}.scores strong{display:block;font-size:32px}.scores span{color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.issue{background:white;border-left:5px solid var(--line);padding:14px;margin:10px 0;border-radius:8px}.issue.critical{border-color:var(--danger)}.issue.medium{border-color:var(--warn)}.issue.low{border-color:var(--brand)}.clean{padding-left:20px}.alert{background:#fee4e2;color:#7a271a;padding:12px;border-radius:8px}.small{color:var(--muted)}code{background:#edf2f7;padding:2px 5px;border-radius:4px}.report{background:white;margin-top:24px;padding:32px;border-radius:8px}
@media(max-width:800px){.scores,.grid{grid-template-columns:1fr}.container{padding:24px 0}}
.progress-panel{width:min(760px,100%)}.progress-track{height:18px;background:#dfe3ea;border-radius:999px;overflow:hidden;margin:22px 0 8px}.progress-bar{height:100%;background:repeating-linear-gradient(45deg,var(--brand),var(--brand) 12px,#159083 12px,#159083 24px);border-radius:999px;transition:width .35s ease;animation:scanmove 1.2s linear infinite}.progress-meta{display:flex;justify-content:space-between;color:var(--muted)}.step{font-size:18px;background:white;border:1px solid var(--line);border-radius:8px;padding:14px}.live-row{display:flex;gap:10px;align-items:center;color:var(--muted);margin:14px 0}.pulse{width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 rgba(15,118,110,.6);animation:pulse 1.4s infinite}.event-list{list-style:none;padding:0;margin:10px 0;background:white;border:1px solid var(--line);border-radius:8px;max-height:240px;overflow:auto}.event-list li{padding:10px 12px;border-bottom:1px solid var(--line)}.event-list li:last-child{border-bottom:0}.event-list span{display:inline-block;min-width:82px;color:var(--muted)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(15,118,110,.55)}70%{box-shadow:0 0 0 10px rgba(15,118,110,0)}100%{box-shadow:0 0 0 0 rgba(15,118,110,0)}}@keyframes scanmove{from{background-position:0 0}to{background-position:34px 0}}