:root{--brand: #2563eb;--brand-dark: #1a1a2e;--ink: #1f2433;--muted: #6b7392;--line: #e6e9f2;--bg: #f4f6fb;--card: #ffffff;--font: "Inter", "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.45}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar__inner{max-width:1240px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:12px}.logo__svg{display:block;height:30px;width:auto}.logo__text{font-weight:600;font-size:17px}.logo__text span{color:var(--muted);font-weight:400}.topbar__count{margin-left:auto;font-size:13px;color:var(--muted)}.hero{max-width:1240px;margin:0 auto;padding:36px 24px 8px}.hero__title{margin:0 0 8px;font-size:30px;font-weight:700;letter-spacing:-.01em}.hero__desc{margin:0;color:var(--muted);max-width:720px;font-size:15px}.controls{max-width:1240px;margin:0 auto;padding:20px 24px 0}.search{position:relative}.search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}.search__input{width:100%;padding:14px 16px 14px 46px;font-size:16px;font-family:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:14px;outline:none;transition:border-color .15s,box-shadow .15s}.search__input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #2563eb1f}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:13px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);transition:all .12s}.tag:hover{border-color:var(--brand);color:var(--brand)}.tag:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tag--active{background:var(--brand);border-color:var(--brand);color:#fff}.tag--active:hover{background:#fff;border-color:var(--brand);color:var(--brand)}.tag__count{opacity:.65;margin-left:5px;font-variant-numeric:tabular-nums}.tags__clear{font-size:13px;color:var(--brand);cursor:pointer;background:none;border:none;font-family:inherit;padding:7px 4px}.tags__clear:hover{text-decoration:underline}.sort{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.sort__label{font-size:13px;color:var(--muted)}.sort__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:13px;padding:5px 11px;border-radius:999px;border:1px solid transparent;background:none;color:var(--muted);transition:all .12s}.sort__option:hover{color:var(--brand)}.sort__option:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sort__option--active{border-color:var(--brand);color:var(--brand);background:#2563eb14}.grid{max-width:1240px;margin:0 auto;padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #1418261f;border-color:#2563eb66}.card__thumb{aspect-ratio:16 / 9;background:#dfe3ef;position:relative;display:block;overflow:hidden}.card__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.card__thumb--empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2fd,#dbe4fb);color:#9aa6c8}.card__thumb--empty svg{width:46px;height:46px;opacity:.7}.card__badges{position:absolute;left:10px;top:10px;display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:#1a1a2ed1;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.badge--type{background:#2563ebeb}.card__body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.card__id{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.card__jira{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--brand);font-variant-numeric:tabular-nums;text-decoration:none}.card__jira:hover{text-decoration:underline}.card__jira svg{opacity:.7}.card__title{margin:4px 0 8px;font-size:18px;font-weight:600;letter-spacing:-.01em}.card__desc{margin:0 0 14px;font-size:14px;color:var(--muted);flex:1}.card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font-family:inherit;font-size:12px;padding:3px 9px;border-radius:999px;background:#eef1f8;color:#4b5169;cursor:pointer}.chip:hover{background:#e0e6f7;color:var(--brand)}.chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.card__foot-right{display:inline-flex;align-items:center;gap:14px}.card__downloads{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted);cursor:default}.card__downloads svg{width:15px;height:15px;display:block}.card__downloads-count{font-variant-numeric:tabular-nums}.card__dl{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted);background:#f1f4fb;border:1px solid var(--line);border-radius:999px;padding:7px 12px;transition:all .12s}.card__dl:hover{border-color:var(--brand);color:var(--brand)}.card__dl svg{width:15px;height:15px;display:block}.card__open{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--brand)}.card__open svg{transition:transform .15s}.card:hover .card__open svg{transform:translate(4px)}.card__open--disabled{color:var(--muted);cursor:default;opacity:.7}.like{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--muted);background:#f1f4fb;border:1px solid var(--line);border-radius:999px;padding:7px 13px;transition:all .12s}.like:hover{border-color:var(--brand);color:var(--brand)}.like:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.like--on{background:#2563eb1a;border-color:var(--brand);color:var(--brand)}.like svg{width:16px;height:16px;display:block}.like__count{font-variant-numeric:tabular-nums}.empty{max-width:1240px;margin:0 auto;padding:60px 24px;text-align:center;color:var(--muted)}.pagination{max-width:1240px;margin:0 auto;padding:0 24px 8px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.pagination__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:13px;min-width:34px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--muted);transition:all .12s}.pagination__option:hover:not(:disabled){color:var(--brand);border-color:var(--brand)}.pagination__option:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.pagination__option:disabled{opacity:.45;cursor:default}.pagination__option--active{border-color:var(--brand);color:var(--brand);background:#2563eb14}.footer{max-width:1240px;margin:0 auto;padding:24px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}