.sign-in-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);background:#f5f4ee}
.sign-in-brand{background:#182d34;color:#f7f5ec;padding:68px 12%;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}
.sign-in-brand .eyebrow{color:#b5c4ab;font-size:11px;letter-spacing:.18em}
.sign-in-wordmark{font-family:Georgia,serif;font-size:clamp(52px,6vw,92px);letter-spacing:-.05em;line-height:1}
.sign-in-wordmark>span{display:block;margin-top:22px;font:14px/1.6 sans-serif;letter-spacing:.02em;color:#bec7c1}
.sign-in-brand>p{font-family:Georgia,serif;font-size:25px;line-height:1.4;color:#d7ddca}
.sign-in-panel{display:flex;align-items:center;justify-content:center;padding:48px 32px}
.sign-in-card{width:100%;max-width:410px}
.sign-in-card h1{font:normal 35px/1.2 Georgia,serif;margin:16px 0;color:#243c36;letter-spacing:-.02em}
.sign-in-card>p:not(.eyebrow){font-size:14px;color:#66746c;line-height:1.7;margin-bottom:32px}
#sign-in-form{display:grid;gap:20px}
#sign-in-form>label{display:grid;gap:8px;font-size:12px;font-weight:600;color:#344b41}
#sign-in-form input{width:100%;height:48px;padding:12px 14px;border:1px solid #ccd3c5;border-radius:6px;background:#fff;font-size:15px;color:#243c36}
#sign-in-form input:focus{outline:2px solid #809778;outline-offset:2px}
#sign-in-form>button{width:100%;height:47px;font-size:14px}
#sign-in-form .form-error{margin:0;line-height:1.5;font-size:13px;color:#a44935;white-space:normal}
#sign-in-form .form-error:empty{display:none}
.sign-in-card>small{display:block;color:#778278;font-size:11px;line-height:1.8;margin-top:24px}
@media(max-width:760px){.sign-in-shell{display:block}.sign-in-brand{min-height:0;padding:28px 26px;gap:22px}.sign-in-wordmark{font-size:44px}.sign-in-wordmark>span{margin-top:10px;font-size:12px}.sign-in-brand>p{display:none}.sign-in-panel{padding:38px 26px}.sign-in-card h1{font-size:30px}}