*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#0b0f14;color:#c8cdd3;min-height:100vh;display:flex;flex-direction:column}
.container{max-width:640px;margin:0 auto;padding:24px 20px}
header{background:#161b22;border-bottom:1px solid #21262d;padding:12px 0}
header .container{display:flex;align-items:center;gap:10px}
header .brand{font-weight:600;color:#e6edf3}
main{flex:1;display:flex;align-items:center;justify-content:center}
.hero{text-align:center;padding:60px 20px}
h1{font-size:1.4rem;color:#e6edf3;margin-bottom:16px;font-weight:600}
p{line-height:1.6;margin-bottom:12px}
a{color:#58a6ff;text-decoration:none}
a:hover{text-decoration:underline}
.badge{display:inline-block;background:#1c6e3a;color:#3ddc97;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;margin-bottom:16px}
footer{background:#161b22;border-top:1px solid #21262d;padding:16px 0;font-size:.85rem;color:#8b949e;text-align:center}
.test-results{text-align:left;margin:32px auto;max-width:480px;font-size:.85rem;background:#161b22;border:1px solid #21262d;border-radius:8px;padding:16px 20px}
.test-results h2{font-size:.95rem;color:#e6edf3;margin-bottom:12px}
.test-results dt{color:#8b949e;margin-top:8px}
.test-results dd{color:#3ddc97;font-family:monospace;word-break:break-all}
.test-results dd.warn{color:#d29922}
.test-results dd.fail{color:#f85149}