/* HORECAS giriş sayfası — agents ve marketing alanları için ortak. Betik yok; belirteçler marketing-site/kaynak/stil.css ile aynı. */
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(yazi/hanken-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(yazi/hanken-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Hanken Grotesk Fallback';src:local('Arial');ascent-override:99.07%;descent-override:30.02%;line-gap-override:0%;size-adjust:100.94%}
:root{
  --renk-marka:#0452fc;--renk-marka-koyu:#0340cc;
  --renk-murekkep:#0e1726;--renk-metin:#222b3a;--renk-metin-ikincil:#5b6372;--renk-metin-soluk:#687080;
  --renk-cizgi:#e6e2d9;--renk-cizgi-etkin:#8f887a;--renk-zemin:#fff;--renk-kagit:#f7f5f0;
  --renk-hata:#b42318;--renk-hata-acik:#fdecea;--renk-odak:#0452fc;
  --yazi:'Hanken Grotesk','Hanken Grotesk Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --kose-s:8px;--kose-l:18px;
  --golge-2:0 10px 28px -12px rgba(14,23,38,.16),0 2px 6px rgba(14,23,38,.05)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;font-family:var(--yazi);font-size:1rem;line-height:1.55;color:var(--renk-metin);background:var(--renk-kagit);-webkit-font-smoothing:antialiased}
.sahne{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 16px}
.kart{width:100%;max-width:400px;background:var(--renk-zemin);border:1px solid var(--renk-cizgi);border-radius:var(--kose-l);box-shadow:var(--golge-2);padding:32px clamp(20px,6vw,36px) 32px}
.logo{display:block;height:24px;width:auto;margin-bottom:28px}
h1{margin:0;font-size:1.5rem;line-height:1.2;letter-spacing:-.012em;font-weight:700;color:var(--renk-murekkep)}
.alt{margin:6px 0 0;font-size:.9375rem;color:var(--renk-metin-ikincil)}
.hata{margin:20px 0 0;padding:10px 14px;border-radius:var(--kose-s);background:var(--renk-hata-acik);border:1px solid #f4c7c2;border-left:3px solid var(--renk-hata);color:var(--renk-hata);font-size:.9375rem;font-weight:500;line-height:1.45}
.form{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.alan{display:flex;flex-direction:column;gap:6px}
label{font-size:.875rem;font-weight:600;color:var(--renk-murekkep)}
input[type=text],input[type=password]{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--renk-cizgi-etkin);border-radius:var(--kose-s);background:var(--renk-zemin);font:inherit;font-size:1rem;color:var(--renk-metin)}
input:focus-visible{outline:2px solid var(--renk-odak);outline-offset:1px;border-color:var(--renk-odak)}
.dugme{margin-top:8px;width:100%;min-height:48px;border:1px solid var(--renk-marka);border-radius:var(--kose-s);background:var(--renk-marka);color:#fff;font:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background 180ms cubic-bezier(.2,.7,.2,1)}
.dugme:hover{background:var(--renk-marka-koyu);border-color:var(--renk-marka-koyu)}
.dugme:focus-visible{outline:2px solid var(--renk-odak);outline-offset:3px}
.not{margin:0;font-size:.75rem;color:var(--renk-metin-ikincil);letter-spacing:.02em;text-align:center}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}