/* Website-facing authentication: continuous flat panels, not a card on a dark stage. */
body :is(#login-screen,.account-page){font-family:'Instrument Sans',Arial,sans-serif;color:#171719;background:#fffaf4;color-scheme:light}
body #login-screen:not([hidden]){display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - var(--public-promo-height,0px));padding-top:var(--header-height,82px);box-sizing:border-box}
#login-screen>.lead-shared-header{grid-column:1/-1}
body #login-screen .login-story{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(32px,6vw,90px);background:#f5d8c7;color:#171719;overflow:hidden;border:0}
body #login-screen .login-story:before{content:'';position:absolute;inset:auto -70px -170px auto;width:370px;height:370px;border-radius:50%;background:linear-gradient(140deg,#c7d8bd77,#bbaaee66,#f5d8c7);pointer-events:none}
body #login-screen .login-story>.brand{display:none}body #login-screen .login-statement{position:relative;z-index:1;padding:30px 0 50px}
body #login-screen .login-statement h1{font:650 clamp(46px,5.7vw,78px)/.98 'Instrument Sans',Arial,sans-serif;color:#171719;letter-spacing:-.065em}
body #login-screen .login-statement .eyebrow{color:#42672d;font-size:11px;letter-spacing:.12em}
body #login-screen .login-statement>p:last-of-type{color:#685d56;font-size:17px;line-height:1.65;max-width:40ch}
body #login-screen .login-lines{display:none}body #login-screen .login-footer{position:relative;color:#685d56;font-size:12px}
body #login-screen .login-panel{display:grid;place-items:center;background:#fffaf4;padding:clamp(32px,6vw,86px);border:0;box-shadow:none}
body #login-screen .login-form-wrap{width:min(100%,450px);padding:0;border:0;border-radius:0;background:transparent;color:#171719;box-shadow:none}
body #login-screen .login-form-wrap h2{font-size:clamp(34px,4vw,48px);letter-spacing:-.05em;color:#171719;margin:0 0 12px}
body #login-screen .login-form-wrap>p.muted{margin:0;line-height:1.6}
body #login-screen .muted,body #login-screen .small{color:#685d56}body #login-screen .pill{background:#edf4e5;color:#365324}
body #login-screen :is(input,select){background:#fff;color:#171719;border:1px solid #c6bcb4;min-height:50px;border-radius:6px;font:inherit}
body #login-screen .button.primary{background:#171719;color:#fff;border-color:#171719;min-height:50px;border-radius:6px}body #login-screen .button.primary:hover{background:#333;color:#fff}
body #login-screen .text-link{color:#171719}body #login-screen .auth-create{display:block;margin:22px 0 18px;font-size:14px;text-decoration:none}.auth-create strong{text-decoration:underline;text-underline-offset:4px}
body #login-screen :is(a,button,input):focus-visible{outline:2px solid #386c25;outline-offset:3px}
body #login-screen .login-profile-note{background:#edf4e5;color:#365324;border-color:#c7d8bd}
body .account-page{padding-top:var(--header-height,82px)}body .account-intro{background:#f5d8c7}body .account-form-wrap{background:#fffaf4}body .account-card{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;font-family:'Instrument Sans',Arial,sans-serif}body .account-intro>a{display:none}body .account-kicker{margin-top:50px}body .account-intro h1{font-weight:650}body .account-card input,body .account-card select{font-family:inherit}
@media(max-width:800px){body #login-screen:not([hidden]){grid-template-columns:1fr}body #login-screen .login-story{padding:28px 24px}body #login-screen .login-statement{padding:12px 0 0}body #login-screen .login-statement h1{font-size:43px}body #login-screen .login-statement>p:last-of-type{font-size:14px;margin-top:18px}body #login-screen .login-footer{display:none}body #login-screen .login-panel{padding:34px 24px 48px}body #login-screen .login-story:before{width:220px;height:220px;bottom:-125px}body .account-intro{padding:30px 24px}body .account-kicker{margin-top:15px}body .account-intro h1{font-size:44px}body .account-form-wrap{padding:30px 24px}}
/* Keep all sign-in methods and supporting actions aligned to the form. */
body #login-screen .login-form-wrap{min-width:0}
body #login-screen #login-form{width:100%;margin:24px 0 0}
body #login-screen #login-form>button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}
body #login-screen .auth-divider{display:flex;align-items:center;gap:14px;color:#827970;font-size:12px;margin:18px 0}
body #login-screen .auth-divider:before,body #login-screen .auth-divider:after{content:'';height:1px;flex:1;background:#e4dcd4}
body #login-screen .auth-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;box-sizing:border-box;padding:12px 18px;border:1px solid #c6bcb4;border-radius:6px;background:#fff;color:#171719;font:600 13px 'Instrument Sans',Arial,sans-serif;text-decoration:none;white-space:nowrap}
body #login-screen .auth-google:hover{background:#f5f3ed;border-color:#9c978b}
body #login-screen .auth-google img{width:20px;height:20px;flex:0 0 20px}
body #login-screen .auth-google:disabled{color:#766d66;cursor:not-allowed}
body #login-screen .auth-secondary-actions{display:grid;gap:16px;width:100%;margin-top:24px;padding-top:20px;border-top:1px solid #e4dcd4;text-align:center}
body #login-screen .auth-create{display:flex;justify-content:center;align-items:center;gap:5px 9px;flex-wrap:wrap;width:100%;margin:0;font-size:13px;line-height:1.6}
body #login-screen .auth-create strong{white-space:nowrap}
body #login-screen .auth-help{margin:0;color:#786b61;font-size:12px;line-height:1.65}
body #login-screen .auth-admin-link{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #e4dcd4;padding-top:18px;margin:0;font-size:12px;line-height:1.5;text-decoration:none}
body #login-screen #login-error{margin:0;line-height:1.55;overflow-wrap:anywhere}
body #login-screen [hidden]{display:none!important}
body #login-screen .login-methods{display:grid;gap:12px;margin-top:26px}
body #login-screen .auth-email svg{width:20px;height:20px;flex:0 0 20px}
body #login-screen .auth-method-note{margin:4px 0 0;color:#685d56;font-size:13px;line-height:1.65;text-align:center}
body #login-screen .auth-method-back{justify-content:flex-start;background:none;border:0;padding:0;min-height:32px;font:inherit;font-size:13px;cursor:pointer}
@media(max-width:420px){body #login-screen .auth-create{flex-direction:column;gap:3px}body #login-screen .auth-secondary-actions{gap:17px}}

/* A clear, consistent entry point for creating an account. */
body .account-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body .account-intro{display:flex;flex-direction:column;justify-content:center;min-width:0}
body .account-kicker{margin-top:0}
body .account-intro p:last-child{max-width:35ch}
body .account-form-wrap{min-width:0;padding:clamp(30px,5vw,72px)}
body .account-card{max-width:450px;min-width:0}
body .account-card>p{font-size:15px;line-height:1.6;margin-bottom:24px}
body .account-card .signup-google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 18px;margin:0;border-radius:6px;font:600 13px 'Instrument Sans',Arial,sans-serif}
body .account-card .signup-google img{width:20px;height:20px;flex:0 0 20px}
body .account-card .signup-divider{display:flex;align-items:center;gap:14px;margin:18px 0;font-size:12px;line-height:1.5}
body .account-card .signup-divider::before,body .account-card .signup-divider::after{content:'';height:1px;flex:1;background:#e4dcd4}
body .account-card .form-grid{gap:18px;grid-template-columns:minmax(0,1fr)}
body .account-card .form-grid label{min-width:0;font-size:13px;line-height:1.4}
body .account-card :is(input,select){min-width:0;min-height:50px;font-size:16px}
body .account-card .signup-email-note{font-size:12px;line-height:1.6;color:#685d56;margin:18px 0 0}
body .account-card #signup-form>button{margin-top:20px;min-height:50px}
body .account-card .status:empty{display:none}
body .account-card .login-link{font-size:13px;line-height:1.6}
body .account-card :is(a,button):focus-visible{outline:2px solid #386c25;outline-offset:3px}
@media(max-width:800px){
  body .account-page{grid-template-columns:minmax(0,1fr)}
  body .account-intro{padding:24px}
  body .account-intro h1{max-width:12ch;font-size:38px;line-height:1.03}
  body .account-kicker{margin:0 0 12px}
  body .account-intro p:last-child{font-size:14px;line-height:1.6;margin-top:16px}
  body .account-form-wrap{padding:28px 24px 44px}
  body #login-screen .login-story{padding:24px}
  body #login-screen .login-statement{padding:0}
  body #login-screen .login-statement h1{font-size:38px;line-height:1.03}
  body #login-screen .login-panel{padding:28px 24px 44px}
}