*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0d1117;color:#e6edf3}
main{max-width:920px;margin:0 auto;padding:24px}a{color:#7cc4ff}.muted{color:#8b949e}.logo{font-weight:900;font-size:24px;letter-spacing:2px;color:#ffb000;text-decoration:none;margin-right:12px}
header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px}h1{font-size:34px;margin:0 0 4px}h2{font-size:20px;margin:0 0 12px}
section{background:#161b22;border:1px solid #30363d;border-radius:14px;padding:22px;margin-bottom:18px}
.hero{display:flex;justify-content:space-between;gap:20px;align-items:center}.big{text-align:center}.big .pill{font-size:44px;padding:14px 22px}
small{display:block;color:#8b949e;font-size:12px;margin-top:4px}.pill{display:inline-block;border-radius:10px;padding:4px 12px;font-weight:800;font-size:22px}
.pill.g{background:#1f6f43}.pill.y{background:#8a6d00}.pill.r{background:#8e1f1f}b.g{color:#3fb950}b.r{color:#f85149}
.changes{padding-left:22px}.changes li{margin-bottom:14px}.changes h3{margin:0;font-size:17px;color:#ffb000}.changes p{margin:4px 0 0}
.grid{display:grid;grid-template-columns:1fr;gap:22px}.scores{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px;text-align:center}
table{width:100%;border-collapse:collapse;font-size:14px}td{border-top:1px solid #30363d;padding:7px 4px;vertical-align:top}td:first-child{color:#8b949e;width:42%}
.cta{text-align:center;background:linear-gradient(135deg,#2a1f00,#161b22)}.btn{display:inline-block;background:#ffb000;color:#111;font-weight:800;padding:14px 26px;border-radius:10px;text-decoration:none;border:0;font-size:16px;cursor:pointer}
form label{display:block;margin:10px 0 4px;font-size:14px;color:#c9d1d9}input{width:100%;padding:12px;border-radius:8px;border:1px solid #30363d;background:#0d1117;color:#e6edf3;font-size:16px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hp{position:absolute;left:-9999px}#status{margin-top:14px}.err{color:#f85149}
.spin{display:inline-block;width:18px;height:18px;border:3px solid #444;border-top-color:#ffb000;border-radius:50%;animation:s 1s linear infinite;vertical-align:middle;margin-right:8px}@keyframes s{to{transform:rotate(360deg)}}
@media(max-width:640px){.hero{flex-direction:column}.row{grid-template-columns:1fr}h1{font-size:26px}}