
.search{position:relative;max-width:720px;margin-top:34px}
.search input{width:100%;height:64px;padding:0 24px 0 58px;border-radius:40px;border:1.5px solid #ffffff44;background:#ffffffef;color:var(--ink);font:400 18px var(--u)}
.search svg{position:absolute;left:22px;top:21px;width:22px;height:22px;color:var(--ink-2)}
.popular{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:14px;color:#a9bddf;align-items:center}
.popular button{border:1.5px solid #ffffff33;background:#ffffff0f;color:#fff;border-radius:30px;padding:6px 14px;font:500 14px var(--u);cursor:pointer}
.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.topics button{text-align:left;cursor:pointer;font:inherit}
.topics .tile[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 4px #2563eb22}
.topics .n{font-size:13px;color:var(--ink-2);margin-top:6px}
.qa{margin-top:50px}
.qa .faq{max-width:none}
.qa .tag{font:700 12px var(--u);letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-right:10px}
.empty{display:none;padding:30px;border-radius:20px;background:#fff;border:1.5px dashed #c9d6ea;color:#475569}
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.contact .btn{margin-top:18px}
@media (max-width:980px){.topics,.contact{grid-template-columns:1fr}}
