body.cmk-login {background:#f6f7f2;color:#253b34;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;height:auto;min-height:100vh}
.cmk-login .inner-bg {padding:0!important}.cmk-login .bgoffsetbg {display:grid;grid-template-columns:minmax(380px,44%) minmax(0,1fr);align-items:stretch;min-height:100vh}
.cmk-login .bgoffsetbg>div {width:auto;float:none;min-width:0}.cmk-login .bgoffsetbg>div:first-child {background:#fff;display:flex;align-items:center;padding:44px 36px!important;border-right:1px solid #e1e8df}
.cmk-login .loginbg {width:100%;max-width:400px;margin:auto}.cmk-login .form-top,.cmk-login .form-bottom {padding:0;overflow:visible}.cmk-login .form-top-left {float:none;padding:0;width:100%}
.cmk-login .cmk-login-brand {padding:0;text-align:left;border-radius:0;margin:0 0 46px}.cmk-login .cmk-login-brand img {width:285px!important;margin:0!important}
.cmk-login .form-bottom h3 {font-size:28px;line-height:1.25;letter-spacing:-.7px;font-weight:650;color:#253e35;margin:0 0 10px}.cmk-login-intro {font-size:14px;line-height:1.65;color:#6b776f;margin-bottom:26px}
.cmk-login label:not(.sr-only) {display:block;font-size:12px;font-weight:600;margin:0 0 7px;color:#3d5348}
.cmk-login .form-group {margin-bottom:19px}.cmk-login .form-control {height:48px;border:1px solid #cfdacf!important;border-radius:8px;background:#fff;padding:12px 40px 12px 14px;font-size:15px;color:#253e35;box-shadow:none!important;line-height:1.4}
.cmk-login .form-control:focus {border-color:#2c8078!important;outline:3px solid #59b5bd20;outline-offset:1px}
.cmk-login .form-bottom button.btn {border:0;border-radius:8px;background:#216c67;color:white;height:48px;line-height:1.2;font-size:14px;font-weight:600;box-shadow:none;margin:3px 0 17px}
.cmk-login .form-bottom button.btn:hover {background:#195550}.cmk-login .forgot {color:#296e63;font-size:12px;float:none;display:inline-block;margin:0 0 20px}.cmk-login .has-feedback .form-control-feedback {top:25px;color:#779084}
.cmk-login .cmk-login-art {background:#f1f4e9!important;min-height:100%;display:flex!important;flex-direction:column;justify-content:center;padding:70px!important;position:relative;overflow:hidden;isolation:isolate}
.cmk-login-art::after {content:'';position:absolute;background:#fff9e6;width:350px;height:350px;border-radius:50%;bottom:-160px;right:-120px;z-index:-1}
.cmk-login-story {text-align:left;max-width:490px;margin:0 auto 24px}.cmk-login-story img {width:148px;height:148px;margin-bottom:35px;object-fit:contain}.cmk-login-story small {display:block;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2px;color:#597766;margin-bottom:16px}
.cmk-login-story h2 {font-size:42px;line-height:1.2;letter-spacing:-1.6px;font-weight:600;color:#294f3f;margin:0 0 20px}.cmk-login-story p {font-size:15px;line-height:1.8;color:#627668;max-width:370px}
.cmk-account-notice {border-top:1px solid #e1e8df;padding-top:18px;font-size:11px;line-height:1.75;color:#6c786e;margin:0}.cmk-account-notice strong {display:block;color:#4f685a;font-size:12px;margin-bottom:4px}
.cmk-login .loginright {max-height:200px;color:#39523f}.cmk-login .loginright h4,.cmk-login .loginright a {color:#216c67}.cmk-login .cmk-login-art .h3 {font-size:17px;color:#39523f}.cmk-login .bg-shadow-remove {background:transparent}
.cmk-login :is(a,button,input):focus-visible {outline:3px solid #308b84;outline-offset:3px}
@media(max-width:900px){.cmk-login .cmk-login-art{padding:40px!important}.cmk-login-story h2{font-size:34px}}
@media(max-width:767px){.cmk-login .bgoffsetbg{grid-template-columns:1fr;min-height:100svh}.cmk-login .bgoffsetbg>div:first-child{padding:40px 26px!important;border-right:0}.cmk-login .cmk-login-brand{margin-bottom:34px}.cmk-login .cmk-login-brand img{width:260px!important}.cmk-login .cmk-login-art{padding:30px 26px!important;min-height:auto}.cmk-login-story{display:none}.cmk-login .cmk-login-art:not(:has(.loginright)){display:none!important}.cmk-login .form-control{font-size:16px}.cmk-login .form-bottom h3{font-size:26px}}

.cmk-login .form-control-feedback,.cmk-login .forgot .fa{display:none}.cmk-login .form-control{padding-right:14px}

/* CMK Notion adaptation: paper surfaces, neutral typography, original teal/artwork. */
@media screen {
 body.cmk-login {background:#f6f5f4;color:#2f302e;-webkit-font-smoothing:antialiased}
 .cmk-login .bgoffsetbg>div:first-child {border-color:#e5e4e1}
 .cmk-login .form-bottom h3 {color:#2f302e;font-weight:700}
 .cmk-login-intro,.cmk-login-story p,.cmk-account-notice {color:#656761}
 .cmk-login label:not(.sr-only),.cmk-account-notice strong {color:#3c4039}
 .cmk-login .form-control {border-color:#cdd0c8!important;border-radius:6px;color:#2f302e}
 .cmk-login .form-bottom button.btn {border-radius:6px}
 .cmk-login a {color:#216c67}
 .cmk-login a:hover {color:#195550}
 .cmk-login .cmk-login-art {background:#f6f5f4!important}
 .cmk-login-art::after {background:#eeede8}
 .cmk-login-story h2 {color:#2f302e;font-weight:650}
 .cmk-login-story small {color:#656761;letter-spacing:1px}
 .cmk-account-notice {border-color:#e5e4e1}
}