*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#193c32;background:#fdfdfb}a{color:inherit}.page{display:grid;grid-template-columns:1.12fr 1fr;min-height:100svh}.left{position:relative;overflow:hidden;background:#e9f1e5;border-radius:25px;margin:16px 0 16px 16px;padding:38px 48px 26px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.left:before{content:'';position:absolute;right:-280px;top:130px;width:600px;height:600px;border:1px solid #d9e6d2;border-radius:50%;box-shadow:0 0 0 60px #e4eddc,0 0 0 61px #dce8d6}.brand{position:relative;display:flex;align-items:center;gap:12px;text-decoration:none;font-size:16px;font-weight:600}.brand-gem{width:44px;height:44px;border-radius:14px;background:#246d4c;color:#fff;display:grid;place-items:center;font-size:28px}.brand b{font-weight:750}.brand small{display:block;font-size:11px;font-weight:400;color:#687e6b;margin-top:4px}.left-content{position:relative;max-width:500px;margin:auto;width:100%}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:650;letter-spacing:1.5px;color:#53755b}.eyebrow>span{width:6px;height:6px;background:#39815a;border-radius:50%}h1{font-size:clamp(38px,4vw,62px);line-height:1.09;letter-spacing:-2.8px;font-weight:550;margin:25px 0 20px}h1 em{font-style:normal;color:#4b895d}.intro{max-width:420px;font-size:14px;line-height:1.85;color:#637862;margin-bottom:32px}.connect-preview{padding:21px;background:#fff;border-radius:19px;border:1px solid #ffffffb0;box-shadow:0 20px 50px #31533510;max-width:440px;transform:rotate(-1deg)}.preview-heading{display:flex;gap:10px;align-items:center}.preview-icon{width:34px;height:34px;background:#edf4e8;border-radius:11px;display:grid;place-items:center;font-size:23px;color:#39825a}.preview-heading b{display:block;font-size:11px;font-weight:650}.preview-heading small{display:block;font-size:9px;color:#7e8f7c;margin-top:4px}.connection{display:flex;align-items:center;justify-content:center;padding:38px 28px 12px;gap:20px}.phone-icon,.desktop-icon{display:grid;place-items:center;width:70px;height:70px;background:#f3f7ee;border:1px solid #e1e9db;border-radius:20px;font-size:34px;color:#568064}.desktop-icon{font-size:30px;background:#e0edd7}.connection-path{display:flex;gap:10px}.connection-path i{height:5px;width:5px;background:#8bb586;border-radius:50%}.connection-labels{display:flex;justify-content:space-around;font-size:9px;color:#75816e;padding-bottom:28px}.connection-note{display:flex;align-items:center;gap:13px;background:#f5f8f0;border:1px solid #e6ecdf;border-radius:11px;padding:15px}.connection-note>i{font-size:25px;color:#4e795b}.connection-note b{display:block;font-size:11px}.connection-note span{display:block;color:#788775;font-size:9px;line-height:1.6;margin-top:5px}.benefits{display:flex;gap:17px;flex-wrap:wrap;font-size:9px;color:#637e66;margin-top:28px}.benefits i{margin-right:4px}.brand-footer{position:relative;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#74846e}.right{display:flex;align-items:center;justify-content:center;padding:80px 45px}.login-card{width:100%;max-width:390px}.secure-tag{font-size:9px;letter-spacing:1.6px;color:#698875;display:flex;align-items:center;gap:7px;margin-bottom:21px}.card-title{font-size:34px;letter-spacing:-1.3px;font-weight:600;margin:0 0 10px}.card-sub{font-size:13px;color:#7d8c81;line-height:1.6;margin:0 0 36px}.fld{margin-bottom:22px}.fld-label{display:block;font-size:12px;font-weight:550;color:#40594b;margin-bottom:10px}.fld-wrap{position:relative}.fld-icon{position:absolute;left:16px;top:18px;color:#90a095;font-size:15px}.fld-input{height:53px;border:1px solid #dce4dd;background:white;border-radius:9px;padding:12px 46px;width:100%;color:#214533;font:inherit;font-size:14px;outline:none;transition:.15s}.fld-input::placeholder{color:#9aa79e;font-size:12px}.fld-input:focus{border-color:#388459;box-shadow:0 0 0 3px #38845914}.eye-btn{position:absolute;right:6px;top:6px;width:40px;height:40px;border:0;background:transparent;color:#889d8d;border-radius:6px;cursor:pointer}.opts-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 28px;font-size:11px}.chk-wrap{display:flex;align-items:center;gap:8px;color:#6d7f70;cursor:pointer}.chk-wrap input{width:15px;height:15px;margin:0;accent-color:#246d4c}.forgot-lnk{color:#33754d;font-weight:600;text-decoration:none}.btn-signin{height:52px;width:100%;border:0;border-radius:9px;background:#246d4c;color:white;font:inherit;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.btn-signin:hover{background:#185538}.btn-signin:disabled{opacity:.65;cursor:wait}.btn-signin i{margin-right:8px}.btn-spinner{display:none;height:16px;width:16px;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-link{margin-top:26px;border-top:1px solid #e6ece5;padding-top:25px;text-align:center;font-size:11px;color:#7d8e7d}.bottom-link a{text-decoration:none;line-height:1.8}.bottom-link span{font-weight:650;color:#35784e;margin-left:4px}.login-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#819580;margin-top:24px}.pg-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#94a08f;margin-top:48px;flex-wrap:wrap}.alert-box{padding:13px;display:flex;gap:9px;border:1px solid #edc9c1;background:#fff2ef;border-radius:9px;color:#a84732;font-size:12px;line-height:1.5;margin-bottom:22px}.a-success{background:#edf8ee;border-color:#c7e4c8;color:#2a7042}.invalid-feedback{display:block;font-size:11px;color:#b34336;margin-top:7px}.is-invalid{border-color:#c26050}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #347e50;outline-offset:4px}
@media(max-width:1050px){.left{padding:30px}.right{padding:70px 32px}h1{font-size:44px}.benefits{gap:12px}.brand-footer{flex-wrap:wrap}}
@media(max-width:760px){.page{display:flex;flex-direction:column}.right{order:0;padding:56px 24px 36px}.left{order:1;margin:12px;padding:28px;gap:35px}.login-card{max-width:420px}.card-title{font-size:31px}.pg-footer{margin-top:32px}.connect-preview{transform:none}.fld-input{font-size:16px}.brand-footer{font-size:9px}h1{font-size:43px}.left-content{max-width:440px}.connection{gap:14px;padding-left:8px;padding-right:8px}.benefits{line-height:1.8}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}