@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('/fonts/inter-latin-ext-400-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('/fonts/inter-latin-400-normal.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:'Inter';font-style:normal;font-display:swap;font-weight:500;src:url('/fonts/inter-latin-ext-500-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:500;src:url('/fonts/inter-latin-500-normal.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:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('/fonts/inter-latin-ext-600-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('/fonts/inter-latin-600-normal.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:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('/fonts/inter-latin-ext-700-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('/fonts/inter-latin-700-normal.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;}
/* EMAK ERP giriş ekranı — "EMAK ERP Login (kaynak kod)" tasarımının birebir portu.
   Tüm sınıflar .lg- önekli: uygulamanın geri kalanındaki stillerle çakışmaz. */

.lg-root, .lg-root *, .lg-root *::before, .lg-root *::after { box-sizing: border-box; }
.lg-root {
  position: fixed; inset: 0; z-index: 50; overflow: hidden; background: #05080f; color: #fff;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased;
}
:where(.lg-root) :where(button, input) { font: inherit; color: inherit; background: none; border: 0; outline: 0; margin: 0; }
:where(.lg-root) button { cursor: pointer; }
.lg-root svg { display: block; }
.lg-root h1, .lg-root p { margin: 0; }


/* ===== SAHNE: 1672x941 tuval (fotoğraf + çekirdek + modül kartları), JS ile ekranı kaplayacak şekilde ölçeklenir ===== */
.lg-scene { position: absolute; left: 0; top: 0; width: 1672px; height: 941px; transform-origin: 0 0; overflow: hidden; }
.lg-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; user-select: none; pointer-events: none; }
.lg-vignette { position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background:
    linear-gradient(180deg, rgba(5,8,16,.35) 0%, rgba(5,8,16,0) 12%),
    linear-gradient(0deg, rgba(3,6,12,.75) 0%, rgba(3,6,12,0) 22%); }

/* ===== MARKA ===== */
.lg-brand { position: absolute; z-index: 2; left: calc(47px * var(--s, 1)); top: calc(38px * var(--s, 1)); display: flex; align-items: center; gap: 16px; transform: scale(var(--s, 1)); transform-origin: 0 0; }
.lg-brand-mark { width: 104px; height: auto; flex: none; }
.lg-brand-name { display: flex; flex-direction: column; font-size: 15px; font-weight: 500; letter-spacing: 6.5px; line-height: 1.3; color: #eef2f7; text-shadow: 0 1px 6px rgba(0,0,0,.5); }

/* ===== DİL / AYAR (TR/EN seçici (i18n.js)) ===== */
.lg-lang { z-index: 5; position: absolute; right: calc(94px * var(--s, 1)); top: calc(40px * var(--s, 1)); transform: scale(var(--s, 1)); transform-origin: right top; width: 78px; height: 34px; border-radius: 8px;
  background: rgba(20,26,38,.55); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(8px);
  display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; color: #e8ecf2; transition: .2s; }
.lg-lang:hover { background: rgba(35,45,65,.7); }
.lg-lang svg { opacity: .8; }

/* ===== HUB =====
   Fotoğraftaki parlayan çekirdeğin KOYU iç kısmı sahnede merkezi (646, 395), ~167x137 birimlik bir elips.
   İçerik (logo + başlık + 2 satır alt başlık) bu elipsin içine, kenarlara pay bırakarak sığacak şekilde boyutlandı. */
.lg-hub { position: absolute; left: 546px; top: 395px; width: 200px; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; text-align: center; pointer-events: none; }
.lg-hub img { width: 66px; height: auto; display: block; margin: 0 0 5px; filter: drop-shadow(0 0 8px rgba(229,40,50,.35)); }
.lg-hub-title { font-size: 20px; font-weight: 600; letter-spacing: .4px; line-height: 1; white-space: nowrap; }
.lg-hub-sub { display: flex; flex-direction: column; margin-top: 7px; font-size: 9px; letter-spacing: .3px; line-height: 1.3; color: #dfe8f5; white-space: nowrap; }

/* ===== MODÜL KARTLARI ===== */
.lg-node { position: absolute; width: 122px; height: 94px; border-radius: 9px;
  background: linear-gradient(180deg, rgba(14,24,44,.78), rgba(8,14,28,.78));
  border: 1px solid rgba(150,200,255,.38);
  box-shadow: 0 0 16px rgba(60,140,255,.28), inset 0 0 14px rgba(80,150,255,.08);
  backdrop-filter: blur(3px);
  display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 12px; transition: .25s; }
.lg-node:hover { border-color: rgba(160,215,255,.8); box-shadow: 0 0 26px rgba(70,160,255,.55), inset 0 0 14px rgba(80,150,255,.12); transform: translateY(-2px); }
.lg-node svg { width: 36px; height: 36px; fill: none; stroke: #e8f2ff; stroke-width: 1.35; filter: drop-shadow(0 0 4px rgba(120,180,255,.7)); stroke-linecap: round; stroke-linejoin: round; }
.lg-node b { font-size: 13px; font-weight: 700; letter-spacing: .2px; margin-top: 8px; line-height: 1; }
.lg-node span { font-size: 10.5px; color: #cfd8e6; margin-top: 6px; line-height: 1; }

/* ===== GİRİŞ KARTI (akışlı yerleşim: alan sayısı değişse de taşmaz) ===== */
.lg-card { position: absolute; z-index: 2; right: calc(67px * var(--s, 1)); top: 50%; transform: translateY(-50%) scale(var(--s, 1)); transform-origin: right center; width: 397px; min-height: 545px; border-radius: 16px; padding: 44px 37px 26px;
  display: flex; flex-direction: column;
  background: linear-gradient(180deg, rgba(28,34,48,.72), rgba(16,20,30,.78));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 20px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(18px) saturate(120%); -webkit-backdrop-filter: blur(18px) saturate(120%); }
.lg-card-brand { display: flex; align-items: center; justify-content: center; gap: 10px; }
.lg-card-brand img { width: 84px; height: auto; }
.lg-card-brand span { font-size: 27px; font-weight: 600; letter-spacing: .3px; line-height: 1; }
.lg-card-platform { text-align: center; font-size: 15px; color: #cdd4de; letter-spacing: .1px; margin-top: 8px; }
.lg-title { font-size: 20.5px; font-weight: 700; letter-spacing: -.1px; margin-top: 26px; }
.lg-lead { font-size: 12.5px; color: #d4dae3; margin-top: 7px; }
.lg-form { display: flex; flex-direction: column; margin-top: 16px; flex: 1; }

/* Sistem seçimi (Mini ERP / ERP) */
.lg-ws { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; border: 0; padding: 0; margin: 0; min-width: 0; }
.lg-ws label { cursor: pointer; border-radius: 8px; padding: 7px 10px; text-align: center; font-size: 12.5px; font-weight: 600; color: #cdd4de;
  background: rgba(40,46,60,.55); border: 1px solid rgba(255,255,255,.12); transition: .2s; }
.lg-ws label:hover { border-color: rgba(255,255,255,.28); }
.lg-ws label.on { color: #fff; border-color: rgba(242,58,63,.7); background: rgba(229,38,47,.14); box-shadow: 0 0 0 3px rgba(229,38,47,.1); }
.lg-ws input { position: absolute; opacity: 0; pointer-events: none; }
.lg-ws-hint { font-size: 10.5px; color: #aab3c0; margin-top: 6px; line-height: 1.3; min-height: 14px; }

.lg-field { height: 39px; border-radius: 8px; display: flex; align-items: center; margin-top: 12px;
  background: rgba(40,46,60,.55); border: 1px solid rgba(255,255,255,.12); transition: .2s; cursor: text; }
.lg-field:focus-within { border-color: rgba(120,180,255,.7); box-shadow: 0 0 0 3px rgba(80,150,255,.15); }
.lg-field > svg { width: 18px; height: 18px; margin: 0 10px 0 13px; fill: none; stroke: #e3e8ef; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.lg-field input { flex: 1; min-width: 0; height: 100%; font-size: 13px; color: #fff; }
.lg-field input::placeholder { color: #aab3c0; }
.lg-field input:-webkit-autofill { -webkit-text-fill-color: #fff; transition: background-color 9999s ease-out; }
.lg-eye { width: 40px; height: 100%; display: grid; place-items: center; color: #d6dce5; }
.lg-eye svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.lg-row { display: flex; align-items: center; justify-content: flex-end; font-size: 12px; margin-top: 14px; }
.lg-link { color: #6fb4ff; text-decoration: none; }
.lg-link:hover { text-decoration: underline; }

.lg-error { margin-top: 12px; padding: 8px 12px; border-radius: 8px; font-size: 12px; line-height: 1.35; text-align: center;
  background: rgba(20,26,38,.9); border: 1px solid rgba(242,58,63,.6); }
.lg-ok { margin-top: 12px; padding: 8px 12px; border-radius: 8px; font-size: 12px; line-height: 1.35; text-align: center;
  background: rgba(20,38,28,.9); border: 1px solid rgba(80,200,120,.5); }

.lg-submit { margin-top: 18px; width: 100%; height: 41px; border-radius: 8px;
  background: linear-gradient(180deg, #f23a3f, #d81e27); box-shadow: 0 6px 18px rgba(230,35,45,.35), inset 0 1px 0 rgba(255,255,255,.2);
  display: flex; align-items: center; justify-content: center; gap: 9px; font-size: 13px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; transition: .2s; text-decoration: none; color: #fff; }
.lg-submit:hover { filter: brightness(1.08); box-shadow: 0 8px 24px rgba(230,35,45,.5), inset 0 1px 0 rgba(255,255,255,.2); }
.lg-submit svg { width: 15px; height: 15px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.lg-submit:disabled { pointer-events: none; opacity: .75; }

.lg-note { text-align: center; font-size: 11px; line-height: 1.4; color: #b9c1cc; margin-top: auto; padding-top: 22px; }
.lg-ver { text-align: center; font-size: 11px; color: #9aa3b0; margin-top: 8px; }

/* ===== ÖZELLİKLER ===== */
.lg-features { position: absolute; z-index: 2; left: calc(40px * var(--s, 1)); bottom: calc(46px * var(--s, 1)); transform: scale(var(--s, 1)); transform-origin: left bottom; height: 73px; display: flex; align-items: center;
  background: linear-gradient(90deg, rgba(12,18,30,.7), rgba(12,18,30,.45)); border-radius: 10px; padding: 0 6px; backdrop-filter: blur(6px); }
.lg-feat { display: flex; align-items: center; gap: 10px; padding: 0 14px; height: 44px; }
.lg-feat + .lg-feat { border-left: 1px solid rgba(255,255,255,.06); }
.lg-feat svg { width: 28px; height: 28px; fill: none; stroke: #bcd6ff; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.lg-feat b { display: block; font-size: 12px; font-weight: 600; line-height: 1; }
.lg-feat span { display: block; font-size: 9px; color: #c6ced9; margin-top: 6px; line-height: 1; white-space: nowrap; }

/* ===== SLOGAN ===== */
.lg-motto { position: absolute; z-index: 2; right: calc(30px * var(--s, 1)); bottom: calc(80px * var(--s, 1)); transform: scale(var(--s, 1)); transform-origin: right bottom; text-align: center; font-size: 12px; line-height: 18px; color: #e3e7ee; }
.lg-motto i { display: block; width: 40px; height: 2px; background: #e5262f; margin: 10px 0 0 0; }

/* ===== MOBİL / DAR EKRAN ===== */
.lg-root.lg-mobile .lg-scene { position: fixed; inset: 0; width: 100%; height: 100%; transform: none !important; }
.lg-root.lg-mobile .lg-bg { object-position: 36% center; }
.lg-root.lg-mobile .lg-node, .lg-root.lg-mobile .lg-hub, .lg-root.lg-mobile .lg-features, .lg-root.lg-mobile .lg-motto { display: none; }
.lg-root.lg-mobile .lg-brand { left: 18px; top: 18px; transform: scale(.78); transform-origin: 0 0; }
.lg-root.lg-mobile .lg-card { right: auto; left: 50%; top: 50%; transform: translate(-50%, -48%) scale(var(--lg-ms, 1)); transform-origin: center; }

/* Dil menüsü */
.lg-lang-btn { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; gap: 14px; border-radius: 8px; }
.lg-lang-menu { position: absolute; top: 40px; left: 0; right: 0; list-style: none; margin: 0; padding: 4px; border-radius: 8px;
  background: rgba(20,26,38,.95); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(8px); }
.lg-lang-menu button { width: 100%; text-align: left; padding: 7px 10px; border-radius: 6px; font-size: 12.5px; color: #dfe4ea; }
.lg-lang-menu button:hover, .lg-lang-menu button.on { background: rgba(255,255,255,.1); color: #fff; }
.lg-root.lg-mobile .lg-lang { display: flex; right: 18px; top: 20px; transform: scale(.9); transform-origin: right top; }

/* Beni hatırla */
.lg-remember { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #dfe4ea; cursor: pointer; user-select: none; position: relative; }
.lg-remember input { position: absolute; opacity: 0; pointer-events: none; }
.lg-remember i { width: 14px; height: 14px; border-radius: 3px; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.04); position: relative; flex: none; }
.lg-remember input:checked + i { background: #e5262f; border-color: #e5262f; }
.lg-remember input:checked + i::after { content: ''; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.lg-remember input:focus-visible + i { box-shadow: 0 0 0 3px rgba(80,150,255,.35); }
.lg-remember.off { opacity: .55; cursor: not-allowed; }
.lg-row { justify-content: space-between; }
.lg-hint { font-size: 10.5px; color: #e9b8ba; margin-top: 6px; line-height: 1.3; }

/* Çerez onay bandı (sahnenin dışında, ekrana sabit — ölçeklenmez, her zaman okunur) */
.lg-cookie { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 20; width: min(720px, calc(100% - 24px));
  display: flex; align-items: center; gap: 18px; padding: 14px 16px; border-radius: 12px;
  background: rgba(16,20,30,.94); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 16px 48px rgba(0,0,0,.55); backdrop-filter: blur(14px); }
.lg-cookie-text { display: flex; flex-direction: column; gap: 4px; font-size: 12px; line-height: 1.45; color: #cdd4de; flex: 1; }
.lg-cookie-text b { color: #fff; font-size: 13px; }
.lg-cookie-actions { display: flex; gap: 8px; flex: none; }
.lg-cookie-actions button { height: 34px; padding: 0 14px; border-radius: 8px; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.lg-cookie-ghost { border: 1px solid rgba(255,255,255,.22); color: #dfe4ea; }
.lg-cookie-ghost:hover { background: rgba(255,255,255,.08); }
.lg-cookie-accept { background: linear-gradient(180deg, #f23a3f, #d81e27); color: #fff; }
.lg-cookie-accept:hover { filter: brightness(1.08); }
@media (max-width: 640px) { .lg-cookie { flex-direction: column; align-items: stretch; } .lg-cookie-actions { justify-content: flex-end; } }

/* Portal: giriş görünümü gizlenebilir, hata kutusu ERP ile aynı */
.lg-root[hidden] { display: none !important; }
.lg-submit { cursor: pointer; }
.lg-root .lg-title { margin-top: 5px; }
.lg-root .lg-lead { margin-top: 5px; }
.lg-root .lg-form { margin-top: 19px; }
.lg-root .lg-note { margin-top: auto; }
.lg-hub-title { font-size: 15.5px; letter-spacing: .2px; }
.lg-row { justify-content: flex-end; }