*{box-sizing:border-box}body{margin:0;background:#edf8f4;color:#173b3b;font-family:'DM Sans',sans-serif}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:7% 11%;background:radial-gradient(circle at 15% 10%,#d7f2e8 0,transparent 34%),linear-gradient(135deg,#effbf7,#e2f3ee)}.auth-brand{max-width:470px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:linear-gradient(140deg,#35b28f,#268ca2);border-radius:15px;color:#fff;font-size:28px;box-shadow:0 12px 25px #248e7c3a}.auth-brand>strong{display:block;font:800 32px Manrope,sans-serif;letter-spacing:-1px;margin-top:18px}.auth-brand>strong span{color:#35ae91}.auth-brand p{color:#5e827a;font-size:18px;line-height:1.5;max-width:330px}.auth-quote{border-left:3px solid #43b596;color:#6d9088;font-size:13px;line-height:1.6;padding-left:14px;margin-top:45px}.auth-card{background:#fff;border:1px solid #d7ebe4;border-radius:18px;padding:36px;box-shadow:0 20px 55px #2c77631c;max-width:460px;width:100%;justify-self:end}.eyebrow{color:#39a889;font-size:10px;font-weight:700;letter-spacing:.14em;margin:0 0 8px}.auth-card h1{font:800 25px Manrope,sans-serif;letter-spacing:-.7px;margin:0}.auth-copy{color:#829b95;font-size:12px;line-height:1.6;margin:10px 0 24px}.auth-card form{display:grid;gap:14px}.auth-card label{display:grid;gap:6px;color:#66837c;font-size:11px;font-weight:700}.auth-card input{border:1px solid #dbece6;border-radius:9px;background:#f8fcfb;padding:12px;color:#173b3b;font:inherit;font-weight:400;outline:0}.auth-card input:focus{border-color:#35ae91;box-shadow:0 0 0 3px #35ae9120}.auth-card button{border:0;border-radius:9px;background:linear-gradient(110deg,#35ae91,#318da2);color:#fff;padding:12px;font-weight:700;margin-top:5px;cursor:pointer}.auth-alert{border-radius:8px;padding:10px;font-size:11px;margin-bottom:14px}.auth-alert.error{background:#fbe6df;color:#a65e4d}.auth-alert.success{background:#def4eb;color:#277b67}.auth-switch{text-align:center;color:#829b95;font-size:11px;margin:22px 0 0}.auth-switch a{color:#278f79;font-weight:700}@media(max-width:750px){.auth-shell{grid-template-columns:1fr;padding:30px 20px}.auth-brand{display:none}.auth-card{justify-self:center;padding:27px}}
.auth-logo{display:flex;align-items:center;gap:12px}.auth-logo .brand-mark{width:44px;height:44px;border-radius:13px;font-size:25px}.auth-logo strong{font:800 30px Manrope,sans-serif;letter-spacing:-1px}.auth-logo strong span{color:var(--mint,#35ae91)}.auth-brand>p{max-width:430px}.auth-feature-list{display:grid;gap:11px;margin-top:30px;color:#5d8078;font-size:12px}.auth-feature-list span{display:flex;align-items:center;gap:9px}.auth-feature-list i{font-style:normal;display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#dff4ec;color:#2b987d;font-size:11px;font-weight:800}.auth-card{max-width:480px}.auth-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-status{font-size:9px;color:#76938c;display:flex;align-items:center;gap:5px;white-space:nowrap}.auth-status i{width:6px;height:6px;border-radius:50%;background:#35ae91}.auth-alert{display:grid;gap:2px}.auth-alert strong{font-size:11px}.auth-alert span{font-size:10px;line-height:1.45}.password-field{position:relative;display:block}.password-field input{width:100%;padding-right:58px}.password-toggle{position:absolute!important;right:6px;top:6px!important;margin:0!important;padding:6px 7px!important;background:#edf6f3!important;color:#4e7971!important;font-size:9px!important;box-shadow:none!important;border-radius:7px!important}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px}.auth-submit i{font-style:normal;font-size:15px;opacity:.85}.auth-divider{display:flex;align-items:center;gap:10px;color:#9bb0ab;font-size:9px;margin:16px 0 11px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e4efeb;flex:1}.auth-divider span{padding:0 3px}.auth-footnote{display:block;text-align:center;color:#9aada8;font-size:8px;line-height:1.5;margin-top:17px}.sso-button{display:flex!important;align-items:center;justify-content:center;gap:9px;position:relative}.sso-button i{font-style:normal;margin-left:auto}.sso-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#173b3b;color:#fff;font:800 11px Manrope}
@media(max-width:750px){.auth-shell{padding:20px}.auth-card{border-radius:15px}.auth-card-head{align-items:flex-start}.auth-status{display:none}}