.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:32px 28px}.auth-card .brand{justify-content:center;padding-bottom:22px}.auth-card h1{font-size:20px;margin:0 0 6px;text-align:center}.auth-card .sub{text-align:center;color:var(--muted);font-size:13px;margin:0 0 22px}.auth-field{margin-bottom:14px}.auth-field label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}.auth-field input{width:100%;border:1px solid var(--line-strong);background:var(--surface-2);border-radius:10px;padding:11px 13px;font-size:14px;font-family:inherit;color:var(--ink);outline:none}.auth-field input:focus{border-color:var(--brand-mid);box-shadow:0 0 0 3px rgba(30,126,104,.12);background:#fff}.auth-error{background:var(--gap-bg);border:1px solid #e8c4bc;color:#7e3623;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:14px}.auth-submit{width:100%;margin-top:6px}.auth-foot{text-align:center;margin-top:18px;font-size:13px;color:var(--muted)}.auth-demo{margin-top:16px;padding:12px 14px;background:var(--ok-bg);border:1px solid #bfe0d4;border-radius:10px;font-size:12.5px;color:#0d513e;line-height:1.5}