body { margin: 0; font: 16px/1.4 system-ui, "Segoe UI", sans-serif; color: #14202B; background: #F4F1EA; display: grid; place-items: center; min-height: 100vh; }
main { width: min(360px, calc(100vw - 32px)); background: #fff; border-radius: 12px; padding: 28px; box-shadow: 0 2px 12px rgba(0,0,0,.08); box-sizing: border-box; }
h1 { margin: 0 0 16px; font-size: 24px; letter-spacing: .04em; }
label { display: block; margin: 12px 0 4px; font-size: 14px; }
input { width: 100%; box-sizing: border-box; padding: 10px; font: inherit; border: 1px solid #8A949C; border-radius: 8px; }
button { margin-top: 18px; width: 100%; padding: 12px; font: inherit; font-weight: 600; color: #fff; background: #14202B; border: 0; border-radius: 8px; cursor: pointer; min-height: 44px; }
button:disabled { opacity: .6; }
#estado { min-height: 1.4em; margin: 12px 0 0; color: #A4262C; font-size: 14px; }