*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#ecf0f1,#dfe6e9);position:relative;padding:24px 16px}.login-container{background-color:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 8px 20px #0000001a;width:100%;max-width:400px;text-align:center}.logo{margin-bottom:25px;display:flex;justify-content:center}.logo-img{display:block;width:100%;max-width:180px;height:auto;object-fit:contain;border-radius:12px}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;margin-bottom:6px;font-weight:500;color:#34495e}.input-group input{width:100%;padding:12px;border-radius:8px;border:1px solid #ccc;outline:none;font-size:14px;transition:border .3s,box-shadow .3s;background:#fff}.input-group input:focus{border-color:#169af1;box-shadow:0 0 0 3px #169af11a}.input-group input.is-invalid{border-color:#e74c3c}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.pwd-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;color:#7f8c8d;padding:4px;line-height:0}.pwd-toggle:hover{color:#169af1}.error-message{display:block;margin-top:6px;font-size:12px;color:#e74c3c}.alert{margin-bottom:16px;padding:10px 12px;border-radius:8px;font-size:13px;text-align:left}.alert-error{background:#fdecea;color:#c0392b;border:1px solid #f5c6cb}.remember-group{display:flex;align-items:center;gap:8px;margin-bottom:8px;text-align:left}.remember-group input{width:auto;accent-color:#169AF1}.remember-group label{margin:0;font-weight:400;font-size:13px;color:#34495e;cursor:pointer}.btn-login{width:100%;padding:12px;background-color:#169af1;border:none;border-radius:8px;color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:background .3s;margin-top:10px}.btn-login:hover{background-color:#0f6abf}.extra-links{margin-top:15px;text-align:center}.extra-links a{color:#169af1;text-decoration:none;font-size:13px}.extra-links a:hover{text-decoration:underline}.powered-by{position:absolute;bottom:15px;right:20px;font-size:12px;color:#7f8c8d}.powered-by strong{color:#34495e;font-weight:600}@media (max-width: 480px){.login-container{padding:30px 20px}.powered-by{font-size:11px;right:10px;bottom:10px}}