:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#293c34;background:#fafbf8;--green:#2d5947;--muted:#637064;--line:#d9dfd3}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #86a891;outline-offset:4px}.login-layout{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#eef1e7;position:relative;overflow:hidden;padding:56px 64px;display:flex;flex-direction:column}.brand{display:flex;gap:13px;align-items:center;width:fit-content}.brand-mark{width:48px;height:50px;background:var(--green);color:#fff;display:grid;place-items:center;border-radius:14px}.brand strong{font-size:28px;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:2.4px;margin-top:4px}.brand strong span,h1 span,h2 span{color:#6d8d59}.intro-copy{margin:auto 0;padding:80px 0 130px;position:relative;z-index:1}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:2.4px;font-weight:600}h1{font-size:clamp(36px,4.1vw,60px);font-weight:500;line-height:1.6;letter-spacing:2px;margin:25px 0 24px}.intro-copy p{font-size:15px;color:var(--muted)}.wordmark{font-family:Georgia,serif;font-size:clamp(100px,14vw,210px);letter-spacing:-9px;color:#dce3d2;position:absolute;bottom:35px;left:55px;white-space:nowrap}.login-panel{display:flex;align-items:center;justify-content:center;padding:60px 40px}.login-form-wrap{width:100%;max-width:360px}h2{font-size:36px;font-weight:550;letter-spacing:1px;margin:18px 0 14px}.subtitle{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 38px}label{display:block;font-size:13px;font-weight:600;margin:24px 0 10px}input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:13px 15px;color:#293c34;font-size:16px}input::placeholder{color:#7c857a;font-size:14px}.password-field{position:relative}.password-field input{padding-right:68px}.reveal{position:absolute;right:4px;top:3px;min-width:54px;min-height:44px;border:0;border-radius:5px;background:none;color:var(--muted);font-size:12px}.reveal:hover{background:#f0f3eb}.error{color:#a2392e;font-size:13px;line-height:1.65;min-height:22px;margin:12px 0 18px}.submit{width:100%;min-height:50px;border:0;border-radius:8px;background:var(--green);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 20px;transition:background .18s}.submit:hover{background:#224535}.submit:disabled{opacity:.7;cursor:wait}.private-note{border-top:1px solid #e5e8df;padding-top:24px;margin-top:32px;text-align:center;color:var(--muted);font-size:12px;letter-spacing:.5px}@media(max-width:760px){.login-layout{display:block}.intro{padding:28px 28px 30px}.brand-mark{width:40px;height:42px}.brand strong{font-size:24px}.intro-copy{padding:38px 0 0}.intro-copy .eyebrow,.wordmark{display:none}h1{font-size:30px;line-height:1.5;letter-spacing:1px;margin:0 0 14px}.intro-copy p{font-size:13px}.login-panel{padding:38px 28px 36px}.login-form-wrap{max-width:420px}h2{font-size:29px;margin-top:12px}.subtitle{margin-bottom:26px}.private-note{margin-top:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
