:root{color-scheme:dark;--bg:#0b1020;--card:#131b31;--line:#2a385a;--text:#edf3ff;--muted:#9caecc;--accent:#69e6b8;--warn:#ffd166;--bad:#ff7d8d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#172747 0,transparent 38%),var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif}main{width:min(920px,calc(100% - 32px));margin:auto;padding:56px 0}h1{font-size:clamp(2.4rem,7vw,4.8rem);line-height:1;margin:.25rem 0 1rem;letter-spacing:-.05em}h2,h3{line-height:1.2}.lead{font-size:1.2rem;color:var(--muted);max-width:680px}.eyebrow,.badge{color:var(--accent);font-weight:750;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.card{margin:24px 0;padding:clamp(20px,4vw,34px);background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px #0004}.drop{display:grid;gap:6px;padding:30px;border:1px dashed #58709c;border-radius:14px;background:#0d1528;cursor:pointer}.drop span,.note{color:var(--muted);font-size:.92rem}.drop input{margin-top:12px}.actions,.result-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:18px}button,.cta a{border:0;border-radius:10px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer}.secondary,.cta a{background:var(--accent);color:#07130f}.quiet{background:transparent;color:var(--muted);border:1px solid var(--line)}.metrics,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:22px 0}.metric,.grid article{padding:16px;border:1px solid var(--line);border-radius:12px;background:#0d1528}.metric strong{display:block;font-size:1.6rem}.metric span,.grid p{color:var(--muted)}.findings{padding:0;list-style:none}.findings li{margin:9px 0;padding:12px 14px;border-left:4px solid var(--warn);background:#0d1528}.findings li.error{border-color:var(--bad)}.findings li.ok{border-color:var(--accent)}.cta{margin-top:28px;padding:22px;border-radius:14px;background:#1b2943}.cta a{display:inline-block;text-decoration:none}.hidden{display:none}footer{color:var(--muted);text-align:center;margin-top:38px}a{color:var(--accent)}@media(max-width:520px){main{padding-top:30px}.result-head{align-items:flex-start;flex-direction:column}}
