:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#20332e;background:#f5f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#163d34;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 9%;isolation:isolate}.intro:before,.intro:after{content:"";position:absolute;border:1px solid #ffffff0d;border-radius:50%;z-index:-1}.intro:before{width:720px;height:720px;left:-370px;top:16%}.intro:after{width:540px;height:540px;right:-320px;bottom:-150px}.brand,.mobile-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:12px;background:#d5e9b1;color:#173d34;display:grid;place-items:center;font-size:19px;font-weight:800}.brand strong{display:block;font-size:17px;letter-spacing:.12em}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:#b5cbbf;margin-top:4px}.intro-content{max-width:510px;margin:50px 0}.eyebrow,.section-label{font-size:11px;font-weight:700;letter-spacing:.18em}.eyebrow{color:#c3d9bc;display:flex;align-items:center;gap:10px}.eyebrow span{display:block;width:24px;height:1px;background:#b3d4a4}.intro h1{font-size:clamp(35px,3.4vw,52px);letter-spacing:.04em;line-height:1.4;margin:28px 0 19px;font-weight:650}.intro h1 em{font-style:normal;color:#cbe4ad}.intro-copy{font-size:14px;color:#c0d1c8;line-height:2.1;margin:0}.preview{margin-top:48px;background:#f7faf2;color:#27443a;border-radius:16px;padding:23px;max-width:410px;box-shadow:0 20px 55px #09271e55;transform:rotate(-2deg)}.preview-top{display:flex;justify-content:space-between;color:#799087;font-size:9px;font-weight:700;letter-spacing:.14em}.dots{font-size:16px;line-height:8px}.preview-title{font-weight:700;font-size:15px;margin:18px 0}.preview-title span{float:right;color:#5e8b71}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-grid>div{background:#eaf1e6;padding:14px;border-radius:9px}.preview-grid small{display:block;color:#81958a;font-size:10px}.preview-grid strong{display:block;font-size:14px;margin:8px 0 12px}.bar{display:block;height:4px;border-radius:4px;background:#c5d9bd}.bar-one{width:75%}.bar-two{width:55%}.preview-bottom{display:flex;align-items:center;gap:9px;color:#799087;font-size:10px;margin-top:17px}.check{background:#d5e8ce;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;color:#477656}.intro-footer{font-size:11px;color:#9fb8aa;letter-spacing:.08em}.intro-footer span{margin-left:8px;color:#c7e4ad}.login-side{position:relative;display:flex;align-items:center;justify-content:center;padding:70px 12%;background:#fafbf8}.login-content{width:100%;max-width:390px}.section-label{color:#789285;margin:0 0 23px}.section-label span{color:#b5c8b8;padding:0 5px}.login-content h2{font-size:38px;letter-spacing:.03em;margin:0;color:#1c342b}.login-content h2 span{color:#8ebd8d}.subtitle{font-size:14px;color:#849189;margin:14px 0 42px}.field{margin-bottom:24px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}.field input{width:100%;height:54px;background:#fff;border:1px solid #dce4dc;border-radius:8px;padding:0 16px;color:#213b30;outline:none;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#b4beb6}.field input:focus{border-color:#608e75;box-shadow:0 0 0 3px #6f9b7822}.password-wrap{position:relative}.password-wrap input{padding-right:68px}.toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:none;color:#6e897a;cursor:pointer;font-size:12px;padding:8px}.toggle:focus-visible,.submit:focus-visible{outline:3px solid #a6cda7;outline-offset:3px}.error{color:#a43c34;background:#fff1ef;border:1px solid #f3d2cd;border-radius:7px;font-size:13px;line-height:1.5;padding:10px 12px;margin:-3px 0 18px}.error[hidden]{display:none}.submit{width:100%;height:55px;border:0;border-radius:8px;background:#245c48;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-weight:700;cursor:pointer;transition:background .2s}.submit:hover{background:#194b3a}.submit:disabled{opacity:.7;cursor:wait}.help{font-size:12px;color:#98a49a;text-align:center;margin:24px 0 0}.login-footer{position:absolute;bottom:35px;left:12%;right:12%;display:flex;justify-content:space-between;color:#a4afa5;font-size:11px}.mobile-brand{display:none}@media(max-width:800px){.page{grid-template-columns:1fr}.intro{min-height:360px;padding:28px 7%}.intro-content{margin:45px 0 32px}.intro h1{font-size:36px;margin:20px 0 10px}.intro-copy{font-size:13px}.preview,.intro-footer{display:none}.login-side{min-height:500px;padding:65px 7% 100px}.login-footer{left:7%;right:7%}}@media(max-width:420px){.intro{min-height:300px}.intro-content{margin:35px 0 16px}.intro h1{font-size:30px}.login-side{padding-top:48px}.login-content h2{font-size:32px}.subtitle{margin-bottom:32px}.login-footer{font-size:10px}}