:root{color-scheme:light;font-family:"Segoe UI",Arial,sans-serif;color:#24364b;background:#f5f7fb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(#ffffff44,#ffffff77),url('../img/connect-background.jpg') center/cover fixed}
.mail-shell{width:100%;display:flex;justify-content:center;align-items:center;flex:1;padding:40px 20px}
.login-card{width:420px;max-width:100%;padding:30px 36px 32px;background:#fff;border:1px solid #e7ebf1;border-radius:12px;box-shadow:0 8px 30px #18375e0d}
.mail-brand{display:flex;justify-content:center;height:66px;overflow:hidden;margin-bottom:12px}
.mail-brand img{width:240px;height:80px;object-fit:contain;align-self:center}
h1{font-size:22px;font-weight:600;line-height:30px;text-align:center;margin:0 0 28px;color:#233954}
label{display:block;font-size:13px;font-weight:600;margin:18px 0 7px;color:#40536a}
input{display:block;width:100%;height:46px;border:1px solid #cdd7e3;border-radius:6px;padding:0 12px;background:#fff;color:#24364b;font:inherit;font-size:14px}
input::placeholder{color:#939eab}
input:focus{outline:2px solid #0f6cbd;outline-offset:1px;border-color:#0f6cbd}
button{display:block;width:100%;height:46px;margin-top:24px;border:0;border-radius:6px;background:#0f6cbd;color:white;font:600 15px "Segoe UI",Arial,sans-serif;cursor:pointer}
button:hover{background:#115ea3}
button:focus-visible,a:focus-visible{outline:3px solid #0f6cbd;outline-offset:3px}
.account-hint{font-size:12px;color:#768599;text-align:center;line-height:18px;margin:20px 0 0}
.help{display:block;text-align:center;margin-top:12px;color:#0f6cbd;font-size:13px;text-decoration:none}
.help:hover{text-decoration:underline}
.login-error{padding:12px;border-radius:5px;border-left:3px solid #bd4536;background:#fff2ef;font-size:13px;line-height:20px;margin-bottom:18px}
.mail-footer{padding:20px;text-align:center;color:#8994a4;font-size:11px;line-height:18px}
.mail-footer span{margin-left:12px}
@media(max-width:480px){.mail-shell{padding:24px 16px}.login-card{padding:24px}.mail-footer span{display:block;margin-left:0}}