:root{--ink:#19332f;--muted:#71817d;--line:#e4ece8;--soft:#f5f8f7;--green:#087e65;--mint:#dff5ee}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px Arial,sans-serif}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f5f8f7,#eaf6f1)}.auth-card{width:min(430px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 22px 60px #19332f17}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.04em;margin-bottom:38px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--green);color:#fff;font-weight:800}.auth-card h1{font-size:28px;letter-spacing:-.05em;margin:0 0 8px}.auth-card>p{color:var(--muted);margin:0 0 25px}.auth-card form{display:grid;gap:16px}.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:700}.auth-card input{width:100%;border:1px solid #d5e1dc;border-radius:9px;padding:12px 13px;color:var(--ink);background:#fff;outline:none}.auth-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--mint)}.primary{border:0;border-radius:9px;background:var(--green);color:#fff;padding:12px 16px;font-weight:700;font-size:14px;cursor:pointer}.primary:hover{background:#076f5a}.auth-foot{text-align:center;margin-top:21px;color:var(--muted);font-size:12px}.auth-foot a{color:var(--green);font-weight:700}.demo-hint{display:block;text-align:center;color:#9aa7a3;margin-top:17px;font-size:11px}.form-error{background:#fff0ec;color:#b55348;padding:10px 12px;border-radius:9px;font-size:12px;margin-bottom:16px}.form-success{background:#e9f7f1;color:#087b65;padding:10px 12px;border-radius:9px;font-size:12px;margin-bottom:16px}.forgot-link{color:#087b65;font-size:12px;font-weight:700;text-align:right}.link-button{border:0;background:none;color:#087b65;font-weight:700;cursor:pointer}