:root { color-scheme: dark; --bg:#05070d; --bg2:#00131f; --card:#0e1424; --line:#1b2a3f; --fg:#ffffff; --muted:#b9c4d6; --faint:#7d8aa3; --brand:#6dc3c9; --brand2:#48b9b7; --soft:#a8e6ea; --ink:#00131f; --pass:#5fd38d; --warn:#f5b942; --fail:#ff5662; --na:#7d8aa3; --font: Raleway, "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; background:linear-gradient(180deg, var(--bg2) 0, var(--bg) 420px) var(--bg) no-repeat; color:var(--fg); font:16px/1.6 var(--font); }
a { color:var(--brand); }
a:hover { color:var(--soft); }
.inner { max-width:1080px; margin:0 auto; padding:0 16px; }
.site-header { border-bottom:1px solid var(--line); background:rgba(14,20,36,.6); }
.site-header .inner { display:flex; align-items:center; gap:24px; min-height:68px; }
.site-header .logo { display:flex; align-items:center; }
.site-header .logo img { display:block; height:36px; width:auto; }
.site-header nav { display:flex; gap:20px; flex:1; justify-content:center; flex-wrap:wrap; }
.site-header nav a { color:var(--muted); text-decoration:none; font-size:14px; font-weight:500; }
.site-header nav a:hover { color:var(--fg); }
.cta { background:var(--brand); color:var(--ink); text-decoration:none; font-weight:600; font-size:14px; padding:9px 18px; border-radius:8px; white-space:nowrap; margin-left:auto; }
.cta:hover { background:var(--soft); color:var(--ink); }
@media (max-width: 900px) { .site-header nav { display:none; } }
main { max-width:760px; margin:0 auto; padding:40px 16px 72px; }
.eyebrow { color:var(--brand); font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin:0 0 8px; }
h1 { font-size:32px; line-height:1.2; margin:0 0 10px; }
h2 { margin:28px 0 4px; }
h3 { margin:28px 0 8px; font-size:17px; color:var(--brand); border-bottom:1px solid var(--line); padding-bottom:6px; }
.lead { color:var(--muted); margin:0 0 28px; }
button { background:var(--brand); color:var(--ink); border:0; border-radius:8px; padding:11px 20px; font:600 16px var(--font); cursor:pointer; }
button:hover { background:var(--soft); }
button:disabled { opacity:.6; cursor:default; }
.addr { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:8px 0; }
code { background:var(--card); border:1px solid var(--line); border-radius:8px; padding:10px 14px; font-size:17px; color:var(--soft); word-break:break-all; }
.muted { color:var(--muted); }
.fine { color:var(--faint); font-size:13px; margin-top:44px; }
.summary { display:flex; gap:8px; flex-wrap:wrap; margin:14px 0; }
.badge { display:inline-block; border-radius:12px; padding:2px 10px; font-size:13px; font-weight:600; border:1px solid currentColor; white-space:nowrap; }
.badge.pass { color:var(--pass); } .badge.warn { color:var(--warn); } .badge.fail { color:var(--fail); } .badge.na { color:var(--na); }
.check { display:flex; gap:12px; align-items:flex-start; padding:12px 0; border-bottom:1px solid var(--line); }
.check .badge { min-width:96px; text-align:center; margin-top:2px; }
.check .body { flex:1; min-width:0; overflow-wrap:anywhere; }
.check p { margin:2px 0; color:var(--muted); }
.check strong { color:var(--fg); }
.fix { color:var(--soft) !important; font-size:14px; }
#report button { margin-top:28px; }
.site-footer { border-top:1px solid var(--line); background:var(--bg); }
.site-footer .inner { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-top:24px; padding-bottom:24px; }
.site-footer p { margin:0; color:var(--faint); font-size:13px; }
.site-footer a { color:var(--muted); }