/* QR Ekip web sayfalari (davet, parola sifirlama). Tek sutun, ortada kart. */
:root {
  --zemin: #f3f5f9; --kart: #ffffff; --yazi: #172233; --solgun: #5b6779;
  --cizgi: #d9dfe8; --vurgu: #2563c9; --vurgu-yazi: #ffffff; --hata: #b4232c; --tamam: #1d8a4e;
  --f: "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root { --zemin: #10151d; --kart: #18202b; --yazi: #e6ebf2; --solgun: #9aa6b8;
          --cizgi: #2a3442; --vurgu: #6b9cf0; --vurgu-yazi: #0d1420; --hata: #f2777e; --tamam: #4cc282;
          color-scheme: dark; }
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--zemin);
       color: var(--yazi); font: 16px/1.5 var(--f); padding: 24px max(16px, env(safe-area-inset-left)); }
.kart { width: 100%; max-width: 420px; background: var(--kart); border: 1px solid var(--cizgi);
        border-radius: 14px; padding: 28px 24px; display: flex; flex-direction: column; gap: 16px; }
.marka { font-weight: 700; letter-spacing: .02em; color: var(--vurgu); font-size: 14px; }
h1 { margin: 0; font-size: 24px; line-height: 1.2; }
p { margin: 0; color: var(--solgun); }
label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 14px; }
input { font: 16px var(--f); padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 9px;
        background: var(--zemin); color: var(--yazi); }
input:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 0; border-color: transparent; }
.ipucu { font-weight: 400; color: var(--solgun); font-size: 13px; }
button { font: 600 16px var(--f); padding: 11px; border: 0; border-radius: 9px; background: var(--vurgu);
         color: var(--vurgu-yazi); cursor: pointer; }
button:disabled { opacity: .6; cursor: progress; }
button:focus-visible { outline: 2px solid var(--yazi); outline-offset: 2px; }
.hata { color: var(--hata); font-size: 14px; }
.tamam { color: var(--tamam); font-weight: 600; }
form { display: flex; flex-direction: column; gap: 14px; }