.hp{padding-bottom:40px}.hp-hero{margin:12px 0 16px;padding:28px 20px;border-radius:16px;background:var(--primary);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;overflow:hidden}.hp-hero:before{content:"";position:absolute;width:320px;height:320px;right:-80px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(214,238,107,.35),transparent 65%);pointer-events:none}.hp-hero .eyebrow{color:var(--lime)}.hp-hero h2{font-size:24px;font-weight:700;letter-spacing:-.03em;position:relative}.hp-search{position:relative;width:min(520px,100%);display:flex;align-items:center;gap:8px;background:#fff;color:var(--ink);border-radius:12px;padding:0 10px;height:40px;box-shadow:0 8px 24px -8px rgba(0,0,0,.35)}.hp-search>svg{color:var(--ink-3);flex:none}.hp-search__input{flex:1 1;min-width:0;border:0;background:transparent;height:100%;font-size:13px;font-weight:500}.hp-search__input:focus{outline:none}.hp-search:focus-within{box-shadow:0 0 0 3px rgba(214,238,107,.6),0 8px 24px -8px rgba(0,0,0,.35)}.hp-search__input::-webkit-search-cancel-button{display:none}.hp-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px;margin-bottom:20px}.hp-cat{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;animation:hp-rise .45s var(--ease) both;transition:transform .25s var(--ease),border-color .2s,box-shadow .2s}.hp-cat:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:0 8px 22px -10px rgba(27,27,24,.22)}.hp-cat.is-on{border-color:var(--primary);box-shadow:0 0 0 3px rgba(45,106,83,.15)}.hp-cat strong{font-size:12px}.hp-cat .muted{font-size:11px}.hp-cat em{font-style:normal;margin-top:6px}.hp-cat__ico{width:28px;height:28px;border-radius:8px;background:var(--surface-2);color:var(--primary);display:grid;place-items:center;margin-bottom:6px;transition:background .2s,color .2s}.hp-cat.is-on .hp-cat__ico,.hp-cat:hover .hp-cat__ico{background:var(--primary);color:var(--lime)}@keyframes hp-rise{0%{opacity:0;transform:translateY(8px)}}.hp-block{margin-bottom:22px}.hp-block__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hp-block__head h3{font-size:13px;font-weight:700;letter-spacing:-.01em}.hp-list{list-style:none;margin:0;padding:0;overflow:hidden}.hp-list li+li{border-top:1px solid var(--line)}.hp-item{display:flex;align-items:center;gap:12px;padding:11px 14px;transition:background .15s}.hp-item:hover{background:rgba(27,27,24,.03)}.hp-item>div{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.hp-item strong{font-size:12px}.hp-item__n{font:600 10px var(--mono);color:var(--ink-3);width:14px}.hp-item__meta{display:flex;align-items:center;gap:10px;flex:none;font-size:10px}.hp-item__meta .muted svg{vertical-align:-1px}.hp-snip{font-size:11px;color:var(--ink-2)}.hp mark{background:var(--lime);color:var(--ink);border-radius:3px;padding:0 1px}.hp-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.hp-faq{padding:0;overflow:hidden}.hp-faq__item+.hp-faq__item{border-top:1px solid var(--line)}.hp-faq h4{margin:0}.hp-faq h4 button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;text-align:left;font-size:12px;font-weight:600}.hp-faq h4 button:hover{background:rgba(27,27,24,.03)}.hp-faq h4 button svg{flex:none;color:var(--ink-3);transition:transform .35s var(--ease)}.hp-faq__item.is-open h4 button svg{transform:rotate(180deg);color:var(--primary)}.hp-faq__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.hp-faq__item.is-open .hp-faq__panel{grid-template-rows:1fr}.hp-faq__panel>div{overflow:hidden}.hp-faq__panel p{padding:0 14px 14px;color:var(--ink-2);font-size:12px;line-height:1.6;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .35s var(--ease)}.hp-faq__item.is-open .hp-faq__panel p{opacity:1;transform:none}.hp-support{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px}.hp-support__ico{width:36px;height:36px;border-radius:10px;background:var(--primary);color:var(--lime);display:grid;place-items:center;margin-bottom:4px}.hp-support .btn{margin-top:6px}.hp-keys{display:inline-flex;gap:4px}.hp-err{color:var(--red);font-weight:600;font-size:11px}.hp-art{display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-gap:28px;gap:28px;align-items:start;animation:hp-rise .45s var(--ease) both}.hp-art__main{max-width:680px}.hp-art__main h2{font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:6px 0}.hp-art__lead{font-size:13px;color:var(--ink-2);margin-bottom:16px}.hp-body{font-size:13px;line-height:1.7;display:flex;flex-direction:column;gap:10px}.hp-body h3{font-size:14px;font-weight:700;margin-top:10px;letter-spacing:-.01em}.hp-body ol,.hp-body ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.hp-body li::marker{color:var(--primary);font-weight:700}.hp-tip{display:flex;gap:10px;padding:10px 14px;border-radius:10px;background:#eef5d0;border:1px solid rgba(214,238,107,.9);font-size:12px;line-height:1.55}.hp-tip strong{font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.08em;padding-top:3px;color:#4b5a14}.hp-vote{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hp-vote>div{display:flex;gap:6px}.hp-art__side{position:-webkit-sticky;position:sticky;top:12px;gap:8px}.hp-art__side,.hp-art__side ul{display:flex;flex-direction:column}.hp-art__side ul{list-style:none;margin:0;padding:0;gap:6px}.hp-art__side a{display:flex;flex-direction:column;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);transition:transform .2s var(--ease),border-color .2s}.hp-art__side a:hover{transform:translateX(3px);border-color:var(--line-2)}.hp-art__side strong{font-size:11px}@media (max-width:760px){.hp-hero{padding:22px 14px}.hp-hero h2{font-size:20px}.hp-art,.hp-two{grid-template-columns:1fr}.hp-art__side{position:static}.hp-item__meta .badge{display:none}.hp-cats{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.hp-art,.hp-cat{animation:none}}