:root:where(:not([data-theme=business])){--login-column:#0b1433;--login-ink:#f3f5ff;--login-ink-2:#c5cde6;--login-rule:#ffffff24;--login-cta:#f4f6ff;--login-cta-ink:#121a45;--login-error-ink:#ffc9c9;--login-error-line:#ff9a9a73}html[data-theme=business]{--login-column:#faf6ec;--login-ink:#1e1b16;--login-ink-2:#4a443a;--login-rule:#ddd4c0;--login-cta:#173c5b;--login-cta-ink:#fff;--login-error-ink:#9a4630;--login-error-line:#e3bfb3}html:has(.login-page){zoom:1!important}.login-page{background:var(--login-column);min-height:100dvh;color:var(--login-ink);font-family:var(--ui-font);grid-template-columns:minmax(360px,460px) minmax(0,1fr);grid-template-areas:"panel photo";display:grid}.login-photo{background:var(--login-column);grid-area:photo;min-height:320px;margin:0;position:relative;overflow:hidden}.login-photo-img{object-fit:cover;object-position:50% 45%}.login-plaque{background:var(--login-column);max-width:min(360px,100% - 64px);color:var(--login-ink);border-radius:4px;flex-direction:column;gap:2px;padding:14px 18px 13px;display:flex;position:absolute;bottom:32px;right:32px}.login-plaque strong{font-family:var(--ui-font-display);letter-spacing:-.005em;font-size:21px;font-weight:500;line-height:1.2}.login-plaque span{color:var(--login-ink-2);font-size:14px}.login-plaque small{border-top:1px solid var(--login-rule);color:var(--login-ink-2);margin-top:8px;padding-top:8px;font-size:12px}.login-panel{flex-direction:column;grid-area:panel;gap:40px;min-width:0;padding:40px 48px 32px;display:flex}.login-brand{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.login-brand .deacon-logo{width:150px;min-width:120px;height:auto}.login-brand span{color:var(--login-ink-2);font-size:15px;font-weight:500}.login-body{flex-direction:column;gap:18px;max-width:360px;margin:auto 0;display:flex}.login-body h1{font-family:var(--ui-font-display);letter-spacing:-.015em;color:var(--login-ink);text-wrap:balance;margin:0;font-size:clamp(30px,3vw,40px);font-weight:500;line-height:1.08}.login-lede{color:var(--login-ink-2);margin:0;font-size:16px;line-height:1.55}.login-note{border-top:1px solid var(--login-rule);color:var(--login-ink-2);margin:0;padding-top:16px;font-size:13.5px;line-height:1.55}.login-error{border:1px solid var(--login-error-line);color:var(--login-error-ink);border-radius:6px;margin:0;padding:10px 12px;font-size:13.5px;line-height:1.5}.login-primary{background:var(--login-cta);min-height:48px;color:var(--login-cta-ink);font:600 15px/1 var(--ui-font);cursor:pointer;border:0;border-radius:8px;align-self:flex-start;padding:0 22px}.login-primary:disabled{opacity:.7;cursor:progress}.login-primary:focus-visible,.login-link:focus-visible{outline:2px solid var(--login-ink);outline-offset:3px}.login-link{color:var(--login-ink);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.login-fine{color:var(--login-ink-2);margin:0;font-size:12.5px}@media (prefers-reduced-motion:no-preference){.login-body,.login-plaque{animation:.5s ease-out both login-in}}@keyframes login-in{0%{opacity:0}to{opacity:1}}@media (max-width:760px){html:has(.login-page){zoom:1!important}.login-page{grid-template:"photo""panel"1fr/minmax(0,1fr)}.login-photo{height:34svh;min-height:200px}.login-plaque{max-width:calc(100% - 32px);padding:10px 14px;bottom:16px;left:16px;right:auto}.login-plaque strong{font-size:17px}.login-plaque span{font-size:13px}.login-plaque small{display:none}.login-panel{gap:24px;padding:24px 20px}.login-brand{flex-direction:row;justify-content:space-between;align-items:center}.login-brand .deacon-logo{width:120px}.login-body{gap:14px;margin:0}.login-body h1{font-size:28px}.login-lede{font-size:15px}.login-primary{align-self:stretch}}