.public-landing-card{width:min(1100px,calc(100vw - 48px))!important;max-width:none!important;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch;padding:34px!important}.public-landing-card .public-landing-intro{display:grid;gap:16px;align-content:center;padding:12px 20px;grid-column:2;grid-row:1}.public-landing-kicker{color:#b8842d;font-weight:800;font-size:13px}.public-landing-intro h2{margin:0;color:#173d2a;font-size:clamp(30px,4vw,52px);line-height:1.2}.public-landing-intro p{margin:0;color:#68715c;line-height:1.9;font-size:16px}.public-landing-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-landing-feature{padding:14px;border:1px solid #dce5dd;border-radius:14px;background:#f7faf7;color:#173d2a;font-size:13px}.public-landing-feature b{display:block;margin-bottom:5px}.public-login-panel{grid-column:1;grid-row:1;align-self:center;padding:28px;border:1px solid #e5e3d9;border-radius:18px;background:#fff;box-shadow:0 12px 35px #173d2a12}.public-login-panel form{margin:0}.public-landing-cta{border:0;border-radius:10px;padding:12px 18px;background:#173d2a;color:#fff;font:inherit;cursor:pointer}.public-landing-cta:hover{background:#245c47}@media(max-width:700px){.public-landing-card{display:block;width:min(430px,calc(100vw - 28px))!important;padding:20px!important}.public-landing-card .public-landing-intro{display:grid;grid-column:auto;grid-row:auto;padding:8px 4px;margin-bottom:18px}.public-landing-intro h2{font-size:30px}.public-landing-features{grid-template-columns:1fr 1fr}.public-login-panel{padding:16px;display:block}}
.public-landing-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.public-language-switch{border:1px solid #d7dfd8;border-radius:999px;padding:7px 13px;background:#fff;color:#173d2a;font:inherit;font-size:12px;cursor:pointer}.public-language-switch:hover{border-color:#b8842d;color:#8a641f}
.public-landing-intro h1{margin:0;color:#173d2a;font-size:clamp(30px,4vw,52px);line-height:1.2}
@media(max-width:700px){.public-landing-intro h1{font-size:30px}}
.public-language-switch{white-space:nowrap;writing-mode:horizontal-tb;min-width:58px;flex:0 0 auto}

/* Public home and the existing login form are separate views on the same route. */
#auth-screen.public-landing-screen:not([data-public-view="login"]) .public-login-panel,
#auth-screen.public-landing-screen[data-public-view="home"] .public-login-panel,
#auth-screen.public-landing-screen .public-login-panel[hidden],
#auth-screen.public-landing-screen .public-landing-intro[hidden]{display:none!important}
#auth-screen.public-landing-screen:not([data-public-view="login"]) .public-landing-card,
#auth-screen.public-landing-screen[data-public-view="login"] .public-landing-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:center}
#auth-screen.public-landing-screen:not([data-public-view="login"]) .public-landing-intro,
#auth-screen.public-landing-screen[data-public-view="login"] .public-landing-intro{grid-column:1/-1!important;grid-row:auto!important}
#auth-screen.public-landing-screen:not([data-public-view="login"]) .public-landing-intro{width:min(900px,100%);margin-inline:auto;box-sizing:border-box}
#auth-screen.public-landing-screen:not([data-public-view="login"]) .public-landing-intro h1{max-width:100%;white-space:normal!important;text-wrap:balance}
#auth-screen.public-landing-screen:not([data-public-view="login"]) .public-landing-actions{display:flex!important;justify-content:center}
#auth-screen.public-landing-screen:not([data-public-view="login"]) .public-landing-cta{min-width:min(260px,100%)}
#auth-screen.public-landing-screen:not([data-public-view="login"]){box-sizing:border-box;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;padding-block:clamp(20px,calc((100dvh - 700px)/2),110px)!important;gap:12px;height:100dvh;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important}
#auth-screen.public-landing-screen:not([data-public-view="login"]) .public-landing-card,#auth-screen.public-landing-screen:not([data-public-view="login"]) .saif-legal-footer{flex:0 0 auto}
#auth-screen.public-landing-screen:not([data-public-view="login"]) .saif-legal-footer{position:static!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:min(900px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;margin:0 auto!important;box-sizing:border-box;white-space:normal!important;flex-wrap:wrap!important}
#auth-screen.public-landing-screen[data-public-view="login"] .public-login-panel{display:block!important;grid-column:1!important;grid-row:auto!important;width:min(460px,100%);margin-inline:auto}
#auth-screen.public-landing-screen .public-login-heading{margin:0 0 12px;color:#fff;text-align:center;font-size:24px}
#auth-screen.public-landing-screen .public-login-home-link{display:block;margin:0 0 12px;padding:7px 10px;border:1px solid rgba(239,197,107,.65);border-radius:8px;background:transparent;color:#fff;font:inherit;font-size:13px;cursor:pointer}
#auth-screen.public-landing-screen .public-login-home-link:hover{background:rgba(239,197,107,.14)}
@media(max-width:700px){
  #auth-screen.public-landing-screen:not([data-public-view="login"]) .public-landing-card,
  #auth-screen.public-landing-screen[data-public-view="login"] .public-landing-card{display:block!important}
  #auth-screen.public-landing-screen:not([data-public-view="login"]) .public-landing-intro{padding-inline:4px}
  #auth-screen.public-landing-screen:not([data-public-view="login"]) .public-landing-intro h1{font-size:clamp(28px,8vw,36px)}
  #auth-screen.public-landing-screen[data-public-view="login"] .public-login-panel{width:100%;margin:0}
}