.login-body{min-height:100dvh;display:grid;place-items:center;padding:30px 24px}.login-card{width:100%;max-width:350px}.login-brand{display:flex;align-items:center;gap:15px;margin-bottom:65px;font:600 28px var(--serif);letter-spacing:3px}.login-card h1{font:500 28px/1.5 var(--serif);margin:0 0 24px}.login-card label{display:block;font-size:12px;margin:22px 0 10px;color:#637055}.login-card input{display:block;width:100%;min-height:49px;border:1px solid #daddce;background:#fffefa;border-radius:8px;padding:11px 14px;font-size:16px}.login-card input:focus{outline:2px solid #a8b598;outline-offset:2px}.login-card input::placeholder{color:#9da48f;font-size:13px}.login-card .primary{width:100%;min-height:47px;font-size:13px}.login-card .primary span{margin-left:auto}.login-card #login-status{min-height:25px;font-size:12px;color:#a34f3c;line-height:1.7;margin:13px 0}.login-footnote{font-size:12px;color:#737b67;margin:28px 0 0;text-align:center}@media(max-width:500px){.login-brand{margin-bottom:52px}.login-card h1{font-size:29px}}.logout-button{margin-left:auto;font-size:11px;padding:10px;color:#76816a}.mobile-logout{display:none}@media(max-width:760px){.mobile-logout{display:block;position:fixed;top:29px;right:24px;z-index:5;background:var(--paper);font-size:10px;border:1px solid var(--line);border-radius:5px;padding:7px}.mobile-brand .avatar{visibility:hidden}.workspace:not(.hidden)~.mobile-logout{display:none}}
@media(max-width:760px){body:has(.workspace:not(.hidden)) .mobile-logout{display:none}.mobile-brand .avatar{visibility:visible}body:has(.mobile-logout:not(.hidden)) .mobile-brand .avatar{visibility:hidden}}