.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(350px,.9fr) minmax(460px,1.1fr);background:#fff}.login-brand-side{min-height:100vh;position:relative;overflow:hidden;background:#183f30;color:white;padding:35px 8.2%;display:flex;flex-direction:column}.login-brand{padding:0;color:#fff;position:relative;z-index:2}.login-brand small{color:#adc8b7}.login-hero{position:relative;z-index:2;margin-top:clamp(65px,13vh,135px)}.login-hero .eyebrow{color:#bbd4a1}.login-hero h1{font:700 clamp(38px,4.1vw,58px) Manrope,sans-serif;letter-spacing:-2.7px;line-height:1.08;margin:14px 0 13px}.login-hero h1 em{font-style:normal;color:#c5e394}.login-hero p{color:#c1d3c7;font-size:13px;line-height:1.7;max-width:320px;margin:0}.login-art{height:245px;position:relative;max-width:410px;width:100%;margin:20px auto 15px;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #ffffff1a;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:360px;height:155px}.orbit-two{width:285px;height:124px;transform:rotate(48deg)}.art-fan{width:104px;height:104px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#dceab5 0 7px,#418365 8px 12px,transparent 13px);filter:drop-shadow(0 9px 18px #0a201688);z-index:1}.art-fan span{position:absolute;width:25px;height:54px;background:linear-gradient(180deg,#b7d58d,#689b65);border-radius:75% 75% 15% 15%;transform-origin:50% 100%;opacity:.9}.art-fan span:nth-child(1){transform:translateY(-9px) rotate(0deg)}.art-fan span:nth-child(2){transform:translateY(-9px) rotate(90deg)}.art-fan span:nth-child(3){transform:translateY(-9px) rotate(180deg)}.art-fan span:nth-child(4){transform:translateY(-9px) rotate(270deg)}.art-fan i{position:relative;width:14px;height:14px;border-radius:50%;background:#e7efca;z-index:2}.art-card{position:absolute;z-index:3;display:flex;align-items:center;background:#fff;color:#3a4d3f;border:1px solid #ffffffa8;border-radius:8px;box-shadow:0 12px 25px #10251d44;font-size:9px;padding:10px 12px;gap:7px}.art-card b{font-size:9px;color:#3e7958}.art-card-top{top:35px;right:7%}.art-card-bottom{bottom:28px;left:5%}.art-dot{width:7px;height:7px;border-radius:50%;background:#dfa84e}.art-bars{display:flex;align-items:flex-end;height:20px;gap:3px;padding:0 3px}.art-bars i{height:10px;width:4px;background:#8fbc8e;border-radius:3px}.art-bars i:nth-child(2){height:17px}.art-bars i:nth-child(3){height:13px}.login-foot{position:relative;z-index:2;margin-top:auto;font-size:9px;letter-spacing:1.4px;color:#b6cabe}.login-foot span,.login-copy span{margin:0 5px;color:#87a996}.login-form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 8%;position:relative}.login-form-wrap{width:min(420px,100%)}.login-kicker{font-size:9px;letter-spacing:1.5px;color:#7c987f;font-weight:700;margin:0 0 9px}.login-form-wrap h2{font:700 24px Manrope,sans-serif;letter-spacing:-.8px;margin:0;color:#23362a}.login-intro{font-size:11px;color:#849188;margin:7px 0 22px}.role-picker{display:grid;gap:9px}.role-choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #e7ece7;background:#fff;border-radius:8px;padding:12px;cursor:pointer;transition:.16s;color:#314238}.role-choice:hover{border-color:#b9cdbd;background:#fcfdfc}.role-choice.selected{border-color:#4a9169;background:#f4f8f4;box-shadow:0 0 0 2px #e5f0e7}.role-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#eff4ef;color:#4f805f;font-size:15px}.role-choice>span:nth-child(2){display:grid;gap:4px}.role-choice b{font-size:11px}.role-choice small{font-size:9px;color:#89948c}.role-choice>i{font-style:normal;margin-left:auto;width:17px;height:17px;border:1px solid #dce4dd;border-radius:50%;display:grid;place-items:center;font-size:10px;color:transparent}.role-choice.selected>i{border-color:#478861;background:#478861;color:white}.customer-login-select{margin-top:12px}.customer-login-select label{font-size:10px;color:#68756c;font-weight:600;display:block;margin-bottom:6px}.customer-login-select select{width:100%;height:37px;border:1px solid #e3e9e4;border-radius:6px;padding:0 10px;background:white;color:#39483f;font:11px "DM Sans",sans-serif}.login-submit{width:100%;height:42px;margin-top:18px;display:flex;justify-content:center;align-items:center;gap:9px;font-size:11px}.login-submit span{font-size:16px}.login-demo-note{margin-top:16px;padding:10px 11px;border-radius:7px;background:#f7f8f5;color:#89938b;font-size:9px;line-height:1.55}.login-demo-note span{color:#72907a;margin-right:4px}.login-copy{position:absolute;bottom:24px;color:#99a39b;font-size:9px}.mobile-login-brand{display:none}
@media(max-width:850px){.login-screen{grid-template-columns:minmax(280px,.75fr) minmax(390px,1fr)}.login-brand-side{padding:29px 7%}.login-art{transform:scale(.88);transform-origin:center}.login-form-side{padding:30px 6%}}
@media(max-width:650px){.login-screen{display:block;min-height:100vh;background:#fff}.login-brand-side{display:none}.login-form-side{min-height:100vh;padding:35px 23px 70px;justify-content:center}.mobile-login-brand{display:flex;align-items:center;gap:9px;margin-bottom:44px;color:#20362a}.mobile-login-brand b{font:800 19px Manrope,sans-serif;letter-spacing:-1px}.mobile-login-brand small{font-size:8px;letter-spacing:1.5px;color:#78917f;margin-left:3px}.login-copy{bottom:19px;font-size:8px}.login-form-wrap h2{font-size:22px}}