.login-body{background:#f8faf6}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{position:relative;overflow:hidden;background:var(--forest);padding:50px 65px;color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:700px}.login-brand{color:white;font-size:38px;font-weight:700;letter-spacing:-2px;text-decoration:none;width:max-content;z-index:1}.login-brand span{display:block;letter-spacing:5px;font-size:10px;font-weight:500;margin-top:4px}.login-story-copy{z-index:1;margin:65px 0 110px}.login-story h1{color:white;font-size:clamp(38px,4.2vw,68px);line-height:1.12;font-weight:500;letter-spacing:-2px;margin:23px 0}.login-story p{color:#b3c8b9;line-height:1.9;font-size:14px}.login-story-footer{color:#92ae9c;font-size:11px;z-index:1}.login-art{position:absolute;right:-100px;bottom:-80px;width:430px;height:430px;border:1px solid #ffffff15;border-radius:50%;display:grid;place-items:center;background:#ffffff03}.login-art:before{content:'';position:absolute;inset:-60px;border:1px solid #ffffff0d;border-radius:50%}.login-art img{width:240px;opacity:.12}.login-form-panel{padding:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.login-form-wrap{width:100%;max-width:360px}.login-form-wrap h2{font-size:38px;line-height:1.2;letter-spacing:-1.3px;font-weight:600;margin:18px 0}.login-intro{font-size:13px;color:#89948b;margin-bottom:36px}.login-field{margin-bottom:23px}.login-field label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.login-field input{display:block;width:100%;height:49px;border:1px solid #dce4db;border-radius:7px;background:white;padding:0 15px;font:13px 'Segoe UI',sans-serif;color:var(--ink);outline:none}.login-field input:focus{border-color:#649977;box-shadow:0 0 0 3px #1874540e}.login-field input::placeholder{color:#a0aba1}.password-field{position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:10px;top:10px;height:29px;border:0;background:transparent;color:#738b78;font-size:11px;cursor:pointer;padding:0 8px}.login-submit{display:flex;justify-content:space-between;align-items:center;background:var(--forest);color:white;border:0;width:100%;border-radius:7px;padding:16px 19px;font-size:13px;font-weight:600;margin-top:30px;cursor:pointer}.login-submit:hover{background:#1e6049}.login-submit span{font-size:18px}.login-help{text-align:center;font-size:11px;color:#94a093;margin-top:26px}.login-form-panel footer{position:absolute;bottom:35px;font-size:10px;color:#a0ab9f;text-align:center;padding:0 20px}
@media(max-width:850px){.login-story{padding:40px;min-height:650px}.login-form-panel{padding:35px}.login-form-wrap h2{font-size:32px}.login-story h1{font-size:44px}}
@media(max-width:620px){.login-shell{grid-template-columns:1fr}.login-story{min-height:0;padding:24px 28px;height:95px}.login-brand{font-size:26px}.login-brand span{font-size:8px;letter-spacing:3px}.login-story-copy,.login-story-footer,.login-art{display:none}.login-form-panel{min-height:calc(100dvh - 95px);padding:44px 28px 90px}.login-form-wrap h2{font-size:35px}.login-form-panel footer{bottom:24px}}