:root{font-family:Arial,"Segoe UI",sans-serif;color:#253c35;background:#f5f6f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8da656;outline-offset:3px}[hidden]{display:none!important}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.intro{background:#203d35;color:#fff;display:flex;flex-direction:column;padding:50px clamp(30px,6vw,100px);position:relative;overflow:hidden}.intro:after{content:"";width:510px;height:510px;border:1px solid #ffffff14;border-radius:50%;position:absolute;bottom:-240px;right:-190px;pointer-events:none}.brand{display:flex;gap:14px;align-items:center;color:inherit;text-decoration:none;align-self:flex-start}.brand svg{width:44px;height:44px;fill:none;stroke:#d8ed9e;stroke-width:4;stroke-linecap:round}.brand span{font-size:28px;font-weight:600;letter-spacing:5px}.brand small{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#b4c7b7;margin-top:5px}.intro-copy{margin:auto 0;padding:68px 0}.eyebrow{font-size:10px;letter-spacing:1.9px;text-transform:uppercase;font-weight:600;margin:0 0 20px;color:#657769}.intro .eyebrow{color:#d8ed9e}.intro h1{font-size:clamp(40px,4.5vw,68px);font-weight:500;line-height:1.08;letter-spacing:-2px;margin:0 0 30px}.intro-copy>p:last-child{font-size:15px;color:#c4d4c8;line-height:1.8;margin:0}.intro-footer{font-size:11px;color:#9eb4a6;letter-spacing:.5px}.form-side{display:flex;align-items:center;justify-content:center;padding:60px 36px}.login-card{width:100%;max-width:390px}.login-card h2{font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.9px;margin:0 0 16px}.description{font-size:14px;line-height:1.7;color:#6d7c75;margin:0 0 30px}form{display:grid;gap:20px}label{font-size:12px;font-weight:600;display:grid;gap:9px}input{width:100%;min-width:0;border:1px solid #dce3d7;background:#fff;border-radius:10px;padding:14px 13px;color:#253c35;font-size:15px}.password-field{position:relative;display:flex}.password-field input{padding-right:90px}.password-field button{position:absolute;right:3px;top:3px;bottom:3px;padding:8px 11px;background:transparent;color:#536c5e;border:0;border-radius:8px;font-size:11px}.primary{width:100%;border:0;border-radius:10px;background:#203d35;color:#fff;padding:16px 20px;font-weight:600;min-height:50px}.primary:hover{background:#31564a}.error{font-size:13px;line-height:1.6;background:#fff0ed;color:#97392f;padding:13px 15px;border-radius:9px;margin:0}.hint{font-size:12px;line-height:1.6;margin:-8px 0 0;color:#6d7c75}.help{font-size:12px;line-height:1.75;color:#6d7c75;margin:24px 0 0}.connection-note{font-size:11px;color:#6d7c75;border-top:1px solid #e3e8df;margin:26px 0 0;padding-top:22px}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.intro{padding:26px 25px 28px}.intro-copy{padding:30px 0 0}.intro h1{font-size:32px;letter-spacing:-.7px;max-width:360px;margin-bottom:16px}.intro h1 br{display:none}.intro h1 br:after{content:" "}.intro h1{white-space:normal}.intro-copy .eyebrow,.intro-footer{display:none}.intro-copy>p:last-child{font-size:13px;line-height:1.6}.intro-copy h1 br{display:initial}.intro-copy h1 br:after{content:none}.intro-copy h1{font-size:30px}.intro-copy h1 br:first-child{display:none}.intro-copy h1 br:first-child:after{content:" "}.form-side{padding:36px 25px 40px;align-items:flex-start}.login-card{max-width:440px}.login-card h2{font-size:27px}.login-card>.eyebrow{margin-bottom:15px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}