.br-teaser{padding:8px 0 36px}
.br-teaser-inner{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:center;padding:22px;border:1px solid rgba(75,220,255,.28);border-radius:18px;background:linear-gradient(120deg,#0b2538,#07111d)}
.br-teaser-poster{display:block;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.br-teaser-poster img{display:block;width:100%;height:auto}
.br-teaser h2{margin:6px 0 10px;font-size:clamp(26px,3vw,36px);line-height:1.15;color:#f4fbff}
.br-teaser p{max-width:640px;color:#c5d7e6}
.br-teaser .btn{margin-top:8px}
.br-poster{margin:8px 0 28px}
.br-poster img{display:block;width:min(100%,820px);height:auto;margin:0 auto;border-radius:16px;border:1px solid rgba(75,220,255,.22);background:#fff}
.br-poster figcaption{max-width:820px;margin:10px auto 0;color:#9db4c6;font-size:13px}
.br-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.br-card{display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;border:1px solid rgba(75,220,255,.18);border-radius:14px;background:#0a1628;color:inherit;text-decoration:none}
.br-card:hover{border-color:rgba(75,220,255,.55)}
.br-card strong{color:#f4fbff;font-size:17px}
.br-card span{color:#b7c9d8;font-size:14px}
.br-card em{font-style:normal;color:#7fdfff;font-size:13px;margin-top:auto}
.br-tips{display:grid;gap:12px}
.br-tip{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:16px 18px;border:1px solid rgba(75,220,255,.16);border-radius:14px;background:#0a1628}
.br-tip b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1d4ed8;color:#fff;font-size:16px}
.br-tip h3{margin:0 0 6px;font-size:18px}
.br-tip p{margin:0 0 8px;color:#c5d6e4;font-size:14px}
.br-links{display:flex;flex-wrap:wrap;gap:8px 14px}
.br-links a{font-size:14px}
.br-section{padding:18px 0 28px}
@media(max-width:700px){
  .br-teaser-inner,.br-grid,.br-tip{grid-template-columns:1fr}
  .br-teaser{padding-top:0}
  .br-teaser-poster{max-width:220px}
}