*{box-sizing:border-box}body{margin:0;background:#edf5fc;color:#21435d;font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #7dc9ff;outline-offset:3px}.login-shell{min-height:100svh;display:grid;grid-template-columns:1.12fr 1fr}.plant-intro{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 70%,#17669a70,transparent 60%),linear-gradient(145deg,#103c63,#082b4c);color:white;padding:48px 9%;display:flex;flex-direction:column}.plant-intro:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#5ebdff55 1px,transparent 1px),linear-gradient(90deg,#5ebdff55 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000)}.logo-panel{display:flex;gap:18px;align-items:center;position:relative;z-index:1}.logo-panel img{background:#dcecf6;border-radius:16px;padding:8px;width:86px;height:86px}.logo-panel>span{font-size:13px;letter-spacing:2.2px;line-height:1.8;font-weight:600}.logo-panel small{font-size:9px;color:#a2cae6;letter-spacing:1.7px}.intro-copy{margin-top:auto;padding-top:70px;z-index:1}.eyebrow,.access-label{font-size:10px;letter-spacing:2px;font-weight:700;color:#74c5fc}.intro-copy h1{font-size:clamp(34px,3.6vw,58px);letter-spacing:-1.7px;line-height:1.14;font-weight:650;margin:22px 0}.intro-copy h1 span{color:#54c7f0}.intro-copy p{font-size:14px;line-height:1.8;color:#a7c8e1}.process-art{height:160px;display:flex;align-items:center;position:relative;margin:42px 0 56px;max-width:430px;z-index:1}.tank{height:88px;width:100px;border:2px solid #5eacd2;border-radius:5px 5px 18px 18px;position:relative;background:#163d5d;overflow:hidden;flex-shrink:0}.tank-two{height:100px;width:110px}.water{position:absolute;bottom:0;inset-inline:0;height:55%;background:linear-gradient(#3bafcc88,#1986b644);border-top:2px solid #63d4e6}.tank i{position:absolute;left:16px;top:14px;width:7px;height:7px;background:#6fe0c2;border-radius:50%;box-shadow:0 0 12px #6fe0c2}.pipe{height:7px;flex:1;min-width:25px;background:#3c9cbd;position:relative}.pipe span{position:absolute;top:-4px;left:40%;border-left:8px solid #94e0f1;border-top:7px solid transparent;border-bottom:7px solid transparent}.filter{height:112px;width:64px;border-radius:25px 25px 18px 18px;border:2px solid #68b8d9;background:#194866;overflow:hidden;flex-shrink:0}.media{height:64%;margin-top:35%;background:repeating-linear-gradient(0deg,#7bb7c866 0 12px,#295f7b 12px 14px);border-top:2px solid #7ac4dc}.process-labels{position:absolute;top:145px;width:100%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#86b8d8}.intro-footer{margin-top:auto;border-top:1px solid #ffffff22;padding-top:22px;font-size:9px;letter-spacing:1.5px;color:#a7c9e3;z-index:1}.status-dot{display:inline-block;width:6px;height:6px;background:#6fe0c2;border-radius:50%;margin-right:8px}.project{float:right}.signin-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 12% 30px;background:linear-gradient(140deg,#fff,#f0f7fd)}.signin-content{max-width:370px;width:100%;margin:auto}.access-label{color:#2c89c4}.signin-content h2{font-size:34px;letter-spacing:-1px;color:#143c5c;margin:18px 0 10px}.signin-note{color:#7990a3;font-size:13px;line-height:1.7;margin-bottom:35px}label{display:block;font-size:12px;font-weight:600;margin:22px 0 10px}input:not([type=hidden]){width:100%;height:49px;background:white;border:1px solid #ccdfed;border-radius:8px;padding:0 15px;color:#21435d;font-size:13px}input::placeholder{color:#9aafbf}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:6px;top:6px;height:37px;border:0;background:transparent;font-size:11px;color:#39799f;border-radius:5px}.login-error{color:#b33f45;font-size:12px;line-height:1.5;min-height:18px;margin:14px 0}.login-error:empty{margin:10px 0;min-height:12px}.signin-button{width:100%;height:49px;border:0;border-radius:8px;background:linear-gradient(110deg,#158dd6,#176cb3);box-shadow:0 6px 18px #1383c323;color:white;font-weight:600;font-size:13px;text-align:left;padding:0 18px}.signin-button:hover{background:#126caf}.signin-button span{float:right;font-size:20px;line-height:16px}.access-help{border-top:1px solid #dce8f1;margin-top:32px;padding-top:22px;font-size:11px;color:#8a9eaf;line-height:1.6}.signin-panel footer{font-size:10px;color:#8aa1b3;padding-top:40px}.signin-panel footer strong{font-weight:500;color:#557992}@media(max-width:780px){.login-shell{grid-template-columns:1fr}.plant-intro{padding:25px 30px}.logo-panel img{width:64px;height:64px}.intro-copy{padding-top:24px}.intro-copy h1{font-size:32px;margin:12px 0}.intro-copy p,.process-art,.intro-footer{display:none}.signin-panel{padding:34px 28px 24px}.signin-content h2{font-size:29px}.signin-note{margin-bottom:22px}.signin-panel footer{padding-top:30px}}@media(max-height:760px) and (min-width:781px){.plant-intro{padding-top:30px;padding-bottom:25px}.intro-copy{padding-top:30px}.process-art{margin:18px 0 36px;height:140px}.process-labels{top:130px}.signin-panel{padding-top:30px}}