body{margin:0;background:#eef1e4;min-height:100dvh;display:grid;place-items:center;padding:40px}.login-wrap{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:1.05fr 1fr;background:#fffef7;border:1px solid #dce4cf;border-radius:25px;overflow:hidden;box-shadow:0 25px 90px #344d3010}.brand-story{background:#193f33;color:#e9efda;padding:43px 44px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column}.brand-lockup{display:flex;align-items:center;gap:13px;position:relative;z-index:1;text-decoration:none}.brand-lockup img{width:50px;height:50px;border-radius:14px;background:#fff}.brand-lockup b{font-size:25px;letter-spacing:3px;display:block;line-height:1.5}.brand-lockup small{display:block;color:#a8bda5;font-size:9px;letter-spacing:2px}.story-copy{margin-top:86px;position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:2px;color:#96ac85;font-weight:600}.story-copy h1{font-size:clamp(20px,2.6vw,26px);line-height:1.55;font-weight:500;letter-spacing:0;margin:19px 0 22px;color:#eff3df}.story-copy p{font-size:12px;color:#9eb59e;line-height:2.1}.story-tags{display:flex;align-items:center;gap:16px;margin-top:34px;font-size:10px;color:#cccf9e}.story-tags i{width:3px;height:3px;background:#9caf82;border-radius:50%}.brand-story footer{margin-top:auto;display:flex;justify-content:space-between;padding-top:50px;font-size:9px;letter-spacing:2px;color:#8aa086;position:relative;z-index:1}.brand-story footer span{letter-spacing:0;font-size:9px}.story-art{position:absolute;width:360px;height:360px;right:-180px;bottom:-100px;opacity:.8}.story-art>span{position:absolute;border:1px solid #7c9c5e44;border-radius:50%;inset:0}.story-art>span:nth-child(2){inset:40px}.story-art>span:nth-child(3){inset:80px}.story-art b{position:absolute;left:92px;top:30px;color:#7d9b6455;font-size:140px;font-weight:300;transform:rotate(-25deg)}.story-art b span{font-size:40px;color:#c1ac6c66}.login-panel{padding:42px 52px 29px;display:flex;flex-direction:column}.test-pill{align-self:flex-end;font-size:9px;color:#96814d;display:flex;align-items:center;gap:6px;border:1px solid #e7dfc4;border-radius:5px;padding:6px 8px;background:#f8f3e5}.test-pill i{width:4px;height:4px;background:#af9858;border-radius:50%}.form-area{margin:63px 0 35px}.form-area .eyebrow{font-size:9px;color:#9ba889;letter-spacing:1.8px}.form-area h2{font-size:26px;line-height:1.4;margin:12px 0 9px;font-weight:600}.form-note{font-size:11px;color:#8a987b;margin:0 0 30px;line-height:1.8}form label{font-size:11px;color:#5b7351;display:block;margin-bottom:20px}form input{width:100%;display:block;margin-top:9px;height:45px;font-size:12px;padding:13px}form input::placeholder{color:#a5af98}.password-field{position:relative}.password-field input{padding-right:53px}.password-field button{position:absolute;right:13px;top:14px;border:0;background:none;color:#859878;font-size:10px;padding:0}#submit{width:100%;justify-content:space-between;padding:14px 17px;height:46px;font-size:12px;border-radius:9px;margin-top:1px}#error{font-size:11px;min-height:16px;margin:0 0 10px;line-height:1.5}.login-help{text-align:center;font-size:9px;color:#9aa58c;margin:17px 0 30px}.safe-note{border-top:1px solid #e7ecdd;padding-top:23px;display:flex;gap:10px;align-items:center}.safe-note>span{font-size:23px;color:#a1b282}.safe-note p{font-size:10px;color:#798b68;line-height:1.8;margin:0}.safe-note small{font-size:9px;color:#a2ac93}.form-footer{display:flex;justify-content:space-between;margin-top:auto;font-size:9px;color:#9ca68d}.form-footer a{text-decoration:none;color:#7e916b}
@media(max-width:760px){body{padding:0;background:#f6f7ee}.login-wrap{display:block;border:0;border-radius:0;box-shadow:none;min-height:100dvh}.brand-story{padding:28px 27px 26px;min-height:234px}.brand-lockup img{width:40px;height:40px;border-radius:12px}.brand-lockup b{font-size:21px;letter-spacing:2px}.brand-lockup small{font-size:7px;letter-spacing:1.5px}.story-copy{margin-top:27px}.story-copy>.eyebrow,.story-copy p,.story-tags,.brand-story footer{display:none}.story-copy h1{font-size:clamp(18px,5.8vw,22px);line-height:1.5;margin:0}.story-art{width:250px;height:250px;bottom:-135px;right:-90px}.story-art b{left:70px;top:5px;font-size:105px}.story-art b span{font-size:26px}.login-panel{padding:24px 27px 28px;background:#fffef7;border-radius:24px 24px 0 0;margin-top:-30px;position:relative;min-height:calc(100dvh - 204px)}.test-pill{font-size:8px;padding:5px 7px}.form-area{margin:26px 0 30px}.form-area h2{font-size:25px;margin-top:9px}.form-area .eyebrow{font-size:8px}.form-note{font-size:11px;margin-bottom:25px}form input{height:47px;font-size:16px}form input::placeholder{font-size:12px}.password-field button{top:16px}form label{font-size:11px;margin-bottom:20px}.safe-note{padding-top:20px}.login-help{margin:17px 0 25px}.form-footer{font-size:8px}.form-area h2+form{margin-top:22px}}