.login-container{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;margin:20px}.login-container h1{color:#007ebc;text-align:center;margin-bottom:30px;font-size:28px}.login-form{display:flex;flex-direction:column;gap:20px}.btn-login{background:#007ebc;color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s,transform .2s;margin-top:10px}.btn-login:hover{background:#006399;transform:scale(1.02)}.btn-login:disabled{background:#ccc;cursor:not-allowed;transform:none}.forgot-password-link{text-align:center;margin-top:12px;font-size:.9rem}.forgot-password-link a{color:#0077b5;text-decoration:none;font-weight:500}.forgot-password-link a:hover{text-decoration:underline}@media (max-width:1024px){.login-container{max-width:450px;padding:35px}.login-container h1{font-size:26px}}@media (max-width:768px){.login-container{max-width:100%;margin:10px;padding:30px 25px;border-radius:16px}.login-container h1{font-size:24px;margin-bottom:25px}.login-form{gap:16px}.btn-login{font-size:14px;padding:12px}}@media (max-width:480px){.login-container{margin:5px;padding:25px 20px}.login-container h1{font-size:22px}.btn-login{font-size:13px}}