.bar{background:#0f172a;color:#fff;text-align:center;font-size:14px;padding:8px 12px}.bar b{color:#fde047}
.w{max-width:820px;margin:0 auto;padding:0 18px}
header.hdr{display:flex;justify-content:space-between;align-items:center;padding:14px 0;max-width:none;margin:0}.logo{font-weight:800;font-size:20px;text-decoration:none;color:#0f172a}.logo span{color:#c026d3}
.hdr nav a{margin-left:16px;font-size:14px;text-decoration:none;color:#475569}.hdr nav a.btn{color:#fff;margin:0 0 0 16px}.btn.sm{padding:8px 14px;font-size:14px}
footer.ftr{max-width:none;padding:28px 0 40px;font-size:13px;color:#475569;border-top:1px solid #e2e8f0;margin-top:40px}
@media(max-width:820px){.hdr nav a:not(.btn){display:none}}