.bankbonus-top-bonuses{
  max-width:1200px;margin:0 auto;padding:3rem 1rem 4rem;color:#111;
}
.bb-top-hero{background:linear-gradient(135deg,#09aff4 0%,#4cb3e8 50%,#2d1b86 100%);color:#fff;border-radius:34px;padding:clamp(2rem,6vw,4.5rem);overflow:hidden;position:relative}
.bb-top-hero:after{content:"";position:absolute;right:-8rem;top:-8rem;width:24rem;height:24rem;border-radius:50%;background:rgba(255,255,255,.14)}
.bb-top-hero__content{position:relative;z-index:1;max-width:850px}
.bb-top-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;opacity:.85;margin:0 0 .8rem}
.bb-top-hero h1{font-size:clamp(2.4rem,7vw,5rem);line-height:.95;margin:0 0 1rem;color:#fff}
.bb-top-lead{font-size:clamp(1.05rem,2.3vw,1.4rem);line-height:1.55;max-width:760px}
.bb-top-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.bb-top-stats div{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:1rem}
.bb-top-stats strong{display:block;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1}
.bb-top-stats span{display:block;margin-top:.35rem;opacity:.9}
.bb-top-section{margin-top:3rem}
.bb-top-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.4rem}
.bb-top-section__head h2,.bb-top-note h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:0}
.bb-top-section__head p{max-width:560px;margin:0;color:#555;line-height:1.45}
.bb-top-offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.bb-top-offer-card{position:relative;display:flex;flex-direction:column;gap:1rem;border:1px solid #d8d8d8;border-radius:26px;padding:1.25rem;background:#fff;box-shadow:0 12px 30px rgba(20,30,55,.06);min-height:100%}
.bb-top-rank{position:absolute;top:1rem;right:1rem;background:#09aff4;color:#fff;border-radius:999px;padding:.3rem .75rem;font-weight:800}
.bb-top-rank--small{position:static;display:inline-flex;align-self:flex-start}
.bb-top-offer-card__logo{height:54px;display:flex;align-items:center}
.bb-top-offer-card__logo img{max-width:150px;max-height:48px;object-fit:contain}
.bb-top-offer-card__logo span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#eaf8ff;color:#09aff4;font-weight:800}
.bb-top-bank{margin:0;font-weight:800}
.bb-top-bank a,.bb-top-offer-card h3 a,.bb-top-bank-card,.bb-top-product-card,.bb-top-scenario-card{color:inherit;text-decoration:none}
.bb-top-offer-card h3{font-size:1.25rem;line-height:1.18;margin:.2rem 0 1rem}
.bb-top-offer-card dl{display:grid;gap:.45rem;margin:0}
.bb-top-offer-card dl div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #eee;padding-top:.45rem}
.bb-top-offer-card dt{color:#555}
.bb-top-offer-card dd{margin:0;text-align:right;font-weight:800;color:#09aff4}
.bb-top-req{font-size:.95rem;line-height:1.45;color:#555;margin:.8rem 0 0}
.bb-top-offer-card__actions{margin-top:auto;display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}
.bb-top-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#09aff4;color:#fff!important;text-decoration:none;font-weight:800;padding:.78rem 1.1rem;box-shadow:0 8px 20px rgba(9,175,244,.25)}
.bb-top-btn--secondary{background:#2d1b86}
.bb-top-link{color:#09aff4;font-weight:700}
.bb-top-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.bb-top-product-card,.bb-top-scenario-card,.bb-top-method-grid>div,.bb-top-disclaimer{border:1px solid #d8d8d8;border-radius:24px;background:#fff;box-shadow:0 10px 24px rgba(20,30,55,.05)}
.bb-top-product-card{display:flex;flex-direction:column;gap:.65rem;padding:1.15rem;min-height:210px}
.bb-top-product-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#eaf8ff;color:#09aff4;font-size:1.45rem;font-weight:900}
.bb-top-product-card strong,.bb-top-scenario-card strong,.bb-top-method-grid strong{font-size:1.1rem;line-height:1.18}
.bb-top-product-card span:not(.bb-top-product-card__icon),.bb-top-scenario-card span,.bb-top-method-grid span{color:#555;line-height:1.45}
.bb-top-product-card em{margin-top:auto;font-style:normal;color:#09aff4;font-weight:800}
.bb-top-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.bb-top-scenario-card{display:flex;flex-direction:column;gap:.55rem;padding:1.15rem;min-height:135px}
.bb-top-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.bb-top-method-grid>div{padding:1.15rem;display:flex;flex-direction:column;gap:.5rem;min-height:145px}
.bb-top-disclaimer{margin-top:3rem;padding:1.35rem 1.5rem;background:#fff7e8;border-color:#ffdba3;color:#332200}
.bb-top-disclaimer strong{font-size:1.25rem;display:block;margin-bottom:.35rem}
.bb-top-disclaimer p{margin:0;line-height:1.55}
.bb-top-banks-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.bb-top-bank-card{border:1px solid #d8d8d8;border-radius:24px;background:#fff;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;min-height:190px;box-shadow:0 10px 24px rgba(20,30,55,.05)}
.bb-top-bank-card img{max-width:130px;max-height:48px;object-fit:contain;margin:.3rem 0}
.bb-top-bank-card strong{font-size:1.05rem}
.bb-top-bank-card span{color:#555}
.bb-top-note{margin-top:3rem;border-radius:28px;background:#f1fbff;padding:2rem;line-height:1.6}
.bb-top-empty{border:1px dashed #b8dff0;background:#f8fdff;border-radius:24px;padding:2rem;color:#555}
.darkmysite_dark_mode_enabled .bankbonus-top-bonuses,.dark-theme .bankbonus-top-bonuses{color:#fff}
.darkmysite_dark_mode_enabled .bb-top-offer-card,.darkmysite_dark_mode_enabled .bb-top-bank-card,.darkmysite_dark_mode_enabled .bb-top-product-card,.darkmysite_dark_mode_enabled .bb-top-scenario-card,.darkmysite_dark_mode_enabled .bb-top-method-grid>div,.dark-theme .bb-top-offer-card,.dark-theme .bb-top-bank-card,.dark-theme .bb-top-product-card,.dark-theme .bb-top-scenario-card,.dark-theme .bb-top-method-grid>div{background:#181a1d;border-color:#333;color:#fff}
.darkmysite_dark_mode_enabled .bb-top-section__head p,.darkmysite_dark_mode_enabled .bb-top-offer-card dt,.darkmysite_dark_mode_enabled .bb-top-req,.darkmysite_dark_mode_enabled .bb-top-bank-card span,.darkmysite_dark_mode_enabled .bb-top-product-card span:not(.bb-top-product-card__icon),.darkmysite_dark_mode_enabled .bb-top-scenario-card span,.darkmysite_dark_mode_enabled .bb-top-method-grid span,.dark-theme .bb-top-section__head p,.dark-theme .bb-top-offer-card dt,.dark-theme .bb-top-req,.dark-theme .bb-top-bank-card span,.dark-theme .bb-top-product-card span:not(.bb-top-product-card__icon),.dark-theme .bb-top-scenario-card span,.dark-theme .bb-top-method-grid span{color:#d7d7d7}
.darkmysite_dark_mode_enabled .bb-top-note,.dark-theme .bb-top-note{background:#151f28}
.darkmysite_dark_mode_enabled .bb-top-disclaimer,.dark-theme .bb-top-disclaimer{background:#2c230f;border-color:#66512b;color:#ffe8b0}
@media(max-width:1024px){.bb-top-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-top-banks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-top-product-grid,.bb-top-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-top-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.bankbonus-top-bonuses{padding:1.5rem .9rem 3rem}.bb-top-hero{border-radius:24px;padding:2rem 1.25rem}.bb-top-stats{grid-template-columns:1fr}.bb-top-section__head{display:block}.bb-top-section__head p{margin-top:.6rem}.bb-top-offers-grid,.bb-top-banks-grid,.bb-top-product-grid,.bb-top-scenario-grid,.bb-top-method-grid{grid-template-columns:1fr}.bb-top-offer-card{border-radius:22px}.bb-top-offer-card__actions{display:grid;grid-template-columns:1fr}.bb-top-link{text-align:center}.bb-top-note{padding:1.25rem;border-radius:22px}.bb-top-product-card,.bb-top-scenario-card,.bb-top-method-grid>div{min-height:0}}