@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Roboto:wght@300;400;500;700;900&display=swap);body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.main__subtitle,.main__title{line-height:1.2;text-align:center}.main__box,.main__select__box{grid-template-columns:repeat(2,1fr)}body{font-family:Roboto,sans-serif;background-color:#fff;font-size:16px;font-weight:400;color:#202f3e}.container{width:100%;max-width:550px;padding:0 20px;margin:0 auto}*,:after,:before{box-sizing:border-box}.main{padding:20px 0}.main__title{max-width:420px;font-size:30px;font-weight:900;background:linear-gradient(90.46deg,#e630b3 3.28%,#ff70df 50.73%,#806dce 93.48%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 auto 16px}.main__subtitle{font-size:18px;font-weight:400}.main__box{display:grid;grid-gap:12px;margin:27px 0}.main__box__image-wrapper{overflow:hidden;display:block;position:relative}.main__box__image-wrapper:after{display:block;content:"";position:absolute;top:3px;right:3px;left:3px;bottom:3px;opacity:0;border-radius:15px;background:linear-gradient(0deg,rgba(255,112,223,.31) 0,rgba(255,112,223,.31) 100%),url(<path-to-image>) 50%/cover no-repeat #d3d3d3;transition:.1s linear}.main__box__image-wrapper:hover:after{opacity:.4}.main__box__image{display:block;max-width:100%}.main__select__title{max-width:320px;text-align:center;text-transform:capitalize;font-family:Montserrat,sans-serif;font-size:31px;font-weight:700;line-height:31px;margin:0 auto 15px}.main__select__box{display:grid;grid-gap:7px}.main__select__box__item{text-decoration:none;background:linear-gradient(90deg,#e630b3 3.28%,#ff70df 50.73%,#806dce 93.48%);box-shadow:0 -7px 23px 0 rgba(0,0,0,.25) inset,0 4px 4px 0 rgba(0,0,0,.25);color:#fff;text-align:center;font-size:30px;font-weight:900;line-height:1.16;text-transform:uppercase;border-radius:8px;padding:14px}.main__select__box__item:hover{border-radius:8px;background:linear-gradient(0deg,#ff07ba 0,#ff07ba 100%),linear-gradient(90deg,#e630b3 3.28%,#ff70df 50.73%,#806dce 93.48%)}.main__select__box__item--sec{background:linear-gradient(90deg,#30bae6 3.28%,#6dceab 93.48%)}.main__select__box__item--sec:hover{background:linear-gradient(0deg,rgba(65,251,0,.38) 0,rgba(65,251,0,.38) 100%),linear-gradient(90deg,#30bae6 3.28%,#6dceab 93.48%)}.main__checkbox{display:block;width:100%;max-width:260px;position:relative;cursor:pointer;padding-left:30px;line-height:1;margin:21px auto 0}.main__checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:calc(50% - 10px);left:0;height:20px;width:20px;background-color:transparent;border-radius:5px;border:1px solid #383a42}.checkmark:after{content:"";position:absolute;display:none}.main__checkbox:hover input~.checkmark{background-color:#ececec8e}.main__checkbox input:checked~.checkmark{background-color:#21cb12}.main__checkbox input:checked~.checkmark:after{display:block}.main__checkbox .checkmark:after{left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.main__checkbox-text{color:rgba(56,58,66,.5);font-size:12px;font-weight:500}.footer{background-color:#1e1e1e;padding:22px 0 30px;margin-top:60px}.footer__nav{display:flex;justify-content:center;align-items:center;gap:22px;margin-bottom:20px}.footer__nav-link{text-decoration:none;color:#fff;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.footer__text{text-align:center;color:#b5b5c3;font-size:9px}@media (max-width:430px){.footer__nav{flex-direction:column;align-items:end;justify-content:end;gap:10px}.footer__nav-link{font-size:14px}.main__box__image-wrapper:after{border-radius:10px}}@media (max-width:360px){.main__select__box__item{font-size:26px}.main__box__image-wrapper:after{border-radius:5px}}