.bonus_page{animation:bonus_in .35s ease backwards;display:grid;gap:15px;height:min-content;width:100%}@keyframes bonus_in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bonus_hero{align-items:center;background:#161616;border-radius:8px;display:flex;gap:20px;justify-content:space-between;overflow:hidden;padding:28px 32px}.bonus_hero_info{display:grid;gap:5px;min-width:0}.bonus_hero_title{color:#fff;font-size:34px;font-weight:800;line-height:42px}.bonus_hero_desc{color:hsla(0,0%,100%,.5);font-size:15px;font-weight:500;max-width:540px}.bonus_container{display:flex;flex-direction:column;gap:12px;width:100%}.bonus_card{align-items:center;background:#161616;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;gap:16px;padding:14px 20px;text-align:left;transition:background .3s,border-color .3s,transform .3s;width:100%}.bonus_card:hover{background:#1a1a1a;border-color:hsla(0,0%,100%,.063);transform:translateX(3px)}.bonus_card_icon{align-items:center;background:hsla(0,0%,100%,.031);background:color-mix(in srgb,var(--bonus-accent,#6f78ef) 16%,transparent);border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.bonus_card_icon svg{height:28px;width:28px}.bonus_card_reward{background:rgba(133,244,121,.1);border-radius:6px;color:#85f479;flex-shrink:0;font-size:15px;font-weight:700;padding:6px 12px}.bonus_card_body{display:grid;flex:1;gap:2px;min-width:0}.bonus_card_name{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.02em}.bonus_card_desc{color:hsla(0,0%,100%,.5);font-size:14px;font-weight:500;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bonus_card_cta{display:flex;flex-shrink:0;justify-content:flex-end;min-width:110px}.bonus_card_cta_done,.bonus_card_cta_get{align-items:center;display:inline-flex;font-size:14px;font-weight:600;gap:6px}.bonus_card_cta_done svg,.bonus_card_cta_get svg{height:14px;width:14px}.bonus_card_cta_get{color:#6f78ef}.bonus_card_cta_get svg{fill:#6f78ef;transition:transform .3s}.bonus_card:hover .bonus_card_cta_get svg{transform:translateX(4px)}.bonus_card_cta_done{color:#85f479}.bonus_card_cta_done svg{fill:#85f479}.bonus_card.is_received{cursor:default;opacity:.8}.bonus_card.is_received .bonus_card_reward{background:hsla(0,0%,100%,.063);color:hsla(0,0%,100%,.5)}.bonus_banner{background:#161616;border-radius:8px;overflow:hidden;padding:24px 28px;position:relative}.bonus_banner,.bonus_banner_container{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.bonus_banner_container{z-index:1}.bonus_banner_info{max-width:70%}.bonus_banner_title{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.bonus_banner_desc{color:hsla(0,0%,100%,.5);font-size:14px;font-weight:500}.modal_bonus{display:flex;flex-direction:column;gap:15px;position:relative}.modal_bonus .modal_bonus_head{align-items:center;background:#202020;border-radius:8px;display:flex;gap:12px;padding:14px}.modal_bonus .modal_bonus_head_icon{align-items:center;background:hsla(0,0%,100%,.031);background:color-mix(in srgb,var(--bonus-accent,#6f78ef) 16%,transparent);border-radius:6px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.modal_bonus .modal_bonus_head_icon svg{height:28px;width:28px}.modal_bonus .modal_bonus_head_meta{display:grid;flex:1;gap:2px;min-width:0}.modal_bonus .modal_bonus_head_name{color:#fff;font-size:15px;font-weight:700}.modal_bonus .modal_bonus_head_desc{color:hsla(0,0%,100%,.5);font-size:12px;font-weight:500;line-height:1.4}.modal_bonus .modal_bonus_head_reward{align-self:flex-start;background:rgba(133,244,121,.1);border-radius:6px;color:#85f479;flex-shrink:0;font-size:14px;font-weight:700;padding:5px 10px}.modal_bonus .modal_bonus_steps{display:grid;gap:8px}.modal_bonus .modal_bonus_step{align-items:center;color:hsla(0,0%,100%,.5);display:flex;font-size:13px;font-weight:500;gap:10px}.modal_bonus .modal_bonus_step_num{align-items:center;background:rgba(111,120,239,.1);border-radius:50%;color:#6f78ef;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.modal_bonus .modal_bonus_buttons{display:flex;gap:10px}@media(max-width:768px){.bonus_hero{align-items:stretch;flex-direction:column;padding:24px}.bonus_hero_title{font-size:28px;line-height:36px}.bonus_card{gap:12px;padding:12px 14px}.bonus_card_desc{display:none}.bonus_card_cta{min-width:auto}.bonus_card_reward{font-size:13px;padding:5px 10px}.bonus_banner{flex-direction:column;text-align:center}.bonus_banner_info{max-width:100%}.bonus_banner_container{flex-direction:column}}@media(min-width:1100px){.modal_bonus{max-width:380px;min-width:380px}}