:root{--blue:#3E7CC2;--blue-dark:#2A5D96;--navy:#1E4E7E;--yellow:#F6C844;--yellow-dark:#E0AE1F;--ink:#202529;--muted:#6f777d;--line:#e1e5e8;--bg:#f4f6f7;--white:#fff;--shadow:0 10px 34px rgba(30,78,126,.14)}
*{box-sizing:border-box}
body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit}

.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}
.login-visual{background:linear-gradient(150deg,var(--navy),var(--blue));color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.login-visual:after{content:"";position:absolute;width:380px;height:380px;border:70px solid rgba(246,200,68,.16);border-radius:50%;right:-140px;bottom:-140px}
.login-visual img{width:170px;height:auto;background:#fff;border-radius:16px;padding:14px;margin-bottom:26px;box-shadow:var(--shadow)}
.login-visual h1{font-size:38px;margin:0;line-height:1.15}
.login-visual h1 span{color:var(--yellow)}
.login-visual p{max-width:480px;color:#e3edf8;line-height:1.7;font-size:15px}

.login-panel{display:flex;align-items:center;justify-content:center;padding:35px}
.login-box{width:min(420px,100%)}
.login-box h2{margin:0 0 4px;font-size:24px}
.login-box>p{margin:0 0 22px;color:var(--muted)}

.field{margin-bottom:16px}
.field label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:6px}
.field input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:#fff}
.field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(62,124,194,.15)}

.login-forgot{text-align:right;margin:-8px 0 16px;font-size:12.5px}
.login-forgot a{color:var(--blue-dark);text-decoration:none;font-weight:600}
.remember-row{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-bottom:20px}

.btn{display:inline-block;border:none;border-radius:10px;padding:13px 20px;font-size:14.5px;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;transition:.15s}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;width:100%}
.btn-primary:hover{filter:brightness(1.06)}

.alert{padding:11px 14px;border-radius:9px;font-size:13px;margin-bottom:16px}
.alert-info{background:#e9f2fb;color:var(--navy);border:1px solid #cfe2f6}

.login-switch{text-align:center;margin:16px 0 0;font-size:13px;color:var(--muted)}
.login-switch a{color:var(--blue-dark);font-weight:700;text-decoration:none}

@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-visual{display:none}}