.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:20px}.login-card{background:#fff;width:100%;max-width:450px;padding:40px;border-radius:16px;box-shadow:0 10px 40px #0000000d;border:1px solid #dee2e6}.login-header{text-align:center;margin-bottom:35px}.login-logo{width:60px;margin-bottom:20px}.login-header h1{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:8px}.login-header p{color:#6c757d;font-size:.95rem}.login-form .modern-input-group{margin-bottom:20px;display:flex;flex-direction:column}.login-form .input-label{font-weight:600;margin-bottom:8px;color:#495057;font-size:.9rem}.login-form .modern-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid #dee2e6;background:#fff;transition:all .2s;outline:none}.login-form .modern-input:focus{border-color:#007bff;box-shadow:none}.password-wrapper{position:relative;width:100%}.toggle-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;padding:0;transition:color .2s}.toggle-password-btn:hover{color:#007bff}.error-text{color:#dc3545;font-size:.8rem;margin-top:5px;font-weight:500}.btn-submit{width:100%;padding:14px;border-radius:10px;border:none;background:#007bff;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:10px}.btn-submit:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 5px 15px #007bff4d}@media(max-width:480px){.login-card{padding:30px 20px}}