/* Sajó Autó Group arculat — az élő sajoauto.hu site.css :root-tokenjei (sajo-arculat skill) */
:root {
  --brand-1: #0a7cff;
  --brand-2: #00c2ff;
  --brand-ink: #0057c2;
  --ink: #0a0b0d;
  --ink-2: #15171b;
  --ink-3: #23262c;
  --paper: #f4f3f0;
  --paper-2: #eae8e3;
  --ok: #0e9f6e;
  --err: #d9304a;
  --font: "Mona Sans", "Mona Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.5;
}

a { color: var(--brand-ink); }

.belepes {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.kartya {
  width: 100%;
  max-width: 380px;
  background: #fff;
  border: 1px solid var(--paper-2);
  border-radius: 14px;
  padding: 28px 24px;
}

.logo { display: block; width: 200px; height: auto; margin: 0 auto 12px; }

h1 { font-size: 1.35rem; text-align: center; margin: 0 0 20px; }

label { display: block; font-weight: 600; margin: 12px 0 4px; }

input {
  width: 100%;
  font: inherit;
  font-size: 1rem;
  padding: 12px;
  border: 1px solid #c9c6bf;
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
}

input:focus { outline: 2px solid var(--brand-1); outline-offset: 1px; border-color: var(--brand-1); }

button {
  width: 100%;
  margin-top: 20px;
  padding: 14px;
  font: inherit;
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--brand-1), var(--brand-2));
  cursor: pointer;
}

button:disabled { opacity: 0.6; cursor: default; }

.uzenet { color: var(--err); font-weight: 600; margin: 14px 0 0; }