.b-hero{background:radial-gradient(1200px 400px at 85% -10%,rgba(255,194,26,.18),transparent 60%),linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:64px 0 56px}
.b-hero .kicker{font:700 12px/1 Inter,sans-serif;letter-spacing:.14em;color:var(--yellow);margin-bottom:14px}
.b-hero h1{font:900 clamp(36px,6vw,60px)/1.02 Archivo,sans-serif;margin:0 0 14px;letter-spacing:-.01em}
.b-hero h1 span{color:var(--yellow)}
.b-hero .lead{max-width:640px;font:400 17px/1.55 Inter,sans-serif;color:#cfd8ea;margin:0 0 28px}
.b-stats{display:flex;flex-wrap:wrap;gap:14px}
.b-stats>div{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 18px}
.b-stats b{font:800 30px/1 Archivo,sans-serif;color:var(--yellow)}
.b-stats span{font:500 13px/1.3 Inter,sans-serif;color:#dfe6f3}
.b-lib{background:var(--paper);padding:34px 0 64px;min-height:60vh}
.b-bar{position:sticky;top:0;z-index:5;background:var(--paper);padding:12px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.b-tabs{display:flex;flex-wrap:wrap;gap:6px}
.b-tab{font:600 14px/1 Inter,sans-serif;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.b-tab:hover{border-color:var(--navy)}
.b-tab.on{background:var(--navy);border-color:var(--navy);color:#fff}
.b-filters{display:flex;flex-wrap:wrap;gap:8px;flex:1;justify-content:flex-end;min-width:260px}
.b-search{flex:1;max-width:380px;min-width:220px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 12px}
.b-search svg{width:18px;height:18px;color:var(--muted);flex:none}
.b-search input{border:0;outline:0;font:400 15px Inter,sans-serif;padding:11px 0;width:100%;background:transparent;color:var(--ink)}
.b-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,111,229,.15)}
#cat{font:500 14px Inter,sans-serif;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);max-width:100%}
.b-count{font:500 14px Inter,sans-serif;color:var(--muted);margin:18px 0 12px}
.b-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.b-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;transition:box-shadow .15s,transform .15s}
.b-card:hover{box-shadow:0 10px 28px rgba(13,27,54,.10);transform:translateY(-2px)}
.b-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.b-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;font:800 12px Archivo,sans-serif;color:#fff}
.b-ico.x{background:#1d7a45}.b-ico.w{background:#2459b8}
.b-ico.p{background:#c62828}
.b-code{font:700 12px Inter,sans-serif;color:var(--muted);letter-spacing:.02em;white-space:nowrap}
.b-kind{font:600 10.5px Inter,sans-serif;color:var(--ink);background:#fff4cf;border-radius:6px;padding:3px 7px;margin-left:auto;white-space:nowrap}
.b-card h3{font:700 16px/1.3 Archivo,sans-serif;color:var(--ink);margin:0 0 6px}
.b-cat{font:400 13px/1.4 Inter,sans-serif;color:var(--muted);margin:0 0 14px;flex:1}
.b-dl{display:flex;align-items:center;justify-content:center;gap:8px;font:700 14px Inter,sans-serif;text-decoration:none;color:var(--navy);background:var(--yellow);border-radius:10px;padding:10px 12px}
.b-dl:hover{filter:brightness(.96)}
.b-dl svg{width:17px;height:17px}
.b-dl small{font-weight:500;opacity:.75}
.b-empty{background:#fff;border:1px dashed var(--line);border-radius:14px;padding:28px;text-align:center;color:var(--muted);font:400 15px Inter,sans-serif}
.b-more{text-align:center;margin-top:22px}
.b-note{margin-top:34px;background:#fff;border-left:4px solid var(--yellow);border-radius:10px;padding:16px 18px;font:400 14px/1.55 Inter,sans-serif;color:var(--muted)}
.b-note b{color:var(--ink)}.b-note a{color:var(--blue)}
@media(max-width:640px){.b-hero{padding:42px 0 38px}.b-bar{position:static}.b-filters{justify-content:stretch}.b-search{max-width:none}#cat{width:100%}}
.b-aporta{display:flex;align-items:center;gap:16px;background:#fff8e1;border:2px solid var(--yellow);border-radius:16px;padding:16px 18px;margin:0 0 14px;box-shadow:0 6px 18px rgba(255,194,26,.18)}
.b-ap-ico{width:46px;height:46px;border-radius:12px;background:var(--yellow);color:var(--navy);display:grid;place-items:center;flex:none}
.b-ap-ico svg{width:24px;height:24px}
.b-ap-txt{flex:1;font:400 15px/1.5 Inter,sans-serif;color:var(--ink)}
.b-ap-txt b{font-family:Archivo,sans-serif;font-weight:800;display:block;font-size:17px;margin-bottom:2px}
.b-ap-txt a{color:var(--blue);font-weight:600;white-space:nowrap}
.b-ap-btn{flex:none;font:700 14px Inter,sans-serif;color:#fff;background:var(--navy);border-radius:10px;padding:11px 16px;text-decoration:none;white-space:nowrap}
.b-ap-btn:hover{background:var(--navy2)}
@media(max-width:640px){.b-aporta{flex-direction:column;align-items:flex-start}.b-ap-btn{width:100%;text-align:center;box-sizing:border-box}}