.home-page__info-wrapper{padding-block:64px 48px;background-image:linear-gradient(to right,#581c87,#5b21b6)}.home-page__info-wrapper:before{content:"";position:absolute;width:100%;height:90px;top:0;background-image:linear-gradient(to right,#581c87,#5b21b6)}.home-page__info{justify-items:center}.home-page__title{color:#fff;font-size:36px;line-height:40px;font-weight:700;text-align:center}@container (min-width: 768px){.home-page__title{font-size:48px;line-height:48px}}.home-page__description{margin-inline:auto;max-width:672px;color:#ffffffe6;font-size:16px;line-height:24px;text-align:center}@container (min-width: 768px){.home-page__description{font-size:18px;line-height:28px}}.home__rating-list{margin-block:32px 16px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:896px}.home__rating-list__item{padding:8px 16px;border-radius:9999px;background-color:#7d52c4;cursor:pointer}.home__rating-list__item a{color:#fff;font-size:14px;line-height:20px;text-align:center}.home__rating-list__item:hover{background-color:#8765c3}.home__rating-list__item:hover a{text-decoration:none}.home__bk-list__title{margin:32px 0 0;justify-self:center;font-size:30px;line-height:36px;font-weight:700;color:#2b303b}.home__bk-list{margin-top:48px;display:flex;flex-direction:column;gap:16px;border-radius:0 0 8px 8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@container (min-width: 768px){.home__bk-list{gap:0}}.home__bk-card__item{padding:16px;display:grid;grid-template-areas:"info button" "bonus button";grid-template-columns:auto 80px;column-gap:12px;align-items:center;color:#0c0a09;background-color:#fff;border:1px solid #e3e5e8;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@container (min-width: 768px){.home__bk-card__item{grid-template-areas:"info bonus button";grid-template-columns:1fr 1fr 80px;border-radius:unset;box-shadow:none;border-bottom:unset}.home__bk-card__item:first-child{border-radius:8px 8px 0 0}.home__bk-card__item:last-child{border-bottom:1px solid #e3e5e8;border-radius:0 0 8px 8px}}.home__bk-card__item--with-bonus{row-gap:12px}.home__bk-card__info{grid-area:info;display:grid;grid-template-areas:"logo name" "logo website";grid-template-columns:auto 1fr;column-gap:12px}.home__bk-card__name{grid-area:name;display:flex;align-items:center;gap:8px;font-size:16px;line-height:24px;font-weight:700;color:#2b303b}.home__bk-card__name a{color:#2b303b;text-decoration:none}.home__bk-card__name a:hover{color:#000}@container (min-width: 768px){.home__bk-card__name{font-size:18px;line-height:28px}}.home__bk-card__rating{padding:4px 8px;font-size:10px;line-height:15px;color:#fff;background-color:#6b7280;border:1px solid #e3e5e8;border-radius:4px}.home__bk-card__website{grid-area:website;font-size:14px;line-height:20px;color:#737b8c}.home__bk-card__logo{grid-area:logo;align-self:center}.home__bk-card__bonus{padding:4px 8px;grid-area:bonus;width:fit-content;height:fit-content;font-size:14px;line-height:20px;font-weight:500;color:#ea580c;background-color:#ffedd5;border-radius:9999px}.home__bk-card__button{grid-area:button;padding:12px 16px;width:100%;height:100%;align-content:center;font-size:12px;line-height:16px;color:#fff;background-color:#9333ea;border-radius:8px;text-decoration:none;text-align:center}@container (min-width: 768px){.home__bk-card__button{padding:10px 16px;font-size:14px;line-height:20px}}.home__bk-card__button:hover{background-color:#7e22ce}.home__h2{font-size:24px;line-height:32px;font-weight:700;text-align:center}@container (min-width: 768px){.home__h2{font-size:30px;line-height:36px}}@container (min-width: 1024px){.home__h2{font-size:36px;line-height:40px}}.home__section-desc{font-size:14px;line-height:20px;color:#404040b3;text-align:center}@container (min-width: 1024px){.home__section-desc{font-size:16px;line-height:24px}}.white-section__wrapper{padding-block:40px}@container (min-width: 768px){.white-section__wrapper{padding-block:64px}}.home__content{margin-top:96px}