.pro-login-page{flex-direction:column;min-height:100vh;display:flex}.pro-login-section{background-color:var(--off-white);flex:1;justify-content:center;align-items:center;padding:8rem 1rem 4rem;display:flex}.pro-login-container{width:100%;max-width:420px}.pro-login-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #00000014}.pro-login-header{text-align:center;margin-bottom:2rem}.pro-login-header h1{color:var(--dark-blue);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.75rem}.pro-login-header p{color:#666;font-size:.95rem}.pro-login-form .form-group{margin-bottom:1.25rem}.pro-login-form label{color:var(--dark-blue);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.pro-login-form input{border:1px solid #ddd;border-radius:8px;width:100%;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.pro-login-form input:focus{border-color:var(--dark-blue);outline:none;box-shadow:0 0 0 3px #3d405b26}.pro-login-form input::placeholder{color:#aaa}.pro-login-form .password-input-wrapper{position:relative}.pro-login-form .password-input-wrapper input{padding-right:3rem}.pro-login-form .password-toggle{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.pro-login-form .password-toggle:hover{color:var(--dark-blue)}.pro-login-form .password-toggle i{font-size:1rem}.btn-dark-blue{background-color:var(--dark-blue);color:#fff;border:none}.btn-dark-blue:hover{background-color:#2e3047}.pro-login-form .btn-block{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:1rem;font-size:1rem;display:flex}.pro-login-form .btn-block:disabled{opacity:.7;cursor:not-allowed}.pro-login-form .alert{border-radius:8px;margin-bottom:1rem;padding:.875rem 1rem;font-size:.9rem}.pro-login-form .alert-error{color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca}.pro-login-footer{text-align:center;border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem}.pro-login-footer p{color:#666;font-size:.95rem}.pro-login-footer .link-button{color:var(--dark-blue);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;margin-left:.25rem;padding:0;text-decoration:none}.pro-login-footer .link-button:hover{text-decoration:underline}@media (max-width:480px){.pro-login-card{padding:1.5rem}.pro-login-header h1{font-size:1.5rem}}