@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.banner{align-items:end;display:flex;height:98vh;overflow:hidden;position:relative}.banner-tg{align-items:start;background:#fff;border-radius:20px;bottom:40px;display:flex;gap:16px;padding:16px;position:absolute;right:20px}.banner-tg .tg-main .title{align-items:center;display:flex;font-size:20px;font-weight:600;gap:10px}.banner-tg .tg-main .title span{align-items:center;background:#026ef11a;border-radius:6px;color:#026ef1;display:flex;font-size:15px;gap:6px;padding:6px 6px 8px 10px}.banner-tg .tg-main .tg-btn{align-items:center;background:#026ef1;border-radius:8px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:10px;margin-top:12px;padding:10px 12px}.banner-tg .tg-main .tg-btn:hover{background:#3b93ff}.banner-tg .tg-main .tg-btn svg{height:1em}.banner-tg .tg-main .tg-btn svg path{fill:#fff}.banner-tg .tg-avatar{aspect-ratio:1;margin-left:10px;margin-right:20px;margin-top:-40px;position:relative;width:100px}.banner-tg .tg-avatar .tg-image{border-radius:100px;display:inline-flex;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.banner-tg .tg-avatar .tg-icon{align-items:center;aspect-ratio:1;background:#026ef1;border-radius:100px;bottom:-6px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:4px;position:absolute;right:-6px;width:auto}.banner-tg .tg-avatar .tg-icon svg{height:auto;width:50%}.banner-tg .tg-avatar .tg-icon svg path{fill:#fff}.banner__content{width:100%}.banner__img{bottom:0;max-width:50%;position:absolute;right:0;width:800px}.banner__head{align-items:center;display:flex;gap:10px}.banner__head .head-label{background:#026ef11a;border-radius:10px;color:#026ef1;font-weight:600;padding:1em 1.2em}.banner__title{font-weight:600;letter-spacing:-.01em;line-height:110%;margin-bottom:.8em;margin-top:.5em;width:50%}.banner__desc{font-weight:500;line-height:140%;margin-bottom:4em;width:40%}.banner__actions{gap:20px}.banner__actions,.banner__cta{align-items:center;display:flex}.banner__cta{background:#026ef1;border:none;border-radius:10px;color:#fff;font-weight:600;gap:2em;justify-content:space-between;letter-spacing:.01em;margin-bottom:90px;padding:1.5em 1.8em}.banner__cta span{color:#fff}.banner__cta span.ghost{opacity:50%}.banner__cta:hover{background:#3b93ff}.banner__cta.second{background:#026ef11a;color:#026ef1}.banner__cta.second:hover{opacity:60%}@media screen and (max-width:1200px){.banner{align-items:start;box-sizing:border-box;height:100lvh;padding-top:140px}.banner__title{width:100%}.banner__desc{width:80%}.banner__cta{width:50%}.banner__img{max-width:65%;z-index:-1}}@media screen and (max-width:800px){.banner{height:130lvh;min-height:1250px;padding-top:130px}.banner-tg{background:#026ef1;box-sizing:border-box;padding-bottom:24px;right:0;width:100%}.banner-tg *{color:#fff}.banner-tg .tg-avatar{margin-top:0;width:100px}.banner-tg .tg-avatar .tg-icon{background:#fff}.banner-tg .tg-avatar .tg-icon svg path{fill:#026ef1}.banner-tg .tg-main .title{align-items:start;flex-direction:column;font-size:22px;margin-top:4px}.banner-tg .tg-main .title span{background:#ffffff1a;color:#fff}.banner-tg .tg-main .title span svg path{fill:#fff}.banner-tg .tg-main .tg-btn{background:#fff;color:#026ef1;margin-top:32px}.banner-tg .tg-main .tg-btn svg path{fill:#026ef1}.banner__desc{margin-bottom:4em;width:100%}.banner__img{bottom:230px;max-width:100%}.banner__head .head-label{padding:.6em .8em}.banner__head .head-label:last-of-type{display:none}.banner__actions{flex-direction:column;gap:10px}.banner__cta{font-size:18px!important;gap:0;margin-bottom:0;padding:1em 1.2em;width:100%}.banner__cta.second{justify-content:center}.banner .head-label{font-size:14px}}
