body.auth{background:#370065 url(../assets/images/auth-bg.webp);background-position:50%;background-size:cover;min-height:100vh}.auth-container{align-items:center;display:flex;margin:1.875rem auto;max-width:33.75rem;min-height:100dvh}.auth-container .auth-page{width:100%}.auth-container .logo{display:flex;justify-content:center;margin-bottom:3.125rem}.auth-container .logo a{display:flex}.auth-container .logo a img{height:3.125rem}.auth-container .auth-form{background-color:var(--bg-primary);border:1px solid var(--header-border);border-radius:.625rem;border-radius:1.875rem;box-shadow:-2.828px 2.828px 17.5px #0000000f;box-shadow:0 35px #323d5612;margin-bottom:1.25rem;width:100%}.auth-container .auth-form .form-top{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem 0;text-align:center}.auth-container .auth-form .form-top .logo-link{display:flex}.auth-container .auth-form .form-top img{height:5.875rem;margin-bottom:2.5rem}.auth-container .auth-form .form-top .top-title{color:var(--dark-text-17);font-size:1.375rem;font-weight:600;margin-bottom:.625rem}.auth-container .auth-form .form-top .top-description{color:#868b96;font-size:.875rem;margin-bottom:1.5rem}.auth-container .auth-form .form-top .tab-links{align-items:center;background-color:var(--input-border);border-radius:.625rem;display:flex;height:3.75rem;justify-content:center;padding:.625rem;width:100%}.auth-container .auth-form .form-top .tab-links a{align-items:center;border-radius:.375rem;color:#3d4045;display:flex;flex:1;font-size:.875rem;font-weight:600;height:100%;justify-content:center}.auth-container .auth-form .form-top .tab-links a.router-link-active{background:#fff}.auth-container .auth-form .form-top .tab-links a:hover{color:#455ee0}.auth-container .auth-form .form-header{align-items:center;border-bottom:2px solid #455ee0;display:flex;gap:1.25rem;padding:2rem}.auth-container .auth-form .form-header .icon{align-items:center;aspect-ratio:1/1;background:#455ee033;border-radius:50%;color:#455ee0;display:flex;font-size:1.25rem;height:3.125rem;justify-content:center}.auth-container .auth-form .form-header .title{color:#455ee0;font-size:1.125rem;font-weight:600;line-height:1}.auth-container .auth-form .form-label{color:#687a83}.auth-container .auth-form .form-content{padding:2rem 2rem 3rem}.auth-container .auth-page-footer{padding:2.5rem 0 0}.auth-container .auth-page-footer .footer-text{margin-bottom:1.875rem;text-align:center}.auth-container .auth-page-footer .footer-text .top{color:#fff;font-size:1.125rem;margin-bottom:.625rem}.auth-container .auth-page-footer .footer-text .big{color:#18d3a6;font-size:1.625rem;font-weight:600}.auth-container .auth-page-footer .footer-slider .navigation-and-pagination{align-items:center;color:#fff;display:flex;gap:.5rem;justify-content:center;margin-bottom:1.875rem}.auth-container .auth-page-footer .footer-slider .navigation-and-pagination .next-btn,.auth-container .auth-page-footer .footer-slider .navigation-and-pagination .prev-btn{background:none;border:none;color:#fff;display:flex;font-size:1.75rem;opacity:.8;transition:all .25s}.auth-container .auth-page-footer .footer-slider .navigation-and-pagination .next-btn:hover,.auth-container .auth-page-footer .footer-slider .navigation-and-pagination .prev-btn:hover{opacity:1}.auth-container .auth-page-footer .footer-slider .navigation-and-pagination .pagination{align-items:center;display:flex;gap:.375rem}.auth-container .auth-page-footer .footer-slider .navigation-and-pagination .pagination .swiper-pagination-bullet{background:#fff;border-radius:.375rem;height:.375rem;opacity:.8;transition:all .25s;width:.5rem}.auth-container .auth-page-footer .footer-slider .navigation-and-pagination .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;width:1.125rem}.auth-container .auth-page-footer .footer-slider .slider-item{align-items:center;background:#fff;border-radius:2px;display:flex;flex-direction:column;font-weight:600;gap:.5rem;justify-content:center;min-height:7.75rem;padding:1.25rem;text-align:center}.auth-container .auth-page-footer .footer-slider .slider-item .icon{font-size:1.75rem}
