:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#14213d;background:#f4f7fc}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 20%,#e7effc,transparent 65%)}.login-card{width:min(390px,100%);padding:30px 32px 33px;background:#fff;border:1px solid #e1e9f5;border-radius:23px;box-shadow:0 16px 65px #203b6510}.people{display:flex;justify-content:center;gap:14px;margin:0 0 20px}.avatar{display:block;width:90px;height:85px;background:url(/login-portraits.png) no-repeat;background-size:200% auto;background-position:left center}.avatar.right{background-position:right center}h1{font-size:26px;font-weight:650;letter-spacing:-.7px;margin:0 0 25px;text-align:center}form{display:flex;flex-direction:column}label{font-size:12px;font-weight:600;color:#5e6e87;margin:0 0 8px}input:not([type=checkbox]):not([type=hidden]){width:100%;height:46px;border:1px solid #dce5f1;background:#f9fbfe;border-radius:10px;padding:0 13px;font:inherit;font-size:15px;color:#14213d;margin-bottom:18px}input:focus{outline:3px solid #0860ff10;border-color:#86afff;background:#fff}.remember{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;margin:0 0 22px;color:#73829a}.remember input{accent-color:#0860ff;width:16px;height:16px;margin:0}button{height:45px;background:#0860ff;border:0;border-radius:10px;color:#fff;font:inherit;font-size:14px;font-weight:550;cursor:pointer}button:hover{background:#004cdb}button:focus-visible{outline:3px solid #9abaff;outline-offset:3px}.error{margin:-6px 0 17px;font-size:12px;line-height:1.5;color:#c33e4b}@media(max-width:430px){.login-card{padding:25px}.people{margin-bottom:16px}}

/* Larger portraits use the original 1904px artwork, with a closer face framing. */
.login-card{width:min(420px,100%);padding:28px 34px 32px;border-radius:24px;box-shadow:0 25px 80px #213a6914}.people{gap:8px;margin:0 -12px 12px;align-items:center}.avatar{width:142px;height:132px;flex-shrink:0;background-size:250% auto;background-position:5% 28%;image-rendering:auto}.avatar.right{background-position:93% 28%}h1{font-size:27px;margin-bottom:25px}input:not([type=checkbox]):not([type=hidden]){height:47px;background:#f7f9fd;border-radius:11px}button{height:47px;border-radius:11px;box-shadow:0 3px 8px #0860ff19}.remember{margin-top:1px;margin-bottom:21px}@media(max-width:430px){body{padding:18px}.login-card{padding:24px}.people{gap:0;margin-bottom:12px}.avatar{width:127px;height:120px}}