@media (max-width:980px){.qp-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.qp-grid{grid-template-columns:1fr}}.qp{padding:clamp(24px,2.4vw,34px);background:var(--color-sunken,#f4f6f8);border:1px solid transparent;border-radius:var(--r-xl,22px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;text-decoration:none;color:var(--color-text);position:relative;transition:transform .45s var(--ease-smooth,cubic-bezier(.22,1,.36,1)),background-color .3s ease,border-color .3s ease}@media (hover:hover) and (pointer:fine){.qp:hover{transform:translateY(-3px);background:var(--color-surface,#fff);border-color:color-mix(in srgb,var(--qc,var(--color-accent)) 32%,transparent)}}.qp .qp-hex{width:56px;height:56px;display:grid;place-items:center;margin-bottom:6px;transition:transform .3s var(--ease-smooth)}@media (hover:hover) and (pointer:fine){.qp:hover .qp-hex{transform:scale(1.06)}}.qp p{font-size:14px;color:var(--color-text-muted);line-height:1.6;margin:0;flex:1}.qp .more{margin-top:16px;align-self:center;display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:var(--r-pill,999px);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;background:var(--qc,var(--color-accent));color:#fff;transition:filter .25s ease}@media (hover:hover) and (pointer:fine){.qp:hover .more{filter:brightness(1.08)}}.qp .more svg{transition:transform .35s var(--ease-expo,cubic-bezier(.16,1,.3,1))}@media (hover:hover) and (pointer:fine){.qp:hover .more svg{transform:translateX(3px)}}@media (prefers-reduced-motion:reduce){.qp,.qp .more svg,.qp .qp-hex{transition:none}@media (hover:hover) and (pointer:fine){.qp:hover,.qp:hover .more svg{transform:none}}}