:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#203c37;background:#f5f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.login-layout{min-height:100vh;display:grid;grid-template-columns:48% 52%}.brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 64px;color:#eaf7f3;background:radial-gradient(ellipse at 100% 95%,#2c7467 0,transparent 65%),#123f36}.brand-panel:after{content:"";position:absolute;width:620px;height:620px;border:1px solid #ffffff14;border-radius:50%;right:-350px;bottom:-200px;box-shadow:0 0 0 70px #ffffff04,0 0 0 140px #ffffff03;pointer-events:none}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;font-size:27px;font-weight:700;letter-spacing:2px}.brand-icon{display:grid;place-items:center;background:#e2f2eb;color:#20594c;border-radius:12px;width:48px;height:48px;font-size:32px}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:3px;opacity:.7;margin-top:4px}.brand-copy{position:relative;z-index:1;margin:72px 0}.eyebrow{font-size:11px;letter-spacing:3px;color:#a9cfc1}.brand-copy h1{font-size:clamp(29px,3.2vw,46px);line-height:1.65;font-weight:550;letter-spacing:1px;margin:24px 0}.brand-copy p{font-size:15px;line-height:2;color:#b9d3c9}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:40px;font-size:12px;color:#c9e0d6}.flow span{border:1px solid #a0cbb02e;padding:10px 13px;border-radius:8px}.flow i{opacity:.5;font-style:normal}.brand-panel footer{font-size:12px;letter-spacing:2px;color:#9fc4b7}.form-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:60px 45px 90px}.login-card{width:100%;max-width:380px}.section-label{font-size:12px;font-weight:600;letter-spacing:2px;color:#328371}.login-card h2{font-size:30px;font-weight:600;margin:14px 0}.intro{font-size:13px;color:#7a8d86;line-height:1.8;margin:0 0 34px}label{display:block;margin:20px 0 9px;font-size:13px;font-weight:550}input{height:46px;width:100%;border:1px solid #d9e3de;border-radius:8px;background:white;padding:0 14px;font:inherit;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:#2b826e;box-shadow:0 0 0 3px #2b826e12}input::placeholder{color:#a1aea7}.password-field{position:relative}.password-field input{padding-right:66px}.password-field button{position:absolute;right:7px;top:7px;height:32px;border:0;background:transparent;color:#5c7c70;font-size:12px;cursor:pointer}.submit{margin-top:8px;width:100%;height:46px;border:0;border-radius:8px;background:#176e5c;color:#fff;font:inherit;font-size:14px;cursor:pointer;transition:background .15s}.submit:hover{background:#125b4c}.submit:disabled{opacity:.5;cursor:wait}.message{font-size:13px;color:#b5463b;line-height:1.7;min-height:22px;margin:17px 0 8px;overflow-wrap:anywhere}.message.success{color:#176e5c}.footnote{font-size:11px;color:#8b9991;line-height:1.8;margin-top:24px}.form-footer{position:absolute;bottom:26px;color:#9eaba4;font-size:11px;letter-spacing:1px}.setup-notice{font-size:12px;line-height:1.8;background:#e9f2ed;padding:14px 16px;border-radius:8px;color:#3f695b;margin:-10px 0 24px}.setup-notice button{display:block;border:0;background:none;padding:5px 0 0;color:#176e5c;font-weight:600;cursor:pointer}.back-login{display:block;margin:16px auto;border:0;background:transparent;color:#567d6c;cursor:pointer}small{display:block;color:#809186;font-size:11px;margin-top:9px}.mobile-brand{display:none}[hidden]{display:none!important}@media(max-width:800px){.brand-panel{padding:32px}.brand-copy h1{font-size:30px}.flow{gap:7px}.flow span{padding:8px}.form-panel{padding:40px 28px 80px}}@media(max-width:600px){.login-layout{display:block}.brand-panel{display:none}.form-panel{min-height:100vh;align-items:center;padding:40px 26px 80px}.mobile-brand{display:block;color:#176e5c;font-weight:700;font-size:24px;margin-bottom:38px}.login-card h2{font-size:27px}}