@charset "ISO-8859-1";

    body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 2rem; }
    .container { max-width: 460px; margin: 0 auto; }
    h1 { margin-bottom: 0.5rem; }
    p.helper { color: #555; margin-top: 0; }
    form { display: grid; gap: 0.75rem; margin-top: 1rem; }
    label { font-weight: 600; }
    input[type="text"], input[type="email"], input[type="password"] {
      width: 100%; padding: 0.6rem; border: 1px solid #ccc; border-radius: 6px;
    }
    .row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
    .actions { margin-top: 0.5rem; }
    button {
      padding: 0.7rem 1rem; border: 0; border-radius: 8px; cursor: pointer;
    }
    button[type="submit"] { background: #0a7; color: #fff; }
    button[disabled] { opacity: 0.6; cursor: not-allowed; }
    .msg { margin-top: 0.75rem; font-size: 0.95rem; }
    .msg.error { color: #a00; }
    .msg.success { color: #0a7; }
    small.hint { color: #666; display: block; margin-top: -0.5rem; }