:root{--brand:#3db6e0;--accent:#32c87c;--accent-dark:#28a766;--neutral:#777;--neutral-dark:#5f5f5f;--text:#333;--bg:#f5f7f9;--card:#fff;--danger:#c0392b;--radius:12px}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}.screen{min-height:100dvh}.hero{background:var(--brand);color:#fff;text-align:center;height:210px}.hero-inner{padding:20px 16px 0}.brand-logo{max-width:180px;max-height:90px}.brand-name{min-height:1.5em;font-size:1.4rem;font-weight:600;display:inline-block}.hero-month{margin:16px 0 0;font-size:1.1rem}.card{background:var(--card);border-radius:var(--radius);text-align:center;width:min(85%,560px);margin:-50px auto 32px;padding:24px 20px;position:relative;box-shadow:0 6px 24px #00000014}.illustration{width:130px;margin:0 auto 15px;display:block}.card-title{margin:10px 0 20px;font-size:1.2rem}.muted{color:var(--neutral)}.signature{margin-top:24px;font-weight:600}.paie-form{flex-direction:column;align-items:center;gap:12px;display:flex}.field{align-items:center;gap:8px;display:flex}.field input{text-align:center;border:1px solid #ccc;border-radius:10px;width:180px;height:44px;font-size:1.1rem}.field input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.field input[aria-invalid=true]{border-color:var(--danger)}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.btn{color:#fff;min-height:45px;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:0 20px}.btn:disabled{opacity:.6;cursor:progress}.btn-primary{background:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-secondary{background:var(--neutral)}.btn-secondary:hover:not(:disabled){background:var(--neutral-dark)}.error{color:var(--danger);margin:0;font-size:.9rem}