:root{--ink:#231d18;--mut:#74685d;--line:#e3d8ca;--bg:#f6f1ea;--acc:#7a4a2e;--acc2:#5e3820}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);background:var(--bg);grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);min-height:100vh;margin:0;font:15px/1.5 Manrope,system-ui,sans-serif;display:grid}.side{color:#fff;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.side picture,.side img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.side:after{content:"";background:linear-gradient(#140f0b8c 0%,#140f0b26 40%,#140f0bd9 100%);position:absolute;inset:0}.side>*{z-index:1;position:relative}.side .lg{width:170px}.side h2{max-width:16ch;margin:0 0 10px;font:300 clamp(1.8rem,2.6vw,2.6rem)/1.15 Fraunces,serif}.side p{color:#fffc;max-width:40ch;margin:0}main{justify-content:center;align-items:center;padding:40px 24px;display:flex}.card{width:min(400px,100%)}.card .lg{width:150px;margin-bottom:34px}.eb{letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-size:.72rem;font-weight:700}h1{margin:8px 0 6px;font:300 2rem/1.15 Fraunces,serif}.sub{color:var(--mut);margin:0 0 28px}label{margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.pw{position:relative}.pw input{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #d6c8b7;border-radius:10px;outline:none;padding:14px 64px 14px 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.pw input:focus{border-color:var(--acc);box-shadow:0 0 0 4px #7a4a2e24}.pw button{color:var(--acc);cursor:pointer;background:0 0;border:0;padding:8px;font:600 .82rem Manrope,sans-serif;position:absolute;top:50%;right:8px;translate:0 -50%}.go{background:var(--acc);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:16px;padding:15px;font:700 1rem Manrope,sans-serif;transition:background .15s}.go:hover{background:var(--acc2)}.err{color:#9b2c1f;background:#fbedea;border:1px solid #f0cfc8;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:.88rem;display:flex}.meta{border-top:1px solid var(--line);color:var(--mut);gap:6px;margin-top:28px;padding-top:20px;font-size:.84rem;display:grid}.meta a{color:var(--acc);font-weight:600;text-decoration:none}.lock{align-items:center;gap:6px;display:inline-flex}.keep{cursor:pointer;align-items:center;gap:10px;margin-top:14px;font-size:.9rem;font-weight:600;display:flex}.keep input{width:20px;height:20px;accent-color:var(--acc);margin:0}@media (width<=860px){body{grid-template-columns:1fr}.side{min-height:200px;padding:20px}.side h2,.side p,.card .lg{display:none}main{padding:32px 20px 48px}}.login-layout{display:contents}body:has(.login-layout) #root{display:contents}.login-layout>.side{border:0;height:auto;top:auto}.login-layout .side picture{z-index:0}.login-layout .side:after{z-index:1}.login-layout .side>a,.login-layout .side>div{z-index:2}.login-layout .side .pdr-wordmark{width:170px;position:static}.login-layout main{max-width:none;margin:0}.login-layout .card{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.login-layout .card .pdr-wordmark{margin-bottom:34px}@media (width<=860px){.login-layout>.side{min-height:200px}}