/* Adisyon Yazılım — giriş sayfası (tam ekran ikili düzen: solda görsel + referans, sağda form) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --or:#F47920;--ord:#d9600e;--orl:rgba(244,121,32,.08);
  --bd:#ece3da;--tx:#2a1e16;--tx2:#7a6a5d;--tx3:#a89a8d;--red:#dc3545;
}
html,body{height:100%}
body{font-family:'Inter',system-ui,Segoe UI,sans-serif;color:var(--tx);line-height:1.5;background:#fff}
.lg{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}

/* ---- SOL: görsel + müşteri referansı ---- */
.lg-vis{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
  padding:56px 52px;color:#fff;
  background:linear-gradient(180deg,rgba(20,12,6,.15) 0%,rgba(20,12,6,.35) 45%,rgba(20,12,6,.86) 100%),
             url("img/login-sol.jpg") center/cover no-repeat;}
.lg-quote-mark{font-size:120px;line-height:.7;font-weight:900;color:rgba(255,255,255,.9);margin-bottom:8px;font-family:Georgia,serif}
.lg-quote{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.5;max-width:30ch;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.lg-ref{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.25)}
.lg-ref-logo{width:46px;height:46px;border-radius:12px;background:var(--or);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.lg-ref b{font-size:16px;font-weight:800;display:block}
.lg-ref span{font-size:13px;color:rgba(255,255,255,.75)}
.lg-dots{display:flex;gap:8px;margin-top:30px}
.lg-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.4)}
.lg-dots i.act{background:#fff;width:26px;border-radius:6px}

/* ---- SAĞ: marka + form ---- */
.lg-panel{position:relative;display:flex;flex-direction:column;padding:34px 40px}
.lg-top{display:flex;align-items:center;justify-content:space-between}
.lg-logo{display:inline-flex;align-items:center;gap:9px;font-weight:900;font-size:26px;letter-spacing:-.02em;color:var(--tx)}
.lg-logo .e{width:40px;height:40px;background:var(--or);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}
.lg-logo .e2{color:var(--or)}
.lg-support{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--bd);color:var(--tx2);
  padding:9px 16px;border-radius:22px;font-size:13.5px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s}
.lg-support:hover{border-color:var(--or);color:var(--or)}

.lg-body{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:400px;width:100%;margin:0 auto}
.lg-body h1{font-size:28px;font-weight:900;letter-spacing:-.02em;margin-bottom:8px}
.lg-body .sub{color:var(--tx3);font-size:14.5px;margin-bottom:30px}
.fg{margin-bottom:16px;position:relative}
.fg label{display:block;font-size:12.5px;font-weight:700;color:var(--tx2);margin-bottom:7px}
.fg input{width:100%;padding:15px 16px;border:1px solid var(--bd);border-radius:13px;font-size:15px;font-family:inherit;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.fg input:focus{border-color:var(--or);box-shadow:0 0 0 4px var(--orl)}
.fg .goz{position:absolute;right:12px;top:38px;width:34px;height:34px;border:none;background:none;cursor:pointer;color:var(--tx3);display:flex;align-items:center;justify-content:center;font-size:18px}
.fg .goz:hover{color:var(--tx2)}
.lg-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0 24px}
.lg-remember{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--tx2);cursor:pointer;user-select:none}
.lg-remember input{width:18px;height:18px;accent-color:var(--or);cursor:pointer}
.lg-forgot{font-size:14px;color:var(--tx2);font-weight:600;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit}
.lg-forgot:hover{color:var(--or)}
.btn-sub{width:100%;background:var(--or);color:#fff;border:none;padding:16px;border-radius:13px;font-size:16px;font-weight:800;cursor:pointer;transition:background .15s,transform .1s;font-family:inherit}
.btn-sub:hover{background:var(--ord);transform:translateY(-1px)}
.lg-alt{text-align:center;margin-top:26px;font-size:14.5px;color:var(--tx2)}
.lg-alt a{color:var(--or);font-weight:800;text-decoration:none}
.err{background:#fdecea;border:1px solid #f8cfc9;color:#b3261e;padding:12px 15px;border-radius:11px;font-size:13.5px;margin-bottom:20px}

@media(max-width:900px){
  .lg{grid-template-columns:1fr}
  .lg-vis{display:none}
  .lg-panel{min-height:100vh}
}