.hb{width:min(1120px,calc(100% - 48px));margin:0 auto 72px;color:#f5f1f8;font-family:Archivo,Arial,sans-serif}.hb-head{padding:28px;border:1px solid #b87bfa66;border-radius:18px;background:linear-gradient(135deg,#23102f,#100b16)}.hb-head p{margin:0 0 8px;color:#cda9fb;font-size:11px;font-weight:800;letter-spacing:.16em}.hb-head h2{margin:0;font-size:clamp(32px,5vw,46px);letter-spacing:-.04em}.hb-head span,.hb-count{color:#bfb3c9;font-size:13px}.hb-tools{display:flex;gap:10px;margin:18px 0 10px}.hb-tools input,.hb-tools select{min-height:44px;border:1px solid #b783f766;border-radius:10px;background:#160f1f;color:#fff;padding:0 13px;font:inherit}.hb-tools input{flex:1}.hb-tools select{min-width:150px}.hb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hb-card{display:block;overflow:hidden;border:1px solid #b783f755;border-radius:14px;background:#150e1e;color:#fff;text-decoration:none;transition:.18s transform,.18s border-color}.hb-card:hover,.hb-card:focus-visible{transform:translateY(-3px);border-color:#debfff;outline:none}.hb-card img{display:block;width:100%;height:145px;object-fit:cover;background:#28183a}.hb-card div{padding:14px}.hb-card small{color:#caa1fb;font-weight:800;font-size:10px;letter-spacing:.13em}.hb-card h3{margin:7px 0 0;font-size:19px}.hb-detail{margin-top:18px;padding:25px;border:1px solid #b783f766;border-radius:16px;background:#130d1c}.hb-back{display:inline-block;margin-bottom:18px;color:#dec7ff;font-weight:700;text-decoration:none}.hb-hero{display:grid;grid-template-columns:170px 1fr;gap:20px;align-items:start}.hb-hero img{width:170px;height:145px;object-fit:cover;border-radius:12px;background:#28183a}.hb-hero h3{margin:0;font-size:clamp(28px,4vw,40px)}.hb-tag{display:inline-block;margin:9px 0;padding:5px 9px;border:1px solid #b783f766;border-radius:99px;color:#d9baff;font-size:11px;font-weight:800}.hb-detail p{color:#d2c9da;line-height:1.58}.hb-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.hb-fact{padding:15px;border:1px solid #ffffff14;border-radius:11px;background:#0d0913}.hb-fact h4{margin:0 0 7px;color:#cba7fb;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.hb-fact p{margin:0;font-size:14px}.hb-source{margin-top:18px;font-size:13px}.hb-source a{color:#dfc8ff}@media(max-width:800px){.hb{width:min(100% - 32px,1120px)}.hb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-card img{height:130px}.hb-hero{grid-template-columns:1fr}.hb-hero img{width:100%;height:180px}.hb-facts{grid-template-columns:1fr}}@media(max-width:480px){.hb-tools{flex-direction:column}.hb-grid{grid-template-columns:1fr}}