/* login2.php */
body.login-page {margin:0; min-height:100vh; background-color:#EAE6EE; font-family:'Rubik', sans-serif}

.login-top {display:flex; align-items:center; justify-content:space-between; height:60px; padding:0 16px}
.login-logo {display:block; width:170px; height:50px; background:url('../media/O/Logo_white3.png') no-repeat left center; background-size:auto 100%}
.login-lang a {color:white; text-decoration:none; margin-left:12px; opacity:0.75}
.login-lang a.active, .login-lang a:hover {opacity:1; text-decoration:underline}

.login-main {display:flex; justify-content:center; padding:32px 16px}
.login-card {width:100%; max-width:420px; background-color:white; border-radius:8px; overflow:hidden}
.login-card h1 {font-size:24px; margin:16px 0}

/* Same look as the inputs of home.css */
.div-input {border-bottom:1px solid #222; margin:8px 0; padding-top:16px}
.div-input label {color:#000}
.input-row {display:flex; align-items:center; gap:8px}
.em-input {padding:8px; display:block; border:none; width:100%; min-width:0}
.em-input:focus {outline:2px solid #A270D0; outline-offset:-2px}
.icon-button {border:none; background:none; cursor:pointer; padding:4px; color:#555}

.login-body {padding-bottom:16px}
.login-hint {font-size:13px; color:#666; margin:8px 0 16px}
.login-code {font-size:24px; letter-spacing:6px}
.login-links {display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:24px}
.link-button {border:none; background:none; padding:4px 0; cursor:pointer; color:#775399; text-decoration:underline; font:inherit; font-size:14px}
.login-accounts {border:none; padding:0; margin:16px 0}
.login-accounts legend {margin-bottom:8px}
.login-accounts label {display:block; padding:8px; border:1px solid #ddd; border-radius:8px; margin-bottom:8px; cursor:pointer}

.login-msg {padding:8px 12px; border-radius:8px; margin:16px 0 0}
.login-error {color:#a00; background-color:#ffecec}
.login-info {color:#2a602a; background-color:#e8f6e8}

.login-remember {display:flex; align-items:center; justify-content:center; gap:12px; padding:16px 0 8px}
.login-remember-info {background-color:#ffcccc; line-height:1.2; padding:8px; border-radius:8px}

.btnLogin {height:auto; min-height:36px; font-size:14px}
.login-signup {margin-top:8px}