body{display:grid;place-items:center;padding:20px}
.cx{width:min(100%,420px);background:var(--card);border:1px solid var(--borda);border-radius:22px;padding:34px 30px;box-shadow:var(--sombra2);display:grid;gap:14px}
.cx .wm{font-family:var(--serif);font-weight:600;letter-spacing:.24em;font-size:30px;color:var(--verde);text-align:center}
.cx .sub{text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--texto2);margin-top:-8px}
.cx h1{font-family:var(--serif);font-weight:600;font-size:26px;text-align:center;margin-top:8px;color:var(--verde)}
.cx label{font-size:13px;font-weight:500;color:var(--texto2);display:grid;gap:6px}
.cx input{font:inherit;font-size:16px;padding:14px 16px;border-radius:14px;border:1px solid rgba(31,42,36,.12);background:#fff;outline:0;width:100%;color:var(--texto)}
.cx input:focus{border-color:var(--verde)}
.cx button{font:inherit;font-size:16px;font-weight:600;padding:14px;border-radius:999px;border:0;background:var(--verde);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}
.cx button:hover{background:#1a4a30}
.cx .lembrar{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--texto2)}
.cx .ajuda{text-align:center;font-size:13px;color:var(--texto2)}
.cx .ajuda a{font-weight:500}
.cx .pe{text-align:center;font-size:12px;color:var(--texto3);display:flex;align-items:center;justify-content:center;gap:6px}
.cx .pe svg{width:14px;height:14px}