.bns{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px;margin:4px 0 6px}
.bn{position:relative;display:flex;align-items:center;gap:18px;padding:22px;border-radius:22px;text-decoration:none;color:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s}
.bn:hover{transform:translateY(-4px)}.bn>*{position:relative}
.bn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.2) 48%,transparent 66%);transform:translateX(-120%);animation:shine 5s ease-in-out infinite}
@keyframes shine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.bn img{flex:none;width:96px;height:96px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}
.bn-t{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.bn-t b{font-size:21px;line-height:1.25}
.bn-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.18)}
.bn-sub{font-size:14px;opacity:.88}.bn-btn{margin-top:6px;padding:9px 18px;border-radius:99px;font-weight:700;font-size:14px}
.bn-d{background:linear-gradient(135deg,#2563ff 0%,#6d2ff0 55%,#c43cf5 100%);box-shadow:0 14px 44px rgba(109,47,240,.45)}.bn-d:hover{box-shadow:0 18px 54px rgba(196,60,245,.55)}.bn-d .bn-btn{background:#fff;color:#4b2fd0}
.bn-p{background:linear-gradient(135deg,#0b1f44 0%,#14336f 100%);border:1px solid rgba(232,184,74,.55);box-shadow:0 14px 44px rgba(232,184,74,.2)}.bn-p:hover{box-shadow:0 18px 54px rgba(232,184,74,.35)}
.bn-p img{border-radius:24px;box-shadow:0 0 0 2px rgba(240,194,79,.75),0 8px 26px rgba(0,0,0,.45);filter:none}
.bn-p b em{font-style:normal;color:#f0c24f}.bn-p .bn-tag{background:rgba(240,194,79,.18);color:#f0c24f}.bn-p .bn-btn{background:linear-gradient(90deg,#f3cf6a,#d9a62b);color:#0b1f44}
@media(prefers-reduced-motion:reduce){.bn::before{animation:none}.bn{transition:none}}
@media(max-width:480px){.bn{flex-direction:column;text-align:center}.bn-t{align-items:center}}
.bn-p img{border-radius:24px}
.bns.sm{gap:12px;margin:0 0 16px}.bns.sm .bn{padding:14px;gap:14px;border-radius:16px}.bns.sm .bn img{width:60px;height:60px}.bns.sm .bn-p img,.bns.sm.bn-p img{border-radius:15px}.bns.sm .bn-t b{font-size:16px}.bns.sm .bn-sub{font-size:12px}.bns.sm .bn-btn{padding:6px 14px;font-size:13px;margin-top:2px}.bns.sm .bn-tag{font-size:10px}
@media(max-width:480px){.bns.sm .bn{flex-direction:row;text-align:left}.bns.sm .bn-t{align-items:flex-start}}