/* =====================================================================================
   Q-PLUS GİRİŞ ÖNCESİ SAYFALAR (İş Emri 14): giriş, şifre yenileme, atölye kart girişi, yasal metinler.
   Referans: qplus-ekran-giris.html / qplus-ekran-sifre-yenileme.html / qplus-ekran-atolye-kart-girisi.html
   Ölçüler referanstan BİREBİR (1440×900 ve 1280×800); dar ekranda alt alta dizilir.
   IBM Plex Serif YALNIZ bu sayfalarda (başlıklar). Yazı tipleri sunucudan verilir (Google'a bağlanılmaz).
   Bu dosya giriş sonrası hiçbir sayfaya yüklenmez.
   ===================================================================================== */
@font-face{font-family:'IBM Plex Serif';font-style:normal;font-display:swap;font-weight:500;src:url(vendor/fonts/ibm-plex-serif-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Serif';font-style:normal;font-display:swap;font-weight:500;src:url(vendor/fonts/ibm-plex-serif-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Serif';font-style:normal;font-display:swap;font-weight:600;src:url(vendor/fonts/ibm-plex-serif-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Serif';font-style:normal;font-display:swap;font-weight:600;src:url(vendor/fonts/ibm-plex-serif-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--ag-serif:"IBM Plex Serif",Georgia,"Times New Roman",serif;--ag-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
body.ag-govde-sayfa{margin:0;background:#F2F4F7;color:#141B22;font-family:var(--qp-font-sans,"IBM Plex Sans",system-ui,sans-serif)}
.ag-sayfa{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#F2F4F7;overflow-x:hidden}
.ag-ikon{flex-shrink:0;vertical-align:middle}

/* ---- koyu bant ---- */
.ag-bant{position:relative;height:380px;flex-shrink:0;background:#0C1116;overflow:hidden}
.ag-bant::before{content:"";position:absolute;inset:0;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M12 16h8M16 12v8' stroke='%23C0C0C0' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E")}
.ag-bant-ic{position:relative;max-width:1440px;height:100%;margin:0 auto}
.ag-filigran{position:absolute;right:-120px;bottom:-260px;height:720px;width:auto;opacity:.06;pointer-events:none}
.ag-ust{position:relative;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 64px}
.ag-marka{display:flex;align-items:center;gap:14px;text-decoration:none}
.ag-marka img{height:34px;width:auto}
.ag-firma{font-family:var(--ag-serif);color:#fff;font-size:20px;font-weight:600;letter-spacing:.01em}
.ag-ayrac{width:1px;height:22px;background:#3A4552}
.ag-urun{color:#C0C0C0;font-size:15px;font-weight:500}
.ag-ust-sag{display:flex;align-items:center;gap:24px;color:#C0C0C0;font-size:14px}
.ag-ust-sag a{color:#C0C0C0;text-decoration:none}
.ag-ust-sag a:hover{color:#fff}
.ag-baslik-blok{position:relative;padding:56px 64px 0;max-width:684px;display:flex;flex-direction:column;gap:16px;box-sizing:content-box}
.ag-baslik-blok h1{font-family:var(--ag-serif);margin:0;color:#fff;font-size:44px;line-height:52px;font-weight:500;letter-spacing:-.01em}
.ag-baslik-blok p{margin:0;color:#C0C0C0;font-size:17px;line-height:26px}

/* ---- alt bölüm + kart ---- */
.ag-govde{position:relative;flex-grow:1;width:100%;max-width:1440px;margin:0 auto;min-height:400px;padding:40px 64px 0;box-sizing:border-box;display:flex;flex-direction:column;gap:32px}
.ag-kart{position:absolute;right:120px;top:-284px;width:460px;background:#fff;border-radius:10px;overflow:hidden;
  box-shadow:0 1px 2px rgba(12,17,22,.08),0 16px 40px rgba(12,17,22,.18);z-index:2}
.ag-kart.ag-kart-genis{width:480px}
.ag-duyurular{display:flex;flex-direction:column;gap:12px;width:620px;max-width:100%}
.ag-duyurular>span{font-size:13px;font-weight:600;color:#5B6773}
.ag-duyuru-liste{display:flex;gap:16px}
.ag-duyuru{flex:1;padding:16px 18px;background:#fff;border:1px solid #D5D9DE;border-radius:6px;min-width:0}
.ag-duyuru time{display:block;font-size:12px;color:#5B6773}
.ag-duyuru strong{display:block;margin-top:2px;font-size:15px;color:#141B22}
.ag-duyuru span{display:block;margin-top:4px;font-size:13px;line-height:19px;color:#5B6773}
.ag-guven{display:flex;gap:32px;flex-wrap:wrap}
.ag-guven>div{display:flex;gap:12px;width:180px}
.ag-guven .ag-g-ikon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#fff;border:1px solid #D5D9DE;color:#2452A0}
.ag-guven .ag-g-yazi{display:flex;flex-direction:column;gap:2px}
.ag-guven strong{font-size:14px;color:#141B22}
.ag-guven .ag-g-yazi span{font-size:13px;line-height:18px;color:#5B6773}
.ag-alt-bilgi{flex-shrink:0;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 64px;background:#fff;border-top:1px solid #D5D9DE;font-size:13px;color:#5B6773}
.ag-alt-bilgi nav{display:flex;gap:24px;flex-wrap:wrap}
.ag-alt-bilgi a{color:#5B6773}

/* ---- giriş kartı ---- */
.ag-giris-ust{padding:32px 36px 22px;display:flex;flex-direction:column;gap:18px}
.ag-giris-baslik{display:flex;align-items:center;gap:14px}
.ag-amblem{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:24px;background:#0C1116;box-shadow:0 0 0 4px #fff,0 0 0 5px #D5D9DE}
.ag-amblem img{width:32px;height:auto}
.ag-amblem.ag-amblem-urun{background:#F4F7FB}
.ag-amblem.ag-amblem-urun img{width:30px;height:30px}
.ag-kart h2,.ag-kart h1.ag-k-baslik{margin:0;font-size:24px;line-height:30px;font-weight:600;color:#141B22}
.ag-kart .ag-alt-yazi{font-size:14px;color:#5B6773}
.ag-uyari{display:flex;gap:10px;padding:12px 14px;border-radius:6px;font-size:13px;line-height:19px;background:#fff;border:1px solid}
.ag-uyari>span:first-child{flex-shrink:0;padding-top:1px}
.ag-uyari strong{display:block}
.ag-uyari.hata{border-color:#9F2B2B;color:#9F2B2B}
.ag-uyari.bilgi{border-color:#183660;color:#183660}
.ag-etiket{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:#141B22}
.ag-alan{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:6px;background:#fff;color:#5B6773;border:1px solid #8A95A1}
.ag-alan.hata{border-color:#9F2B2B;color:#9F2B2B}
.ag-alan:focus-within{border-color:#2452A0;box-shadow:0 0 0 3px rgba(36,82,160,.18)}
.ag-alan.hata:focus-within{border-color:#9F2B2B;box-shadow:0 0 0 3px rgba(159,43,43,.15)}
.ag-alan input{flex-grow:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;font-weight:400;color:#141B22}
.ag-alan input:disabled{color:#8A95A1;cursor:not-allowed}
.ag-goz{display:flex;border:0;background:transparent;padding:0;color:#5B6773;cursor:pointer}
.ag-unuttum{display:flex;justify-content:flex-end;margin-top:-6px}
.ag-unuttum a,.ag-baglanti{font-size:14px;color:#2452A0;font-weight:500;text-decoration:none}
.ag-dugme{height:48px;border:0;border-radius:6px;background:#2452A0;color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;width:100%}
.ag-dugme:hover{background:#183660}
.ag-dugme:disabled{background:#8A95A1;cursor:not-allowed}
.ag-veya{display:flex;align-items:center;gap:12px;color:#5B6773;font-size:13px}
.ag-veya::before,.ag-veya::after{content:"";flex:1;height:1px;background:#D5D9DE}
.ag-hayalet{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1px solid #8A95A1;border-radius:6px;color:#141B22;font-size:15px;font-weight:500;text-decoration:none;background:#fff}
.ag-hayalet:hover{background:#F2F4F7;color:#141B22}
.ag-yasal{display:flex;gap:10px;padding:14px 36px;background:#F2F4F7;border-top:1px solid #D5D9DE;font-size:12px;line-height:18px;color:#5B6773}
.ag-yasal>span:first-child{flex-shrink:0;padding-top:1px}

/* ---- şifre yenileme ---- */
.ag-yenile-ust{padding:26px 36px 0;display:flex;flex-direction:column;gap:18px}
.ag-geri{display:flex;align-items:center;gap:4px;font-size:13px;color:#5B6773;text-decoration:none}
.ag-adimlar{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:8px}
.ag-adimlar li{flex:1;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}
.ag-adimlar li span{height:3px}
.ag-yenile-govde{padding:22px 36px 30px;display:flex;flex-direction:column;gap:14px}
.ag-yenile-govde .ag-etiket{font-size:13px;font-weight:600;letter-spacing:.01em}
.ag-not{margin:0;font-size:13px;line-height:19px;color:#5B6773}
.ag-kod{display:flex;gap:10px}
.ag-kod input{width:56px;height:60px;box-sizing:border-box;text-align:center;border:1px solid #8A95A1;border-radius:6px;font-family:var(--ag-mono);font-size:24px;color:#141B22;padding:0}
.ag-kod input:focus{outline:0;border-color:#2452A0;box-shadow:0 0 0 3px rgba(36,82,160,.18)}
.ag-kod.hata input{border-color:#9F2B2B}
.ag-kod-alt{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#5B6773}
.ag-kod-alt span{display:flex;align-items:center;gap:6px}
.ag-kurallar{list-style:none;margin:0;padding:12px 14px;display:flex;flex-direction:column;gap:6px;background:#F2F4F7;border:1px solid #D5D9DE}
.ag-kurallar li{display:flex;align-items:center;gap:8px;font-size:13px;color:#5B6773}
.ag-kurallar li.tamam{color:#2E7D4F}
.ag-kurallar li .ag-x{display:inline-flex}.ag-kurallar li .ag-t{display:none}
.ag-kurallar li.tamam .ag-x{display:none}.ag-kurallar li.tamam .ag-t{display:inline-flex}
.ag-tamam{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:8px 0}
.ag-tamam .ag-t-daire{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:2px solid #2E7D4F;border-radius:28px;color:#2E7D4F}
.ag-tamam strong{font-size:17px;color:#141B22}
.ag-tamam span.ag-not{text-align:center}
.ag-tamam a.ag-dugme{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:6px}

/* ---- atölye kart girişi (1280×800) ---- */
.kg-sayfa{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#F2F4F7;overflow:hidden}
.kg-ust{position:relative;height:84px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#0C1116}
.kg-marka{display:flex;align-items:center;gap:14px}
.kg-marka img{height:38px;width:auto}
.kg-marka .kg-yazilar{display:flex;flex-direction:column;gap:3px}
.kg-marka .kg-firma{font-family:var(--ag-serif);color:#fff;font-size:19px;font-weight:600}
.kg-marka .kg-alt{color:#C0C0C0;font-size:13px}
.kg-saat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}
.kg-saat b{font-family:var(--ag-mono);font-size:32px;line-height:38px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums}
.kg-saat span{font-size:12px;color:#C0C0C0}
.kg-tablet{color:#C0C0C0;font-size:14px}
.kg-orta{position:relative;flex-grow:1;background:#F2F4F7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;overflow:hidden;padding:16px}
.kg-orta::before{content:"";position:absolute;inset:0;opacity:.12;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M10 14h8M14 10v8' stroke='%238A95A1' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E")}
.kg-kutu{position:relative;width:620px;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px 48px;background:#fff;border:1px solid #D5D9DE;border-radius:10px;
  box-shadow:0 1px 2px rgba(12,17,22,.08),0 16px 40px rgba(12,17,22,.14);border-top:4px solid #0C1116;text-align:center}
.kg-kutu.okundu{border-top-color:#2E7D4F}.kg-kutu.taninmadi{border-top-color:#9F2B2B}
.kg-kutu h1{margin:0;font-size:30px;line-height:38px;font-weight:600;color:#141B22}
.kg-kutu p{margin:0;font-size:18px;line-height:26px;color:#5B6773}
.kg-kutu.taninmadi p{color:#9F2B2B}
.kg-kisi[hidden]{display:none}
.kg-kisi{display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid #D5D9DE}
.kg-kisi .kg-bas{width:48px;height:48px;border-radius:24px;background:#2452A0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}
.kg-kisi span.kg-ad{display:flex;flex-direction:column;align-items:flex-start}
.kg-kisi strong{font-size:18px;color:#141B22}.kg-kisi small{font-size:14px;color:#5B6773}
.kg-sifre{position:relative;display:flex;align-items:center;gap:8px;height:52px;padding:0 22px;border:1px solid #8A95A1;border-radius:6px;background:#fff;color:#141B22;font-size:16px;font-weight:500;text-decoration:none}
.kg-alt-serit{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#0C1116;color:#8A95A1;font-size:12px;letter-spacing:.02em;padding:0 16px;text-align:center}
.kg-gizli{position:absolute;left:-9999px;top:0;width:1px;height:1px;opacity:0}

/* ---- yasal metin sayfaları ---- */
.ag-metin{max-width:760px;margin:0 auto;width:100%;box-sizing:border-box;padding:48px 24px;flex-grow:1}
.ag-metin h1{font-family:var(--ag-serif);font-size:32px;line-height:40px;font-weight:500;margin:0 0 20px;color:#141B22}
.ag-metin .ag-icerik{font-size:16px;line-height:26px;color:#141B22;white-space:pre-line}
.ag-metin .ag-bos{color:#5B6773}

/* ---- dar ekran ---- */
@media (max-width:1180px){
  .ag-bant{height:auto;padding-bottom:88px}
  .ag-bant-ic{height:auto}
  .ag-ust{padding:0 24px}
  .ag-baslik-blok{padding:32px 24px 0;max-width:none}
  .ag-baslik-blok h1{font-size:32px;line-height:40px}
  .ag-govde{padding:0 24px 32px;min-height:0;gap:24px}
  .ag-kart,.ag-kart.ag-kart-genis{position:relative;right:auto;top:auto;width:auto;max-width:480px;margin:-64px auto 0;align-self:stretch}
  .ag-duyurular{width:100%}
  .ag-duyuru-liste{flex-direction:column}
  .ag-alt-bilgi{padding:12px 24px}
  .ag-filigran{height:420px;bottom:-140px;right:-160px}
}
@media (max-width:480px){
  .ag-giris-ust{padding:24px 20px 18px}.ag-yenile-ust{padding:22px 20px 0}.ag-yenile-govde{padding:18px 20px 24px}.ag-yasal{padding:12px 20px}
  .ag-kod{gap:6px}.ag-kod input{width:auto;flex:1;min-width:0;height:52px;font-size:20px}
  .ag-guven>div{width:100%}
  .ag-adimlar li{font-size:11px}
  .ag-marka{gap:10px}.ag-firma{font-size:17px;white-space:nowrap}.ag-urun{white-space:nowrap}.ag-ust-sag span{display:none}
  .ag-ust{padding:0 16px}.ag-baslik-blok{padding:24px 16px 0}.ag-govde{padding:0 16px 24px}.ag-alt-bilgi{padding:12px 16px}
}
@media (max-width:760px){
  .kg-kutu{padding:28px 20px}.kg-saat{display:none}.kg-tablet{display:none}
}