@charset "UTF-8";
.email-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.email-actions button{border:0;background:transparent;padding:8px 0;color:#55764e;font-size:12px}.email-actions button:disabled{color:#9da79b;cursor:default}#email-code{letter-spacing:7px;font-family:ui-monospace,monospace;font-size:22px}#email-code::placeholder{letter-spacing:1px;font-size:13px}
:root{color-scheme:light;--green:#244e3c;--ink:#202d27;--muted:#78847d;--line:#dde4da;--accent:#d3eba1}
*{box-sizing:border-box}body{margin:0;background:#f5f6f2;color:var(--ink);font-family:Inter,"Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-shell{min-height:100dvh;display:grid;grid-template-columns:44% 56%}.intro{padding:44px 56px;background:#183c32;color:#e7f0e5;display:flex;flex-direction:column;overflow:hidden;position:relative}.brand{display:flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-.6px}.brand b{font-weight:400}.mark{font-family:Georgia,serif;font-weight:bold;font-size:55px;letter-spacing:-7px;margin-right:9px;color:var(--accent);line-height:1}.intro-body{margin:auto 0;padding:80px 0 205px;position:relative}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;color:#90a891}h1{font-size:clamp(35px,3.5vw,55px);line-height:1.4;letter-spacing:-1.5px;font-weight:550;margin:25px 0 23px}.intro p{font-size:14px;line-height:2.2;color:#afc1b5}.orbital{position:absolute;width:265px;height:265px;right:-30px;bottom:-65px;border:1px solid #acc59d2e;border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg)}.orbital:before,.orbital:after{content:"";position:absolute;inset:27px;border:1px solid #acc59d3b;border-radius:50%}.orbital:after{inset:55px;background:#a2bf7e0b}.orbital span{font-family:Georgia,serif;font-weight:bold;font-size:133px;letter-spacing:-18px;line-height:1;color:#a4c27d}.intro footer{font-size:11px;color:#98b39f;display:flex;align-items:center;gap:9px;padding-top:40px}.dot{height:6px;width:6px;border-radius:50%;background:var(--accent)}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:65px clamp(30px,7vw,125px) 30px}.login-content{width:100%;max-width:405px;margin:auto}.login-content .eyebrow{color:#889580}h2{font-size:34px;letter-spacing:-1px;font-weight:600;margin:17px 0 12px}h2 span{color:#8eac69;margin-left:5px}.subtitle{font-size:13px;color:var(--muted);margin:0 0 38px}label{font-size:12px;font-weight:500;display:block;margin:22px 0 10px}input{width:100%;height:49px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:12px 14px;font-size:14px;color:var(--ink);outline:none}input:focus{border-color:#8caa66;box-shadow:0 0 0 3px #a2bd7c20}.password-wrap{position:relative}.password-wrap input{padding-right:68px}.password-wrap button{position:absolute;right:7px;top:8px;bottom:8px;border:none;border-radius:5px;background:transparent;padding:0 10px;color:var(--muted);font-size:11px}.password-wrap button:hover{background:#f1f5ed}.submit{display:flex;align-items:center;justify-content:space-between;background:var(--green);border:1px solid var(--green);border-radius:9px;color:#fff;width:100%;margin-top:30px;padding:15px 18px;font-size:13px;font-weight:550}.submit:hover{background:#306149}.submit span{font-size:18px;line-height:1}.submit:disabled{opacity:.65;cursor:wait}.note{font-size:11px;line-height:1.9;color:#8d988f;margin:20px 0 0}.error{border:1px solid #ecd1c7;border-radius:7px;background:#fbefea;color:#9b5339;font-size:12px;line-height:1.7;padding:10px 12px;margin-top:18px}.login-panel footer{font-size:9px;letter-spacing:1.5px;color:#9ba694;display:flex;justify-content:space-between;gap:12px;margin-top:60px}.login-panel footer span{font-size:10px;letter-spacing:0}button:focus-visible,a:focus-visible{outline:3px solid #91b667;outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){.intro{padding:36px}.login-panel{padding:45px 35px 25px}.orbital{right:-60px}h1{font-size:34px}}@media(max-width:600px){.login-shell{display:block;min-height:100dvh}.intro{padding:26px 28px}.brand{font-size:20px}.mark{font-size:42px}.intro-body,.intro footer{display:none}.login-panel{padding:45px 28px 25px;min-height:calc(100dvh - 94px)}h2{font-size:30px}.subtitle{margin-bottom:29px}.login-content{margin:15px auto auto}.login-panel footer{margin-top:70px;font-size:8px}}
