.login{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.login .loggin__wrapper{padding:2rem;margin:0 auto}@media(min-width:1024px){.login .loggin__wrapper{max-width:80rem;margin-top:2rem}}.login .login__content{background:#fff;border-radius:12px;border:1px solid #efe2f8;display:flex;flex-direction:column;width:100%;max-width:800px;padding:2rem}@media(min-width:1024px){.login .login__content{flex-direction:row;align-items:center}}.login .login__form{flex:1;padding:1rem}.login .login__header{text-align:left;margin-bottom:1rem}.login .login__header h2{font-size:1.5rem;font-weight:700}.login .login__header p{font-size:.9rem;color:#666}.login form{display:flex;flex-direction:column;gap:1rem}.login form label{font-weight:500;margin-bottom:5px}.login form input{padding:10px;width:100%;border:1px solid #ddd;border-radius:6px;font-size:1rem}.login form .password-input{display:flex;align-items:center;position:relative}.login form .password-input .show-password{position:absolute;right:10px;cursor:pointer;font-size:.9rem;color:#666}.login form .login__options{display:flex;justify-content:space-between;font-size:.9rem}.login form .login__options label{cursor:pointer}.login form .login__options a{text-decoration:none;color:#6a11cb;font-weight:700}.login form .login__button{background-color:#6b46c1;color:#fff;padding:10px;font-size:1rem;border:none;border-radius:6px;cursor:pointer}.login form .login__button:hover{background-color:#6300b3;color:#fff!important}.login .login__divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;font-size:.9rem;color:#666;font-weight:500}.login .login__divider:after,.login .login__divider:before{content:"";flex:1;height:1px;background:#ddd;margin:0 10px}.login .social-icons{display:flex;justify-content:center;gap:10px;margin-bottom:1rem}.login .social-icons button{border:none;background:none;cursor:pointer;padding:8px;border-radius:6px;transition:background .3s}.login .social-icons button:hover{background:rgba(0,0,0,.05)}.login .register-link{text-align:center;margin-top:10px;font-size:.9rem}.login .register-link a{color:#6b46c1;font-weight:700;transition:color .2s}.login .register-link a:hover{color:#6300b3}.login .login__illustration{display:none}@media(min-width:1024px){.login .login__illustration{display:block;flex:1}.login .login__illustration img{max-width:100%}}