.bonuses-page{max-width:900px;margin:32px auto}.bonuses-page__title{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:800}.bonuses-page__subtitle{color:var(--text-secondary);max-width:640px;margin-bottom:28px;font-size:14px}.bonuses-page__list{flex-direction:column;gap:14px;display:flex}.bonus-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;grid-template-columns:32px 100px 1fr auto;align-items:center;gap:20px;padding:20px;transition:border-color .2s,box-shadow .2s;display:grid}.bonus-card:hover{border-color:var(--accent);box-shadow:0 8px 20px #0000000f}.bonus-card__rank{background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.bonus-card__logo{width:100px;height:56px;color:var(--text-on-accent);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:4px;font-size:13px;font-weight:800;display:flex}.bonus-card__main{min-width:0}.bonus-card__top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.bonus-card__name{color:var(--text-primary);font-size:16px;font-weight:800}.bonus-card__type{color:var(--accent);text-transform:uppercase;background:#00b86c1a;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.bonus-card__amount{color:var(--text-primary);margin-bottom:10px;font-size:20px;font-weight:800}.bonus-card__conditions{flex-direction:column;gap:4px;list-style:none;display:flex}.bonus-card__conditions li{color:var(--text-secondary);padding-left:16px;font-size:12.5px;position:relative}.bonus-card__conditions li:before{content:"•";color:var(--accent);font-weight:800;position:absolute;left:0}.bonus-card__actions{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.bonus-card__btn{text-align:center;white-space:nowrap;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .15s}.bonus-card__btn--details{background:var(--bg-tertiary);color:var(--text-primary)}.bonus-card__btn--details:hover{background:var(--bg-hover)}.bonus-card__btn--visit{background:var(--accent);color:var(--text-on-accent)}.bonus-card__btn--visit:hover{background:var(--accent-hover)}@media (max-width:720px){.bonus-card{text-align:center;grid-template-columns:1fr}.bonus-card__rank,.bonus-card__logo{margin:0 auto}.bonus-card__conditions{text-align:left}.bonus-card__actions{flex-direction:row}.bonus-card__btn{flex:1}}