*{box-sizing:border-box}body{margin:0;color:#243e33;font:14px 'Segoe UI',Arial,sans-serif;background:#fafbf8}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #9bb783;outline-offset:4px}[hidden]{display:none!important}.auth-layout{min-height:100vh;display:grid;grid-template-columns:46% 54%}.intro{background:#24543f;color:#eff5e9;padding:44px 52px;position:relative;display:flex;flex-direction:column;overflow:hidden}.brand{font-size:30px;letter-spacing:-1px;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px}.brand>span{width:39px;height:41px;border:1px solid #7b9d80;border-radius:12px;display:grid;place-items:center;font-size:25px}.intro-copy{margin:auto 0;padding:65px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#789685}.intro .eyebrow{color:#b4cda7}h1{font-size:clamp(33px,3.6vw,53px);line-height:1.18;font-weight:500;letter-spacing:-1.6px;margin:23px 0}p{color:#87968c;line-height:1.7}.intro p{color:#b5c9b9;font-size:15px}.visual{margin-top:42px;max-width:340px}.visual-card{border:1px solid #62816a;background:#ffffff08;display:flex;align-items:center;padding:22px;gap:18px;border-radius:13px;transform:rotate(-4deg);box-shadow:12px 16px 0 #163e302e}.card-mark{font-size:37px;font-weight:700;color:#d3dfac}.visual-card>span:nth-child(2){font-size:12px;letter-spacing:2px}.visual-card small{color:#9eb69e;font-size:10px;letter-spacing:0}.lock{margin-left:auto;color:#c8d6a4;font-size:25px}.intro-footer{font-size:9px;letter-spacing:2px;color:#9cb99f}.form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 35px;position:relative}.form-card{width:100%;max-width:370px}h2{font-size:31px;letter-spacing:-.8px;font-weight:600;margin:13px 0 9px}.form-card>p{font-size:13px;margin:0 0 30px}label{display:block;font-size:12px;font-weight:500;margin:21px 0 9px}input{width:100%;border:1px solid #dce3da;border-radius:8px;padding:14px;background:#fff;color:#264133}input::placeholder{color:#acb6ae;font-size:12px}.password-field{position:relative}.password-field input{padding-right:92px}.password-field button{position:absolute;right:9px;top:8px;padding:7px;background:none;border:0;color:#84968a;font-size:11px}.hint{font-size:10px;margin:12px 0}.error{font-size:12px;color:#b4503e;white-space:pre-line}.submit{width:100%;background:#285b43;border:0;color:white;border-radius:8px;padding:15px;margin-top:13px;font-weight:600}.submit:hover{background:#1b4833}.submit:disabled{opacity:.6;cursor:wait}.security-note{margin-top:29px;padding-top:22px;border-top:1px solid #e5eae1;color:#95a18e;font-size:11px;display:flex;align-items:center;gap:8px}.security-note span{font-size:19px}.form-footer{position:absolute;bottom:30px;color:#b2b9ae;font-size:10px}#retry{padding:10px;border:1px solid #cedbca;border-radius:7px;background:white}@media(max-width:720px){.auth-layout{grid-template-columns:1fr}.intro{padding:24px 26px}.brand{font-size:25px}.intro-copy,.intro-footer{display:none}.form-side{padding:45px 27px 85px;min-height:calc(100vh - 89px)}h2{font-size:29px}}