.app_logo{font-weight:700;color:#fff;padding:1rem 2rem;border-radius:2rem;background-color:var(--primary);width:fit-content;margin:2rem auto}.btn_social_login{background-color:#fff;color:#1c1c1c;border:1px solid var(--primary);border-radius:16px;padding:10px 20px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;width:100%}.btn_social_login:hover{border:1px solid var(--primary-dark);background-color:var(--primary-subtle)}.btn_social_login img{width:20px;height:20px;margin-right:12px}.auth_wrapper{margin:2rem auto;max-width:320px;text-align:center}.with_email{margin:2rem auto}.form-control{position:relative;background-color:#5d5aee1a;border-radius:1rem;padding:12px 16px;font-size:.825rem}.form-text{font-size:.75rem}.email_input_wrapper,.name_input_wrapper,.password_input_wrapper{position:relative}.email_input_wrapper input,.name_input_wrapper input,.password_input_wrapper input{padding-left:3rem}.email_input_wrapper:before,.email_input_wrapper:focus:before{content:url(/public/icon/email.svg);display:flex;height:.9em;position:absolute;top:1em;left:1em;z-index:10}.password_input_wrapper:before,.password_input_wrapper:focus:before{content:url(/public/icon/password.svg);display:flex;height:1em;position:absolute;top:1em;left:1em;z-index:10}.name_input_wrapper:before,.name_input_wrapper:focus:before{content:url(/public/icon/user.svg);display:flex;height:1em;position:absolute;top:1em;left:1em;z-index:10}.auth_illustration{display:flex;justify-content:center;align-items:center;position:fixed;right:0;top:0;bottom:0;background-image:url(/public/img/login-bg.webp);background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh}.login_frame{max-width:100%;filter:none}h1{font-size:4rem}.no_account{margin-top:1rem}.no_account a{color:var(--primary);font-weight:700;text-decoration:none}.form_wrapper{padding-bottom:2rem}@media (max-width:768px){.login_frame{height:100%}.no_account{font-size:14px;margin-bottom:2rem}.with_email{margin:1rem auto}.auth_wrapper{margin:0 auto;max-width:95%;text-align:center}.app_logo{padding:.5rem 1rem;border-radius:1.5rem;margin:2rem auto 1rem auto}h1{font-size:2rem}.auth_illustration{height:30vh;background-size:150%}.col_form{box-shadow:0 -10px 10px -10px rgba(0,0,0,.5);position:absolute;height:70vh;top:30vh;border-radius:2rem;background:#fff;left:50%;transform:translateX(-50%)}}