:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#263e33;background:#f2f5f1;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(ellipse at 15% 20%,#e4ecdf 0,transparent 46%),#f2f5f1}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:3px solid #9abd8b;outline-offset:4px}.login-layout{display:grid;grid-template-columns:.94fr 1.06fr;width:min(980px,100%);min-height:620px;background:#fff;border:1px solid #dce4d9;border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #183e2810}.identity{background:#14382f;position:relative;isolation:isolate;overflow:hidden;padding:42px;color:#e9f0e6;display:flex;flex-direction:column}.login-brand{display:flex;gap:13px;align-items:center;align-self:flex-start;font-size:23px;font-weight:650;letter-spacing:.5px}.brand-mark{height:44px;width:44px;border-radius:12px;display:grid;place-items:center;background:#d9edb9;color:#25482e;font-size:19px;font-weight:750;letter-spacing:-1px}.login-brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:400;margin-top:5px;color:#afc4b5}.identity-art{position:absolute;left:50%;top:47%;width:350px;height:350px;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:-1}.orbit{position:absolute;border:1px solid #759b7b33;border-radius:50%;inset:0}.orbit-two{inset:40px;border-color:#83a27a40}.orbit-three{inset:80px;border-color:#97b98744;background:#ffffff02}.key-tile{width:110px;height:124px;display:grid;place-items:center;border:1px solid #b9d69370;border-radius:23px;background:linear-gradient(150deg,#3a6548,#244c3a);transform:rotate(-13deg);box-shadow:0 18px 55px #001c193d,inset 0 1px 0 #d5ecb226}.key-tile svg{width:65px;height:65px;stroke:#d3e8b1;stroke-width:2;transform:rotate(13deg)}.orbit-node{position:absolute;width:8px;height:8px;background:#b2cf96;border:3px solid #33583e;border-radius:50%;box-sizing:content-box}.node-one{top:46px;right:50px}.node-two{bottom:65px;left:72px;width:4px;height:4px;background:#6f996d}.identity-caption{margin-top:auto}.identity-rule{display:block;width:27px;height:2px;background:#b8cf93;margin-bottom:20px}.identity-caption h2{font-size:23px;font-weight:500;letter-spacing:1px;margin:0 0 12px}.identity-caption p{color:#96b09f;font-size:10px;letter-spacing:2px;margin:0}.login-panel{padding:62px 58px 27px;display:flex;flex-direction:column;justify-content:center}.login-form-wrap{margin:auto 0;width:100%}.form-heading{margin-bottom:34px}.section-marker{color:#6d8270;letter-spacing:2px;font-size:11px}h1{font-size:28px;letter-spacing:-.8px;font-weight:630;margin:12px 0 0;color:#233f2d}label{font-size:12px;font-weight:550;display:block;margin:22px 0 10px;color:#4e6352}.input-wrap{position:relative;display:flex;align-items:center;border:1px solid #dae3d5;border-radius:7px;background:#fcfdfb;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#689878;box-shadow:0 0 0 3px #e7f0e2}.input-wrap>svg{width:17px;height:17px;flex-shrink:0;margin-left:15px;color:#7b9175}.input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:15px 12px;font-size:13px;color:#294331;line-height:20px}.input-wrap input::placeholder{color:#95a28b;font-size:12px}.password-toggle{border:0;background:none;padding:12px;color:#839776;display:grid;place-items:center}.password-toggle[hidden]{display:none}.password-toggle svg{width:18px;height:18px}.eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}.login-submit{display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #237451;background:#237451;color:#fff;min-height:48px;width:100%;border-radius:7px;font-size:13px;font-weight:550;margin-top:14px;transition:background .15s}.login-submit:hover{background:#1a6042}.login-submit svg{width:17px;height:17px}.login-access{display:flex;align-items:center;justify-content:center;gap:6px;color:#839079;font-size:11px;margin-top:22px}.login-access svg{width:14px;height:14px}.login-error{padding:12px 14px;border-radius:6px;border:1px solid #efd7cf;background:#fff6f2;color:#a25648;font-size:12px;line-height:1.6;margin-bottom:20px}.caps-lock{font-size:11px;color:#9b7840;min-height:16px;margin:8px 0 0}.login-panel footer{margin-top:48px;text-align:center;color:#929d87;font-size:10px;letter-spacing:.5px}.login-panel footer span{padding:0 8px;color:#bac3b1}@media(max-width:760px){body{padding:24px 16px}.login-layout{grid-template-columns:1fr;max-width:440px;min-height:auto;border-radius:14px}.identity{padding:25px 30px}.login-brand{font-size:20px}.brand-mark{width:38px;height:38px;font-size:17px}.identity-art,.identity-caption{display:none}.login-panel{padding:36px 30px 24px}.form-heading{margin-bottom:25px}h1{font-size:25px}.login-panel footer{margin-top:36px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}