.client-welcome{min-height:100vh;min-height:100svh;color:#302f27;background:linear-gradient(90deg,#f7f4e8dd,#f7f4e824),url('/assets/login-city.svg') center/cover no-repeat;display:flex;flex-direction:column;padding:30px 5vw;font-family:Arial,sans-serif;position:relative}.cl-brand{display:flex;align-items:center;gap:12px}.cl-brand>span{width:43px;height:48px;display:grid;place-items:center;border:1px solid #a1a88d;border-radius:24px 24px 7px 7px;font-size:15px;color:#62704c;background:#fffff977}.cl-brand strong{font-size:18px;letter-spacing:-.6px}.cl-brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;color:#737862}.cl-main{display:grid;grid-template-columns:1fr 420px;gap:8vw;align-items:center;flex:1;max-width:1150px;width:100%;margin:45px auto}.cl-intro h1{font-size:clamp(38px,5vw,68px);line-height:1.06;letter-spacing:-2.5px;margin:24px 0;font-weight:500}.cl-eyebrow{font-size:9px;letter-spacing:2.3px;color:#6d765a}.cl-intro p{font-size:16px;line-height:1.7;max-width:360px;color:#696e5b}.cl-card{background:#fffefbf5;border:1px solid #fff;border-radius:26px;padding:34px;box-shadow:0 24px 70px #43483316;backdrop-filter:blur(12px)}.cl-card h2{font-size:26px;letter-spacing:-.8px;margin:0 0 8px;font-weight:550}.cl-card-subtitle{font-size:13px;color:#858275;margin-bottom:28px}.cl-card label{display:block;font-size:13px;font-weight:500;margin:20px 0 0;color:#625f52}.cl-card input{display:block;width:100%;font-size:16px;background:#faf9f4;border:1px solid #deded1;border-radius:12px;padding:16px;margin-top:8px;outline:none;color:#302f27;min-height:54px}.cl-card input:focus{border-color:#7e8969;box-shadow:0 0 0 3px #a2b18a22}.cl-card input::placeholder{color:#aaa89b}.cl-password{position:relative}.cl-password input{padding-right:90px}.cl-password button{position:absolute;right:6px;top:5px;min-height:44px;padding:0 10px;font-size:11px;color:#697755;cursor:pointer}.cl-submit{display:block;width:100%;padding:17px;margin-top:26px;border-radius:12px;background:#626e50;color:white;font-size:15px;font-weight:500;min-height:54px;cursor:pointer}.cl-submit:disabled{background:#9da58e;color:white;cursor:default}.cl-help{font-size:11px;line-height:1.7;margin:22px 0 0;color:#928e80}.cl-error{margin-top:16px;padding:12px;border:1px solid #e5bfb5;background:#fff2ed;color:#8f4231;border-radius:10px;font-size:13px;line-height:1.5}.cl-footer{text-align:center;font-size:11px;color:#777e66;padding:10px}.client-welcome button:focus-visible{outline:3px solid #a8b094;outline-offset:3px}@media(max-width:760px){.client-welcome{padding:22px 20px 20px;background:linear-gradient(180deg,#faf8ef55 0%,#faf8ef22 28%,#f6f4e8ed 70%),url('/assets/login-city.svg') 58% top/auto 580px no-repeat,#f6f4e8}.cl-brand strong{font-size:16px}.cl-brand small{font-size:7px;letter-spacing:1.6px}.cl-brand>span{width:36px;height:41px}.cl-main{display:flex;flex-direction:column;gap:25px;margin:38px auto 18px;max-width:420px;align-items:stretch}.cl-intro h1{font-size:40px;letter-spacing:-1.8px;line-height:1.07;margin:13px 0}.cl-intro p{font-size:13px;line-height:1.6;max-width:280px;color:#626a55}.cl-eyebrow{font-size:8px}.cl-card{padding:25px 22px;border-radius:23px;background:#fffefbf7}.cl-card h2{font-size:25px}.cl-card-subtitle{margin-bottom:22px;font-size:12px}.cl-card label{margin-top:17px}.cl-help{font-size:10px;margin-top:18px}.cl-footer{font-size:10px}.cl-submit{margin-top:22px}}@media(max-width:360px){.client-welcome{padding-inline:14px}.cl-intro h1{font-size:36px}.cl-card{padding:23px 19px}}

.client-greeting{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:linear-gradient(#f8f5e95c,#f8f5e9a8),url('/assets/login-city.svg') center/cover;color:#34382d}.cg-card{text-align:center;width:min(440px,100%);padding:42px 24px;border:1px solid #ffffffe0;border-radius:28px;background:#fffdf3df;backdrop-filter:blur(12px);box-shadow:0 22px 75px #464d3417}.cg-logo{display:grid;place-items:center;width:62px;height:70px;margin:0 auto 16px;border:1px solid #9ba58c;border-radius:35px 35px 12px 12px;color:#66734f;font-size:22px}.cg-brand{font-size:15px;margin-bottom:36px}.cg-card h1{font-size:28px;letter-spacing:-1px;font-weight:400}.cg-name{font-size:23px;font-weight:600;margin:12px 0;overflow-wrap:anywhere}.cg-line{display:block;width:65px;height:2px;background:#939f7e;margin:26px auto}.cg-caption{font-size:12px;color:#81866e}.cg-card button{font-size:13px;color:#63734e;margin-top:30px;padding:12px}@media(max-width:480px){.cg-card{padding:36px 20px}.cg-card h1{font-size:26px}}