*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#111827;background:#f3f4f6;line-height:1.65}
header.top{background:#111827;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:800;font-size:18px;margin-right:auto}.brand img{width:36px;height:36px;border-radius:9px}
nav.site-nav{display:flex;gap:4px}nav.site-nav a{color:#e5e7eb;text-decoration:none;padding:8px 11px;border-radius:6px;font-size:14px}nav.site-nav a:hover,nav.site-nav a:focus{background:#374151;color:#fff}
main{max-width:860px;margin:28px auto;padding:0 16px}.card{background:#fff;padding:28px;border-radius:12px;box-shadow:0 5px 25px #00000012}
h1{margin-top:0;font-size:clamp(26px,5vw,40px);line-height:1.15}h2{color:#1f4e79;margin:28px 0 6px;font-size:1.3em}a{color:#1d4ed8}
.btn{display:inline-block;background:#2563eb;color:#fff!important;text-decoration:none;padding:11px 18px;border:0;border-radius:8px;font:700 16px system-ui,sans-serif;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}.box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px;word-break:break-word}.box b{display:block;color:#1f4e79}
form{display:grid;gap:12px}label{font-weight:600}input,textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font:inherit;font-size:16px}textarea{min-height:130px}
footer.sf{text-align:center;padding:22px 14px;color:#6b7280;font-size:13px}footer.sf p{margin:4px 0}
@media(max-width:600px){.card{padding:20px 16px}nav.site-nav{order:3;width:100%;overflow-x:auto}nav.site-nav a{white-space:nowrap;font-size:13px}}