:root {color-scheme:light;}
body.clos-staff-login-page { margin:0; background:#f7f6f1; color:#193526; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
.clos-staff-login-wrapper { box-sizing:border-box; min-height:100svh; padding:clamp(22px,5vh,70px) 18px 28px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:radial-gradient(circle at 15% 15%,#e1ebdc 0,transparent 36%),radial-gradient(circle at 88% 85%,#e5e8d7 0,transparent 36%),#f7f6f1; }
.clos-staff-login-wrapper *, .clos-staff-login-wrapper *::before, .clos-staff-login-wrapper *::after {box-sizing:border-box;}
.clos-staff-login-card { width:min(100%,430px); padding:clamp(26px,6vw,42px); background:white; border:1px solid #e1e7dd; border-radius:20px; box-shadow:0 18px 65px #123c2b14; text-align:center; }
.clos-brand-mark {margin:auto;width:48px;height:48px;line-height:46px;background:#e5f0e3;color:#176038;border-radius:50%;font-size:34px;}
.clos-brand-name {font-family:Georgia,serif; font-size:31px; font-weight:700; letter-spacing:.045em; margin:12px 0 0; color:#1b5a38;}
.clos-brand-subline {margin:3px 0 28px; font-size:9px; letter-spacing:.22em; font-weight:700; color:#7b8f79;}
.clos-staff-login-card h1 {font-size:26px;line-height:1.2;margin:0 0 8px;font-weight:730;color:#1e3026;}
.clos-login-intro {margin:0 0 27px;color:#687d6e;font-size:14px;line-height:1.5;}
.clos-login-form {text-align:left;}
.clos-login-form label {display:block;margin:16px 0 7px;font-size:13px;font-weight:700;color:#233b2f;}
.clos-login-form input {display:block;width:100%;min-height:49px;padding:12px 14px;border-radius:10px;border:1px solid #c8d4cc;background:#fff;font-size:16px;color:#1a3627;}
.clos-login-form input:focus {outline:3px solid #b6d9bd;outline-offset:1px;border-color:#226a43;}
.clos-login-button {display:block;text-decoration:none !important;width:100%;margin-top:26px;padding:15px 18px;border:0;border-radius:10px;background:#18633d;color:#fff !important; font-weight:750;font-size:16px;line-height:1.35;cursor:pointer;min-height:52px;text-align:center;}
.clos-login-button:hover,.clos-login-button:focus {background:#104d30;color:#fff !important;}
.clos-login-help {margin:22px 0 0;font-size:14px;}
.clos-login-help a,.clos-login-link {color:#1a6841 !important;text-decoration:underline;}
.clos-login-error,.clos-login-message {padding:12px;border-radius:10px;margin:12px 0 18px;text-align:left;font-size:14px;line-height:1.45;}
.clos-login-error {background:#fff1ed;border:1px solid #e8b0a0;color:#802a1c;}
.clos-login-message {background:#eef6eb;border:1px solid #c4dfc7;color:#235434;}
.clos-login-footer {margin:23px 0 0;text-align:center;font-size:12px;color:#69796d;max-width:420px;line-height:1.5;}
@media(max-width:500px){.clos-staff-login-wrapper{padding:14px;justify-content:center;}.clos-staff-login-card{padding:28px 22px;border-radius:16px;}.clos-brand-name{font-size:29px;}}