:root{
  color-scheme:light;
  --auth-bg:#f4f8f6;--auth-surface:#fff;--auth-soft:#f6faf8;--auth-text:#101828;--auth-muted:#667085;
  --auth-line:#dbe7e1;--auth-green:#079669;--auth-green-2:#11b981;--auth-deep:#073d2d;
  --auth-shadow:0 28px 80px rgba(16,24,40,.13);--auth-radius:26px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f8f6;color:var(--auth-text)}
body{background:radial-gradient(circle at 12% 8%,rgba(16,185,129,.10),transparent 30%),linear-gradient(180deg,#fbfdfc 0%,#f1f7f4 100%)}
button,input,select{font:inherit}button{cursor:pointer}.auth-shell{min-height:100svh;display:grid;place-items:center;padding:28px 24px}.auth-card{width:min(1040px,100%);min-height:650px;display:grid;grid-template-columns:1.07fr .93fr;background:#fff;border:1px solid var(--auth-line);border-radius:var(--auth-radius);overflow:hidden;box-shadow:var(--auth-shadow)}
.auth-brand-panel{padding:46px 42px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;background:radial-gradient(circle at 18% 12%,rgba(16,185,129,.13),transparent 32%),linear-gradient(145deg,#fff 0%,#f8fcfa 58%,#eef8f3 100%);border-right:1px solid var(--auth-line)}
.auth-brand-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.auth-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#101828}.auth-brand img{height:36px;max-width:180px;object-fit:contain}.auth-brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--auth-deep);color:#fff;font-weight:900}.auth-brand strong{font-size:20px;letter-spacing:-.4px}.auth-brand strong span{color:var(--auth-green)}.auth-trust{padding:8px 12px;border-radius:999px;background:#10281e;color:#fff;font-size:10px;font-weight:900;letter-spacing:1.45px}
.auth-copy{max-width:520px}.auth-eyebrow,.auth-form-head small,.modal-header small{display:block;margin-bottom:10px;color:#087f5b;font-size:11px;font-weight:900;letter-spacing:1.8px}.auth-copy h1{margin:0;font-size:clamp(42px,4.2vw,61px);line-height:1.01;letter-spacing:-2.8px;color:#101828}.auth-copy p{margin:20px 0 0;color:#5f6f68;font-size:16px;line-height:1.65}
.auth-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.auth-kpis article,.auth-feature-grid article{background:rgba(255,255,255,.96);border:1px solid var(--auth-line);box-shadow:0 8px 26px rgba(16,24,40,.035)}.auth-kpis article{padding:14px;border-radius:16px;display:flex;align-items:center;gap:10px}.auth-kpi-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e9fbf2;color:#087f5b;font-weight:900}.auth-kpis b,.auth-feature-grid b{display:block;color:#17211d;font-size:13px}.auth-kpis small,.auth-feature-grid span{display:block;margin-top:3px;color:#6d7d75;font-size:11px;line-height:1.35}.auth-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.auth-feature-grid article{padding:16px;border-radius:16px}
.auth-form-panel{display:grid;place-items:center;padding:46px;background:#fff}.auth-login-card{width:min(100%,390px)}.auth-form-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:27px}.auth-lock{width:44px;height:44px;flex:0 0 44px;border:1px solid #c6ead9;border-radius:13px;display:grid;place-items:center;background:#ecfdf5;color:#079669;font-weight:900}.auth-form-head h2,.modal-header h2{margin:0;color:#101828;font-size:31px;line-height:1.08;letter-spacing:-1.1px}.auth-form-head p,.modal-header p{margin:7px 0 0;color:var(--auth-muted);line-height:1.5}.auth-form,.otp-form{display:grid;gap:16px}.auth-form label>span,.otp-form label>span,.signup-grid label>span{display:block;margin-bottom:7px;color:#344054;font-size:12px;font-weight:800}
.auth-input{height:50px;display:flex;align-items:center;background:#fff;border:1px solid #d7e3dd;border-radius:14px;transition:border-color .2s,box-shadow .2s}.auth-input:focus-within{border-color:var(--auth-green);box-shadow:0 0 0 4px rgba(7,150,105,.12)}.auth-input i{padding-left:14px;color:#7b8a82;font-style:normal}.auth-input input{flex:1;min-width:0;padding:0 12px;border:0;outline:0;background:transparent;color:#101828;-webkit-text-fill-color:#101828}.auth-input input::placeholder{color:#98a2b3;-webkit-text-fill-color:#98a2b3}.auth-input button{padding:0 14px;border:0;background:transparent;color:#087f5b;font-weight:800}.auth-check{display:flex;align-items:center;gap:9px;color:#475467;font-size:12px}.auth-check input,.signup-terms input{accent-color:var(--auth-green)}
.auth-primary{height:48px;border:1px solid #087f5b;border-radius:14px;background:linear-gradient(135deg,#076149 0%,#0fb981 100%);color:#fff;font-weight:900;box-shadow:0 11px 25px rgba(7,150,105,.20);transition:.2s}.auth-primary:hover{transform:translateY(-1px);box-shadow:0 15px 31px rgba(7,150,105,.28)}.auth-divider{display:flex;align-items:center;gap:12px;margin:19px 0;color:#98a2b3;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#dbe7e1;flex:1}
.auth-otp-button{width:100%;padding:13px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;text-align:left;border:1px solid #b7e6d1;border-radius:15px;background:linear-gradient(180deg,#fbfffd 0%,#f0fbf5 100%);color:#101828;transition:.2s}.auth-otp-button:hover{transform:translateY(-1px);border-color:#079669;box-shadow:0 10px 24px rgba(7,150,105,.10)}.auth-wa-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#079669;color:#fff;font-size:20px;box-shadow:0 8px 18px rgba(7,150,105,.22)}.auth-otp-button b{display:block;font-size:13px}.auth-otp-button small{display:block;margin-top:3px;color:#667085;font-size:10px}.auth-otp-button em{color:#087f5b;font-style:normal;font-weight:900}.auth-new-account{text-align:center;margin-top:18px}.auth-new-account>span{display:block;margin-bottom:9px;color:#98a2b3;font-size:11px}.auth-new-account button{width:100%;height:45px;border:1px solid #13ae7c;border-radius:14px;background:#fff;color:#101828;font-weight:900;transition:.2s}.auth-new-account button:hover{background:#f4fbf7;transform:translateY(-1px)}.auth-secure-row{margin-top:16px;padding-top:14px;display:flex;justify-content:space-between;border-top:1px solid #dbe7e1;color:#7b8a82;font-size:10px}
.auth-footer{width:min(1040px,100%);padding:12px 2px 0;display:flex;justify-content:space-between;gap:20px;color:#667085;font-size:11px}.auth-footer nav{display:flex;gap:16px;flex-wrap:wrap}.auth-footer a{color:inherit;text-decoration:none}.auth-alert,.modal-message{padding:11px 13px;border-radius:12px;margin-bottom:14px;font-size:12px}.auth-alert-error,.modal-message--error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.modal-message--success{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}
.modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:22px}.modal.is-open{display:grid}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.58);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-card{position:relative;width:min(700px,100%);max-height:min(90svh,840px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dbe7e1;border-radius:23px;box-shadow:0 36px 110px rgba(15,23,42,.30)}.otp-card{width:min(510px,100%)}.modal-header{padding:25px 27px 21px;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #e3ece7;background:#fff}.modal-header h2{font-size:29px}.modal-close{width:38px;height:38px;border:1px solid #dbe7e1;border-radius:12px;background:#f8fbf9;color:#344054;font-size:22px}.modal-body{padding:25px 27px;overflow:auto;background:#fff}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.signup-grid input,.signup-grid select,.otp-code{width:100%;height:47px;padding:0 13px;outline:0;border:1px solid #d7e3dd;border-radius:13px;background:#fff;color:#101828;-webkit-text-fill-color:#101828}.signup-grid input::placeholder,.otp-code::placeholder{color:#98a2b3;-webkit-text-fill-color:#98a2b3}.signup-grid input:focus,.signup-grid select:focus,.otp-code:focus{border-color:#079669;box-shadow:0 0 0 4px rgba(7,150,105,.12)}.signup-terms{display:flex;align-items:flex-start;gap:9px;margin:17px 0;color:#475467;font-size:12px;line-height:1.5}.signup-terms a{color:#087f5b;font-weight:800}.modal-actions{display:grid;gap:10px}.modal-text-button{padding:10px;border:0;background:transparent;color:#087f5b;font-weight:800}.otp-success-icon{width:56px;height:56px;margin:0 auto 8px;border-radius:17px;display:grid;place-items:center;background:#e9fbf2;color:#079669;font-size:27px;font-weight:900}.otp-form h3{text-align:center;margin:0;color:#101828;font-size:24px}.otp-form>p{text-align:center;margin:0 0 8px;color:#667085}.otp-code{text-align:center;font-size:24px;font-weight:900;letter-spacing:9px}.wsu-modal-open{overflow:hidden}
/* Keep this public auth page light and readable regardless of operating-system theme. */
@media(prefers-color-scheme:dark){html,body,.auth-card,.auth-brand-panel,.auth-form-panel,.modal-card,.modal-header,.modal-body{color-scheme:light}}
@media(max-width:900px){.auth-shell{padding:18px}.auth-card{grid-template-columns:1fr;min-height:auto;max-width:560px}.auth-brand-panel{display:none}.auth-form-panel{padding:38px 30px}.auth-footer{justify-content:center;text-align:center}.auth-footer nav{display:none}}
@media(max-width:560px){.auth-shell{padding:0;display:block}.auth-card{min-height:100svh;border:0;border-radius:0}.auth-form-panel{min-height:100svh;padding:34px 20px}.auth-form-head h2{font-size:28px}.modal{padding:10px}.modal-card{max-height:95svh;border-radius:18px}.modal-header,.modal-body{padding-left:18px;padding-right:18px}.signup-grid{grid-template-columns:1fr}.auth-footer{display:none}}