html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none}*{box-sizing:border-box}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}html{font-size:10px}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font-family:Space Grotesk,sans-serif;background-color:#0e0f11;background-image:url(scss/img/background.png);background-repeat:no-repeat;background-size:cover;background-position:top;color:#fff;line-height:1.5}.wrapper{overflow:hidden}.container{display:flex;flex-direction:column;row-gap:4.8rem;padding-top:10rem;padding-bottom:5rem;padding-inline:2rem}@media(min-width:1024px){.container{flex-direction:row;align-items:flex-start;justify-content:space-between;column-gap:5.2rem;padding-inline:5.6rem;max-width:130rem;width:100%;margin-inline:auto}}@media(min-width:1440px){.container{column-gap:13rem}}.shadow-block{top:-10rem;left:0;right:0;display:block;height:20rem;border-radius:50%;position:absolute;background-color:#ecf15e4d;filter:blur(8.4rem)}@media(min-width:1024px){.shadow-block{filter:blur(15rem)}}@keyframes translate-visible{to{opacity:1;translate:0% 0%}}@keyframes bounce{50%{translate:0 .5rem}}@keyframes scale{50%{scale:1}}.header{display:flex;flex-direction:column;align-items:center;row-gap:1.2rem;text-align:center;translate:0 -50%;opacity:0;animation-name:translate-visible;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards;animation-delay:.25s}@media(min-width:1024px){.header{text-align:start;align-items:flex-start;row-gap:1.6rem}}.header__title{font-size:2.4rem;font-weight:500}@media(min-width:1024px){.header__title{font-size:3.2rem}}.header__text{display:flex;align-items:center;column-gap:.8rem;font-size:1.4rem;color:#8996a9}.header__title,.header__text{text-wrap-style:pretty}.header__text-icon{flex-shrink:0;width:1.6rem;aspect-ratio:1}.header__cards{display:none}@media(min-width:1024px){.header__cards{padding-top:3.2rem;display:flex;flex-direction:column;row-gap:3.2rem}}.modal__btn,.form-field__input,.main-form__btn,.main-form__link,.logo{outline-style:solid;outline-width:.1rem;outline-offset:.2rem;outline-color:transparent}.logo{transition-property:color,outline-color;transition-duration:.2s;transition-timing-function:ease;display:flex;align-items:center;column-gap:.8rem;color:#fff;font-size:2rem;font-weight:500;padding:.5rem;border-radius:.6rem}@media(hover:hover){.logo:hover{color:#ecf15e}.logo:hover .logo__icon{rotate:1turn}}.logo:focus-visible{outline-color:#ecf15e}.logo__icon{width:2.4rem;flex-shrink:0;aspect-ratio:1;color:#ecf15e;transition:rotate 1.5s ease}.card{display:flex;flex-direction:column;row-gap:1.2rem}.card__icon{width:3.2rem;aspect-ratio:1;color:#ecf15e;flex-shrink:0}.card__title{font-size:1.6rem;font-weight:500}.card__text{color:#8996a9;font-size:1.4rem}.main-form{display:flex;flex-direction:column;row-gap:2.4rem;max-width:62rem;width:100%;margin-inline:auto;overflow:hidden;padding-inline:.5rem;translate:50%;opacity:0;animation-name:translate-visible;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards}@media(min-width:768px){.main-form{padding:4.8rem;background-color:#ffffff14;border-radius:1.6rem;border:.1rem solid rgba(255,255,255,.06);background-image:url(scss/img/dot.png);background-repeat:no-repeat;background-size:contain;background-position:bottom}}@media(min-width:1024px){.main-form{margin-inline:0;flex-shrink:0}}@media(min-width:1440px){.main-form{max-width:68.7rem}}.main-form__inner{display:flex;align-items:center;column-gap:1.2rem}.main-form__btn{transition-property:opacity,translate;transition-duration:.2s;transition-timing-function:ease;outline-offset:.4rem;font-size:1.6rem;font-family:inherit;border-radius:.8rem;border:none;height:4.8rem;white-space:nowrap;padding:0;color:#000;background-image:linear-gradient(to bottom,#ecf15e,#d6dd13)}@media(hover:hover){.main-form__btn{cursor:pointer}.main-form__btn:hover{opacity:.8}}.main-form__btn:active{translate:0 .5rem}.main-form__btn:focus-visible{outline-color:#ecf15e}.main-form__text{font-size:1.4rem;color:#8996a9}.main-form__link{transition-property:color,outline-color;transition-duration:.2s;transition-timing-function:ease;position:relative;color:#fff;padding:.2rem;border-radius:.4rem}.main-form__link:before{content:"";transition-property:background-color;transition-duration:.2s;transition-timing-function:ease;position:absolute;bottom:.2rem;left:.2rem;right:.2rem;background-color:#8996a9;height:.1rem}@media(hover:hover){.main-form__link:hover{color:#ecf15e}.main-form__link:hover:before{background-color:#ecf15e}}.main-form__link:focus-visible{outline-color:#ecf15e}.form-field{display:flex;flex-direction:column;row-gap:.8rem;width:100%}@media(hover:hover){.form-field:hover .form-field__label{color:#ecf15e}.form-field:hover .form-field__input{outline-color:#ecf15e}}.form-field:focus-within .form-field__label{color:#ecf15e}.form-field:has(.form-field__input:disabled){pointer-events:none;opacity:.5}.form-field:has(.form-field__btn) .form-field__input{padding-right:4.8rem}.form-field__label{transition-property:color;transition-duration:.2s;transition-timing-function:ease;font-size:1.6rem}.form-field__inner{position:relative}.form-field__input{transition-property:outline;transition-duration:.2s;transition-timing-function:ease;width:100%;font-size:1.4rem;background-color:#ffffff14;border:.1rem solid rgba(255,255,255,.06);border-radius:.6rem;padding-block:1.2rem;padding-left:4.8rem;padding-right:1.6rem;color:#fff}.form-field__input:focus{outline-color:#ecf15e}.form-field__input::placeholder{font-family:inherit;font-size:1.4rem}.form-field__input:-webkit-autofill,.form-field__input:-webkit-autofill:hover,.form-field__input:-webkit-autofill:focus,.form-field__input:-webkit-autofill:active{transition:background-color 99999s ease-in-out 0s;box-shadow:0 0 0 1000px #000 inset!important;background-clip:content-box!important;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #000000 inset!important}.form-field__icon{position:absolute;width:2rem;aspect-ratio:1;left:1.6rem;top:50%;translate:0 -50%}.form-field__btn{transition-property:background-color,color,opacity;transition-duration:.2s;transition-timing-function:ease;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;translate:0 -50%;border:none;outline:none;background-color:transparent;padding:0;color:#fff;width:4.4rem;height:100%;border-top-right-radius:.6rem;border-bottom-right-radius:.6rem}@media(hover:hover){.form-field__btn{cursor:pointer}.form-field__btn:hover{background-color:#ecf15e;color:#000}}.form-field__btn:active{opacity:.6}.form-field__btn:focus-visible{background-color:#ecf15e;color:#000}.form-field__btn-icon{width:2rem;aspect-ratio:1}.form-field__text{color:#8996a9;font-size:1.4rem}.overlay{transition-property:opacity,backdrop-filter;transition-duration:.2s;transition-timing-function:ease;position:fixed;inset:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;visibility:hidden;z-index:1;display:flex;align-items:center;justify-content:center}.overlay--active{opacity:1;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);visibility:visible}.modal{display:flex;flex-direction:column;row-gap:2.5rem;width:30rem;min-height:30rem;color:#000;background-color:#ecf15ecc;border-radius:1.6rem;padding:2.5rem;border:.2rem solid rgba(236,241,94,.9)}@media(min-width:375px){.modal{width:35rem}}@media(min-width:768px){.modal{width:60rem;min-height:50rem;padding:5rem;row-gap:5rem}}.modal__head{display:flex;align-items:center;justify-content:center;column-gap:1rem}.modal__title{font-size:1.8rem;font-weight:500}@media(min-width:768px){.modal__title{font-size:3.2rem}}.modal__icon{width:2.5rem;aspect-ratio:1;color:green;flex-shrink:0;scale:.9;animation-name:scale;animation-duration:.8s;animation-iteration-count:infinite;animation-timing-function:ease}@media(min-width:768px){.modal__icon{width:5rem}}.modal__info{display:flex;flex-direction:column;row-gap:1.5rem}.modal__text{font-size:1.6rem;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media(min-width:768px){.modal__text{font-size:2.2rem}}.modal__text span{color:green}.modal__btn{transition-property:opacity,translate;transition-duration:.2s;transition-timing-function:ease;outline-offset:.4rem;outline-width:.3rem;margin-top:auto;font-size:1.6rem;font-family:inherit;border-radius:.8rem;border:none;height:4.8rem;white-space:nowrap;padding:0;color:#ecf15e;background-color:#0e0f11;animation-name:bounce;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease}@media(hover:hover){.modal__btn{cursor:pointer}.modal__btn:hover{opacity:.9;animation-play-state:paused}}.modal__btn:active{translate:0 .5rem}.modal__btn:focus-visible{outline-color:#0e0f11}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}
