.login-page{color:#292720;background:#f5f2eb;grid-template-columns:1fr 1fr;min-height:100svh;font-family:Times New Roman,Times,serif;display:grid}.login-entry{flex-direction:column;min-height:100svh;padding:48px clamp(32px,5vw,88px);display:flex}.login-brand{font-family:var(--font-sans);letter-spacing:-1.7px;align-items:center;gap:11px;font-size:38px;font-weight:600;line-height:1;display:flex}.login-form{width:100%;max-width:380px;margin:auto;padding:40px 0}.login-form h1{font-family:var(--font-sans);letter-spacing:-.6px;color:#292720;margin-top:30px;font-size:26px;font-weight:600;line-height:1.4}.login-subtitle{font-family:var(--font-sans);color:#746e63;margin-top:4px;font-size:17px;line-height:1.5}.login-providers{flex-direction:column;gap:10px;margin-top:28px;display:flex}.login-continue{text-align:left;color:#292720;width:100%;height:48px;font-family:var(--font-sans);background:#faf8f3;border:1px solid #d3cec3;border-radius:6px;grid-template-columns:20px 166px;justify-content:center;gap:10px;padding:0 20px;font-size:14px;font-weight:500;transition:background .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 1px 2px #29272005}.login-continue img,.login-continue svg{width:20px;height:20px}.login-continue:hover{background:#eee9df;border-color:#8c8477;box-shadow:0 2px 5px #2927200a}.login-continue:active{background:#e5dfd3}.login-provider-notice{color:#776f63;min-height:20px;font-family:var(--font-sans);margin-top:16px;font-size:13px;line-height:20px}.login-continue:focus-visible{outline-offset:4px;outline:2px solid #625543}.login-art{background:#252321;min-height:100svh;position:relative;overflow:hidden}.login-art>img{object-fit:cover;object-position:center;will-change:transform;width:100%;height:100%;animation:32s ease-in-out infinite alternate login-oil-drift;position:absolute}@keyframes login-oil-drift{0%{transform:scale(1.06)translate(-.7%,-.5%)rotate(-.4deg)}to{transform:scale(1.14)translate(.7%,.5%)rotate(.4deg)}}@media (width<=700px){.login-page{grid-template-columns:1fr}.login-entry{min-height:max(480px,74svh);padding:28px}.login-brand{font-size:36px}.login-form{padding:40px 0}.login-form h1{font-size:26px}.login-providers{gap:10px;margin-top:28px}.login-continue{gap:10px;height:48px;padding:0 18px;font-size:14px}.login-art{min-height:26svh}}@media (width<=700px) and (height<=550px){.login-entry{min-height:100svh}.login-art{display:none}}@media (prefers-reduced-motion:reduce){.login-art>img{will-change:auto;animation:none}.login-continue{transition:none}}