/* Attendwise welcome: calm typography, a clear entry point, no sample client data. */
.overlay {padding:0;grid-template-columns:minmax(360px,1.05fr) minmax(420px,1fr);gap:clamp(32px,6vw,110px);background:#f8faf7;align-items:center;min-height:100svh;}
.signin-intro {align-self:stretch;min-height:100svh;background:#123f3a;color:#f6f9ed;padding:clamp(32px,5vw,84px);display:flex;flex-direction:column;position:relative;overflow:hidden;}
.signin-intro::after {content:"";position:absolute;border:1px solid #a3c8a326;width:560px;height:560px;border-radius:50%;right:-300px;bottom:-240px;box-shadow:0 0 0 70px #a3c8a30a,0 0 0 140px #a3c8a308;pointer-events:none;}
.signin-wordmark {color:inherit;display:flex;align-items:center;gap:12px;font-weight:750;font-size:25px;text-decoration:none;letter-spacing:-.7px;}
.signin-wordmark span {background:#d8efac;color:#123f3a;border-radius:12px;width:43px;height:43px;display:grid;place-items:center;}
.signin-intro-copy {margin:auto 0;padding:70px 0 48px;position:relative;z-index:1;}
.signin-eyebrow {font-size:11px;letter-spacing:2.4px;color:#c4dfad;font-weight:700;}
.signin-intro h2 {font-size:clamp(45px,4.8vw,78px);line-height:1.08;letter-spacing:-3.4px;margin:22px 0 26px;font-weight:650;}
.signin-intro-copy>p:last-child {font-size:16px;line-height:1.9;color:#d2e0d9;max-width:410px;}
.signin-features {display:grid;gap:0;position:relative;z-index:1;}
.signin-features span {padding:18px 0;border-top:1px solid #ffffff24;font-size:13px;letter-spacing:.2px;color:#e2ebdf;}
.signin-byline {font-size:11px;color:#b4c9bc;margin-top:30px;position:relative;z-index:1;}
.login-card {width:min(440px,calc(100% - 48px));margin-right:clamp(24px,5vw,84px);padding:0;border:0;background:transparent;box-shadow:none;gap:22px;color:#183c35;}
.login-brand {align-items:flex-start;gap:0;}
.login-brand .login-mark {display:none;}
.login-brand h1 {font-size:28px;line-height:1.25;letter-spacing:-1px;font-weight:750;}
.login-brand p {margin-top:10px;font-size:14px;color:#66766d;}
.login-email-section {gap:10px;}
.login-email-section .form-label {margin-top:6px;color:#334b41;font-size:13px;}
.login-email-section .input {background:#fff;min-height:48px;border-color:#ccd8ce;}
.login-email-section .btn {background:#123f3a;border-color:#123f3a;color:#fff;min-height:48px;margin-top:10px;}
.login-email-section .btn:hover {background:#0b302c;}
.login-help {font-size:12px;text-align:center;color:#66766d;}
.login-separator {color:#758178;}
.signin-account-note {font-size:12px;color:#758178;line-height:1.7;border-top:1px solid #dae2d9;padding-top:20px;}
.login-status {line-height:1.6;overflow-wrap:anywhere;}
@media(max-width:850px){.overlay{grid-template-columns:1fr;gap:36px;padding-bottom:40px;}.signin-intro{min-height:0;padding:28px 28px 30px;}.signin-intro-copy{padding:35px 0 0;margin:0;}.signin-intro h2{font-size:43px;letter-spacing:-2px;margin:12px 0 18px;}.signin-intro-copy>p:last-child{font-size:14px;}.signin-features,.signin-byline{display:none;}.signin-wordmark{font-size:22px;}.login-card{margin:0 auto;width:min(440px,calc(100% - 48px));}.login-brand h1{font-size:25px;}}
@media(prefers-reduced-motion:reduce){.overlay *{animation:none!important;transition:none!important;}}

.login-card,.google-button-wrap {min-width:0;max-width:100%;}
.google-button-wrap {width:100%;}
@media(max-width:850px){.overlay{grid-template-columns:minmax(0,1fr);}.login-email-section,.login-email-section .input{min-width:0;}}

.signin-institution {font-size:12px;color:#66766d;}
.signin-institution summary {cursor:pointer;color:#285d50;min-height:28px;}
.signin-institution[open] {display:grid;gap:8px;}
.signin-institution .form-label {margin-top:10px;}
.signin-institution .input {width:100%;margin:8px 0;min-width:0;background:#fff;}
.signin-institution p {font-size:11px;line-height:1.6;}
