:root{
  --bg:#0b0f12;
  --panel:#12181f;
  --card:#141c24;
  --muted:#9aa7b4;
  --text:#e6edf3;
  --accent:#32d583; /* green */
  --accent-2:#22c16b;
  --danger:#ff6575;
  --warn:#f2c94c;
  --ok:#45e08f;
  --border: #1f2a36;
  --focus: #8bdaae;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 600px at 30% -10%, #12202a 0%, var(--bg) 45%), var(--bg);color:var(--text);font:16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}

.container{max-width:980px;margin:0 auto;padding:24px}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,0));backdrop-filter:saturate(120%) blur(6px);position:sticky;top:0;z-index:10}
.brand{display:flex;gap:12px;align-items:center}
.brand-text{display:flex;flex-direction:column}
.muted{color:var(--muted)}
.small{font-size:.9rem}

.btn{appearance:none;border:1px solid var(--border);background:var(--card);color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;transition:.2s;box-shadow:none}
.btn:hover{border-color:#2b3a48}
.btn.primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#0e1813;font-weight:700;border-color:transparent}
.btn.ghost{background:transparent}
.btn.small{padding:6px 10px;border-radius:8px}

.card{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.0));border:1px solid var(--border);border-radius:14px;padding:18px;margin:18px 0;box-shadow:var(--shadow)}
.h{margin:0 0 12px 0;font-size:1.1rem}
.stack{display:flex;flex-direction:column;gap:14px}
.field{display:flex;flex-direction:column;gap:8px}
label{font-weight:600}
input[type=text]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text)}
input[type=text]:focus{outline:2px solid var(--focus);outline-offset:1px}
.form-row{display:flex;gap:12px;flex-wrap:wrap}

.alert{border-radius:12px;padding:12px 14px;margin:12px 0;border:1px solid var(--border)}
.alert.ok{border-color:#1e3d2c;background:rgba(50,213,131,.08)}
.alert.warn{border-color:#3a3421;background:rgba(242,201,76,.08)}
.alert.danger{border-color:#40242b;background:rgba(255,101,117,.08)}

.results .result-header{display:flex;flex-direction:column;gap:10px}
.summary{display:flex;justify-content:space-between;align-items:center;gap:16px}
.indicator .label,.overall .label{display:block;color:var(--muted);font-size:.9rem}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.badge.clean{background:rgba(69,224,143,.1);color:var(--ok);border-color:rgba(69,224,143,.3)}
.badge.suspicious{background:rgba(242,201,76,.12);color:var(--warn);border-color:rgba(242,201,76,.35)}
.badge.malicious{background:rgba(255,101,117,.12);color:var(--danger);border-color:rgba(255,101,117,.35)}
.chip{margin-left:8px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:.8rem}

.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:12px}
.card.provider{padding:0;overflow:hidden}
.provider-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,0))}
.provider-name{font-weight:700}
.provider-body{padding:14px 16px}
.score-row{display:flex;align-items:center;gap:12px}
.score-value{font-feature-settings:'tnum' 1; font-variant-numeric: tabular-nums; min-width:70px}
.bar{flex:1;height:8px;background:#0f151b;border-radius:999px;overflow:hidden;border:1px solid var(--border)}
.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.status{margin-top:8px;color:var(--muted)}
.status.ok{color:var(--ok)}
.status.warn{color:var(--warn)}
.status.danger{color:var(--danger)}

pre.code{max-height:220px;overflow:auto;background:#0f151b;border:1px solid var(--border);border-radius:10px;padding:10px;white-space:pre-wrap;word-break:break-word}

.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.history .item{display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--panel);padding:10px 12px;border-radius:10px;border:1px solid var(--border)}
.history .ind{font-weight:600}
.history .type{min-width:60px;text-align:center}

.footer{padding:22px 0}

@media (max-width:640px){
  .site-header{padding:12px}
  .container{padding:16px}
  .summary{flex-direction:column;align-items:flex-start}
}