:root{color-scheme:light;--ink:#172523;--muted:#60716a;--paper:#f5f6f2;--line:#d4dcd5;--accent:#ceefb2;--dark:#17382e;--error:#a62929;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input{font:inherit}.shell{display:grid;grid-template-columns:46% 54%;min-height:100svh}.brand{background:var(--dark);color:#f3f7ee;padding:44px 11%;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.wordmark{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:22px;font-weight:600;letter-spacing:-.5px}.monogram{background:var(--accent);color:var(--dark);width:42px;height:42px;display:grid;place-items:center;border-radius:10px;font-size:29px;font-weight:750}.brand-copy{padding:72px 0}.eyebrow{font-size:14px;color:#cfddcf;letter-spacing:2px;margin-bottom:28px}h1{font-size:clamp(40px,4.8vw,72px);line-height:1.22;letter-spacing:-3px;margin:0;font-weight:600}h1 span{color:var(--accent)}.intro{color:#c7d8ce;font-size:16px;line-height:1.95;margin:30px 0}.workflow{display:flex;gap:18px;align-items:center;color:var(--accent);font-size:13px;padding-top:25px;border-top:1px solid #456254;max-width:340px}.workflow span:nth-child(even){color:#86a08e}.brand-footer,.entry-footer{display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.8}.brand-footer{color:#b7cbbd;letter-spacing:.6px}.entry{padding:48px 9%;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.entry-top{font-size:10px;letter-spacing:1.6px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:16px}.security{font-size:11px;letter-spacing:0;white-space:nowrap}.security:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#458152;margin-right:7px}.form-wrap{width:100%;max-width:384px;margin:64px auto}.section-label{color:var(--muted);font-size:13px;margin:0 0 12px}h2{font-size:30px;line-height:1.35;letter-spacing:-1px;font-weight:650;margin:0 0 12px}.subtitle{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 36px}label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}input{width:100%;height:50px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:0 15px;color:var(--ink);font-size:15px;transition:border-color .15s}input::placeholder{color:#7a847e}input:hover{border-color:#8b9c8e}input:focus{border-color:#416b4a;outline:3px solid #b9d9bc;outline-offset:2px}.password-label{margin-top:23px}.password-field{position:relative}.password-field input{padding-right:65px}.password-field button{position:absolute;right:3px;top:3px;height:44px;min-width:54px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;border-radius:5px}.password-field button:hover{background:#edf2eb;color:var(--ink)}#feedback{min-height:22px;margin:13px 0;color:var(--error);font-size:13px;line-height:1.7}.submit{display:flex;justify-content:space-between;align-items:center;width:100%;height:51px;padding:0 20px;border:0;border-radius:7px;background:var(--dark);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .15s}.submit:hover{background:#285242}.submit:active{transform:translateY(1px)}.submit:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #8dad78;outline-offset:3px}.session-note{font-size:11px;line-height:1.8;color:var(--muted);margin:17px 0 34px}.note{border-top:1px solid var(--line);padding-top:25px}.note span{font-size:12px;font-weight:600}.note p{font-size:12px;line-height:1.8;color:var(--muted);margin:7px 0 0}.entry-footer{color:var(--muted);font-size:10px}@media(min-width:1600px){.shell{max-width:1800px;margin:auto}}@media(max-width:1000px){.brand{padding:36px 9%}.entry{padding:38px 8%}.entry-top{display:block}.security{display:block;margin-top:10px}.brand-footer{flex-direction:column;gap:0}.entry-footer{flex-direction:column;gap:0}}@media(max-width:700px){.shell{display:flex;flex-direction:column}.brand{padding:22px 24px}.wordmark{font-size:19px}.monogram{width:34px;height:34px;font-size:24px}.brand-copy,.brand-footer{display:none}.entry{flex:1;padding:27px 24px 22px}.entry-top{display:flex;font-size:9px;letter-spacing:.8px}.security{margin:0;font-size:10px}.form-wrap{margin:42px auto}.entry-footer{flex-direction:row;flex-wrap:wrap}h2{font-size:27px}.subtitle{margin-bottom:29px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
