:root{--green:#176b59;--green-dark:#115647;--deep:#123b31;--lime:#b9df64;--ink:#17251f;--muted:#74837c;--line:#dce6e1;--bg:#f2f5f0}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}
body{background:var(--bg)}button,input{font:inherit}
.auth-page{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:28px;background:radial-gradient(circle at 18% 12%,rgba(185,223,100,.12),transparent 26%),linear-gradient(145deg,#f7f9f6,#edf2ef)}
.ambient{position:absolute;border-radius:50%;pointer-events:none}.ambient-one{width:520px;height:520px;right:-260px;top:-250px;border:1px solid rgba(23,107,89,.09)}.ambient-two{width:360px;height:360px;left:-190px;bottom:-200px;background:rgba(23,107,89,.045)}
.login-card{position:relative;width:min(460px,100%);min-height:520px;padding:38px 42px 28px;border:1px solid rgba(210,222,216,.82);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 24px 65px rgba(28,55,47,.1),0 2px 8px rgba(28,55,47,.035)}
.brand{display:flex;align-items:center;gap:12px;padding-bottom:29px;border-bottom:1px solid #e8eeeb}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--lime);color:var(--deep);font-size:19px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.brand div{display:grid;gap:3px}.brand b{font-size:15px;font-weight:700;letter-spacing:-.15px}.brand small{font-size:10px;color:#87968f;letter-spacing:.4px}
.loading-state{padding:145px 0;text-align:center;color:var(--muted);font-size:13px}.form-head{margin:32px 0 25px}.form-head p{margin:0 0 8px;color:var(--green);font-size:9px;font-weight:800;letter-spacing:2px}.form-head h1{margin:0 0 8px;font-size:29px;font-weight:720;letter-spacing:-1px}.form-head span{font-size:13px;color:var(--muted)}
form>label{display:block;margin:16px 0 7px;font-size:12px;font-weight:700;color:#52635b}.input-wrap{position:relative}.input-wrap input{width:100%;height:49px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb;outline:0;color:var(--ink);font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.input-wrap input::placeholder{color:#9ba7a1}.input-wrap input:hover{border-color:#c5d3cc}.input-wrap input:focus{border-color:#69a593;background:#fff;box-shadow:0 0 0 4px rgba(23,107,89,.09)}.input-wrap:has(.password-toggle) input{padding-right:61px}.password-toggle{position:absolute;right:7px;top:7px;height:35px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--green);font-size:11px;cursor:pointer}.password-toggle:hover{background:#eef5f1}.password-toggle:focus-visible,.submit-button:focus-visible{outline:3px solid rgba(23,107,89,.22);outline-offset:2px}
.submit-button{width:100%;height:52px;margin-top:25px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:12px;background:var(--green);color:#fff;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 10px 22px rgba(23,107,89,.17);transition:background .18s,transform .18s,box-shadow .18s}.submit-button:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 14px 27px rgba(23,107,89,.21)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.55;transform:none;cursor:wait}.submit-button b{font-size:20px;font-weight:400}.form-message{min-height:18px;margin:11px 0 0;text-align:center;color:#b64848;font-size:11px}
.login-card footer{position:absolute;left:42px;right:42px;bottom:25px;padding-top:17px;border-top:1px solid #e8eeeb;color:#87968f;font-size:10px}.login-card footer span{color:#75a944;margin-right:6px}
.quiet-link{display:block;margin:8px auto 0;border:0;background:transparent;color:#8b9892;cursor:pointer;font-size:10px;text-decoration:underline;text-decoration-color:#d4ddd8;text-underline-offset:3px}.quiet-link:hover{color:var(--green)}.form-head.compact{margin:25px 0 18px}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.register-grid>label{display:grid;gap:6px;margin:0;color:#52635b;font-size:11px;font-weight:700}.register-grid>label:first-child,.register-grid>label:nth-child(2){grid-column:auto}.register-grid>label:last-child{grid-column:2}.input-wrap select{width:100%;height:49px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb;color:var(--ink);outline:0}.input-wrap select:focus{border-color:#69a593;box-shadow:0 0 0 4px rgba(23,107,89,.09)}#registerForm .submit-button{margin-top:17px}#registerForm .form-message{margin-top:8px}.login-card:has(#registerForm:not([hidden])){min-height:620px}
@media(max-width:540px){.auth-page{padding:0;display:block;background:#f8faf7}.ambient{display:none}.login-card{width:100%;min-height:100vh;padding:27px 24px 90px;border:0;border-radius:0;box-shadow:none;background:#fff}.brand{padding-bottom:24px}.form-head{margin-top:38px}.form-head h1{font-size:27px}.register-grid{grid-template-columns:1fr}.register-grid>label:last-child{grid-column:auto}.login-card footer{left:24px;right:24px;bottom:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.quiet-link{width:max-content;text-align:center}
#showRegister{position:absolute;right:42px;bottom:23px;margin:0;color:#2674d9;font-size:11px;font-weight:650;text-decoration:none;z-index:2}#showRegister:hover{color:#1459b5;text-decoration:underline;text-underline-offset:3px}.login-card footer{right:205px;white-space:nowrap}
@media(max-width:540px){#showRegister{right:24px;bottom:24px}.login-card footer{right:175px}}
#backToLogin{color:#2674d9;font-size:11px;font-weight:650;text-decoration:none}#backToLogin:hover{color:#1459b5;text-decoration:underline;text-underline-offset:3px}