:root { --ink:#2a3636; --sage:#4a6b6b; --sage2:#739695; --cream:#eef1ee; --mint:#d6e0dc; }
  * { box-sizing: border-box; }
  body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; background:var(--cream); color:var(--ink); margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }
  .card { background:var(--surface,#fff); width:100%; max-width:380px; padding:34px 30px; border-radius:16px; box-shadow:0 4px 20px rgba(0,0,0,.07); }
  .mark { font-weight:800; font-size:1.5rem; margin-bottom:6px; } .mark span { color:var(--sage2); }
  h1 { font-size:1.15rem; margin:0 0 8px; color:var(--sage); }
  p.lead { font-size:.9rem; color:var(--sage2); margin:0 0 18px; line-height:1.5; }
  label { display:block; font-size:.82rem; font-weight:600; color:var(--sage); margin-bottom:14px; }
  input { display:block; width:100%; margin-top:6px; padding:11px 12px; font-size:1rem; border:1px solid var(--mint); border-radius:10px; background:#fafcfb; }
  input:focus { outline:none; border-color:var(--sage2); background:#fff; }
  button { width:100%; padding:12px; margin-top:6px; font-size:1rem; font-weight:700; color:#fff; background:var(--sage); border:none; border-radius:10px; cursor:pointer; }
  button:hover { background:#3d5a5a; }
  .alt { text-align:center; font-size:.85rem; color:var(--sage2); margin:14px 0 0; }
  .alt a { color:var(--sage); font-weight:600; text-decoration:none; }
  .msg { padding:11px 13px; border-radius:10px; font-size:.85rem; margin-bottom:16px; background:#e7f4ec; color:#1e7a44; }

/* inline style= attributes converted for CSP */
.cs4772a0e6{display:block;margin:0 0 12px;border-radius:14px}