/* Extracted from the former inline styles; version: 20260822-inline-css */

/* hakkimizda.html */
html[lang="tr"] body.about-page .page-title{
      text-align: center;
      font-size: 2.2rem;
      font-weight: 800;
      color: #1d468b;
      margin: 0 auto 18px;
      background: #fff;
      padding: 18px;
      border-radius: 14px;
      max-width: 900px;
      box-shadow: 0 2px 14px rgba(60,80,150,0.10);
    }

    html[lang="tr"] body.about-page .about-wrap{
      max-width: 900px;
      margin: 0 auto 40px;
      padding: 0 16px;
    }

    html[lang="tr"] body.about-page .about-card{
      margin: 0 auto 18px;
      padding: 1.7rem 1.6rem;
      background: #fff;
      border-radius: 22px;
      box-shadow: 0 6px 32px rgba(0,0,0,0.07),0 1.5px 6px rgba(0,0,0,0.03);
      line-height: 1.65;
      color: #2b2b2b;
    }

    html[lang="tr"] body.about-page .about-card h2{
      margin: 1.1rem 0 .55rem;
      color: #245599;
      font-size: 1.18rem;
      font-weight: 800;
    }

    html[lang="tr"] body.about-page .about-card ul{
      margin: .6rem 0 0 1.1rem;
      padding: 0;
    }
    html[lang="tr"] body.about-page .about-card li{ margin: .35rem 0; }

    html[lang="tr"] body.about-page .about-highlight{
      background: #f6f8fa;
      border-radius: 16px;
      padding: 14px 14px;
      margin-top: 14px;
      border: 1px solid rgba(29,70,139,0.10);
    }

    html[lang="tr"] body.about-page .about-cta{
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 14px;
      align-items: center;
    }

    html[lang="tr"] body.about-page .about-cta a{
      display: inline-block;
      text-decoration: none;
      background: #1d468b;
      color: #fff;
      padding: 10px 14px;
      border-radius: 12px;
      font-weight: 700;
    }

    html[lang="tr"] body.about-page .about-cta a.secondary{
      background: #f2f5fa;
      color: #1d468b;
      border: 1px solid rgba(29,70,139,0.18);
    }

    @media(max-width:800px){
      html[lang="tr"] body.about-page .page-title{ font-size: 1.35rem; }
      html[lang="tr"] body.about-page .about-card{ padding: 1.1rem 1rem; }
    }


/* hakkimizda-en.html */
html[lang="en"] body.about-page .page-title{
      text-align: center;
      color: #1d468b;
      background: #fff;
      margin: 0 auto 18px;
      font-size: 2.2rem;
      font-weight: 800;
      padding: 18px 0;
      border-radius: 14px;
      width: 100%;
      max-width: 900px;
      box-shadow: 0 2px 14px rgba(60,80,150,0.10);
      border: none;
    }

    html[lang="en"] body.about-page .about-wrap{
      max-width: 900px;
      margin: 0 auto 40px;
      padding: 0 16px;
    }

    html[lang="en"] body.about-page .about-card{
      margin: 0 auto 18px;
      padding: 1.7rem 1.6rem;
      background: #fff;
      border-radius: 24px;
      box-shadow: 0 6px 32px rgba(0,0,0,0.08), 0 1.5px 6px rgba(0,0,0,0.04);
      text-align: left;
      line-height: 1.68;
      color: #2b2b2b;
    }

    html[lang="en"] body.about-page .about-card h2{
      margin-top: 1.2em;
      margin-bottom: 0.55em;
      font-size: 1.18em;
      color: #20457c;
      font-weight: 800;
    }

    html[lang="en"] body.about-page .about-card p{
      margin: 0;
      color: #2b2b2b;
      line-height: 1.68;
      font-size: 1.05em;
    }

    html[lang="en"] body.about-page .about-card ul{
      margin: .6rem 0 0 1.1rem;
      padding: 0;
    }
    html[lang="en"] body.about-page .about-card li{ margin: .35rem 0; }

    html[lang="en"] body.about-page .about-highlight{
      background: #f6f8fa;
      border-radius: 16px;
      padding: 14px 14px;
      margin-top: 14px;
      border: 1px solid rgba(29,70,139,0.10);
    }

    html[lang="en"] body.about-page .about-cta{
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 14px;
      align-items: center;
    }
    html[lang="en"] body.about-page .about-cta a{
      display: inline-block;
      text-decoration: none;
      background: #1d468b;
      color: #fff;
      padding: 10px 14px;
      border-radius: 12px;
      font-weight: 700;
    }
    html[lang="en"] body.about-page .about-cta a.secondary{
      background: #f2f5fa;
      color: #1d468b;
      border: 1px solid rgba(29,70,139,0.18);
    }

    @media (max-width: 800px) {
      html[lang="en"] body.about-page .about-card{ padding: 1.1rem 1rem; }
      html[lang="en"] body.about-page .page-title{ font-size: 1.35rem; }
    }


/* hizmetler.html */
html[lang="tr"] body.services-page .page-title{
      text-align: center !important;
      color: #1d468b;
      background: #fff;
      margin: 0 auto 32px;
      font-size: 2.2rem;
      font-weight: 700;
      padding: 18px 0;
      border-radius: 14px;
      max-width: 900px;
      box-shadow: 0 2px 14px rgba(60,80,150,0.10);
    }
    html[lang="tr"] body.services-page .services-box{
      max-width: 900px;
      margin: 0 auto 40px;
      padding: 2rem 2.5rem;
      background: #fff;
      border-radius: 24px;
      box-shadow: 0 6px 32px rgba(0,0,0,0.07),0 1.5px 6px rgba(0,0,0,0.03);
    }
    html[lang="tr"] body.services-page .services-box .card{
      margin-bottom: 1.3rem;
      background: #f6f8fa;
      border-radius: 16px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
      padding: 1.1rem 1.2rem;
      transition: box-shadow .2s;
    }
    html[lang="tr"] body.services-page .services-box .card h2{
      margin: 0 0 .45em;
      color: #2d5b8c;
      font-size: 1.13em;
    }
    html[lang="tr"] body.services-page .services-box .card p{
      margin: 0;
      color: #2a2a2a;
      font-size: 1em;
      line-height: 1.55;
    }
    @media (max-width:950px){
      html[lang="tr"] body.services-page .services-box{padding:1rem .5rem;}
      html[lang="tr"] body.services-page .page-title{font-size:1.3rem;}
    }


/* hizmetler-en.html */
html[lang="en"] body.services-page .page-title{
      text-align: center;
      color: #1d468b;
      background: #fff;
      margin: 0 auto 32px;
      font-size: 2.2rem;
      font-weight: 700;
      padding: 18px 0;
      border-radius: 14px;
      max-width: 900px;
      box-shadow: 0 2px 14px rgba(60,80,150,0.10);
    }
    html[lang="en"] body.services-page .services-box{
      max-width: 900px;
      margin: 0 auto 40px;
      padding: 2rem 2.5rem;
      background: #fff;
      border-radius: 24px;
      box-shadow: 0 6px 32px rgba(0,0,0,0.07),0 1.5px 6px rgba(0,0,0,0.03);
    }
    html[lang="en"] body.services-page .services-box .card{
      margin-bottom: 1.3rem;
      background: #f6f8fa;
      border-radius: 16px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
      padding: 1.1rem 1.2rem;
      transition: box-shadow .2s;
    }
    html[lang="en"] body.services-page .services-box .card h2{
      margin: 0 0 .45em;
      color: #2d5b8c;
      font-size: 1.13em;
    }
    html[lang="en"] body.services-page .services-box .card p{
      margin: 0;
      color: #2a2a2a;
      font-size: 1em;
      line-height: 1.55;
    }
    @media (max-width:950px){
      html[lang="en"] body.services-page .services-box{padding:1rem .5rem;}
      html[lang="en"] body.services-page .page-title{font-size:1.3rem;}
    }


/* iletisim.html */
html[lang="tr"] body.contact-page .page-title{
      text-align: center;
      color: #1d468b;
      background: #fff;
      padding: 16px;
      border-radius: 12px;
      margin: 0 auto 18px auto;
      max-width: 720px;
      box-shadow: 0 2px 10px rgba(60,80,150,0.10);
      font-weight: 800;
    }

    html[lang="tr"] body.contact-page .contact-subtitle{
      max-width: 900px;
      margin: 0 auto 18px auto;
      padding: 0 20px;
      text-align: center;
      color: #2b2b2b;
      line-height: 1.55;
    }

    html[lang="tr"] body.contact-page .contact-main-container{
      display: flex;
      flex-wrap: wrap;
      gap: 1.6rem;
      max-width: 900px;
      margin: 0 auto 40px auto;
      padding: 0 20px;
    }

    html[lang="tr"] body.contact-page #contact-form{
      flex: 1;
      min-width: 280px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      background: #fff;
      border-radius: 14px;
      padding: 18px;
      box-shadow: 0 6px 26px rgba(0,0,0,0.06), 0 1.5px 6px rgba(0,0,0,0.03);
    }

    html[lang="tr"] body.contact-page #contact-form label{
      font-weight: 600;
      color: #1d468b;
      font-size: 0.95rem;
    }

    html[lang="tr"] body.contact-page #contact-form input,
html[lang="tr"] body.contact-page #contact-form select,
html[lang="tr"] body.contact-page #contact-form textarea{
      padding: 10px 10px;
      border: 1px solid rgba(0,0,0,0.15);
      border-radius: 10px;
      font-family: inherit;
      resize: vertical;
      outline: none;
      font-size: 0.98rem;
    }

    html[lang="tr"] body.contact-page #contact-form input:focus,
html[lang="tr"] body.contact-page #contact-form select:focus,
html[lang="tr"] body.contact-page #contact-form textarea:focus{
      border-color: rgba(29,70,139,0.45);
      box-shadow: 0 0 0 3px rgba(29,70,139,0.10);
    }

    html[lang="tr"] body.contact-page #contact-form button{
      padding: 12px 12px;
      border: none;
      background: #1d468b;
      color: #fff;
      border-radius: 10px;
      cursor: pointer;
      font-size: 1rem;
      font-weight: 700;
      transition: opacity .2s;
    }
    html[lang="tr"] body.contact-page #contact-form button:disabled{
      opacity: 0.6;
      cursor: not-allowed;
    }

    html[lang="tr"] body.contact-page .form-note{
      font-size: 13px;
      color: #333;
      opacity: 0.85;
      line-height: 1.45;
    }

    html[lang="tr"] body.contact-page .contact-info-box{
      flex: 1;
      min-width: 280px;
      background: #fff;
      padding: 18px;
      border-radius: 14px;
      box-shadow: 0 6px 26px rgba(0,0,0,0.06), 0 1.5px 6px rgba(0,0,0,0.03);
    }

    html[lang="tr"] body.contact-page .contact-info-box .contact-name{
      font-weight: 800;
      margin-bottom: 10px;
      font-size: 1.2rem;
      color: #1d468b;
    }

    html[lang="tr"] body.contact-page .contact-info-box p{
      margin: 10px 0;
      color: #2b2b2b;
      line-height: 1.5;
    }

    html[lang="tr"] body.contact-page .contact-info-box a{ color: #1d468b; }

    /* Honeypot hidden */
    html[lang="tr"] body.contact-page .hp-field{
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
    }


/* iletisim-en.html */
html[lang="en"] body.contact-page .page-title{
      text-align: center;
      color: #1d468b;
      background: #fff;
      margin: 0 auto 18px;
      font-size: 2.2rem;
      font-weight: 800;
      padding: 18px 0;
      border-radius: 14px;
      max-width: 900px;
      box-shadow: 0 2px 14px rgba(60,80,150,0.10);
    }

    html[lang="en"] body.contact-page .contact-subtitle{
      max-width: 900px;
      margin: 0 auto 18px;
      padding: 0 20px;
      text-align: center;
      color: #2b2b2b;
      line-height: 1.55;
    }

    html[lang="en"] body.contact-page .contact-main{
      max-width: 900px;
      margin: 0 auto 40px;
      background: #fff;
      border-radius: 22px;
      box-shadow: 0 6px 32px rgba(0,0,0,0.08),0 1.5px 6px rgba(0,0,0,0.02);
      padding: 2.2rem 2.5rem;
      display: flex;
      flex-wrap: wrap;
      gap: 26px;
      align-items: flex-start;
      justify-content: center;
    }

    html[lang="en"] body.contact-page .contact-form{
      flex: 1 1 420px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      background: #fff;
    }

    html[lang="en"] body.contact-page .contact-form label{
      font-weight: 600;
      color: #1d468b;
      font-size: 0.95rem;
    }

    html[lang="en"] body.contact-page .contact-form input,
html[lang="en"] body.contact-page .contact-form select,
html[lang="en"] body.contact-page .contact-form textarea{
      padding: .75em .9em;
      border-radius: 10px;
      border: 1px solid rgba(0,0,0,0.15);
      font-size: 1em;
      font-family: inherit;
      outline: none;
      background: #f7f9fc;
      box-shadow: 0 1px 4px rgba(34,61,128,0.02);
    }

    html[lang="en"] body.contact-page .contact-form input:focus,
html[lang="en"] body.contact-page .contact-form select:focus,
html[lang="en"] body.contact-page .contact-form textarea:focus{
      border-color: rgba(29,70,139,0.45);
      box-shadow: 0 0 0 3px rgba(29,70,139,0.10);
    }

    html[lang="en"] body.contact-page .contact-form button[type="submit"]{
      padding: .75em 1.4em;
      background: #1d468b;
      color: #fff;
      border: none;
      border-radius: 10px;
      font-weight: 700;
      font-size: 1.05em;
      cursor: pointer;
      transition: opacity .18s;
      align-self: flex-start;
    }
    html[lang="en"] body.contact-page .contact-form button[type="submit"]:disabled{
      opacity: 0.6;
      cursor: not-allowed;
    }

    html[lang="en"] body.contact-page .form-note{
      font-size: 13px;
      color: #333;
      opacity: 0.85;
      line-height: 1.45;
    }

    html[lang="en"] body.contact-page .contact-info{
      flex: 1 1 300px;
      background: #f7f9fa;
      border-radius: 18px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.04);
      padding: 1.7rem 1.3rem 1.1rem;
    }
    html[lang="en"] body.contact-page .contact-info h2{
      font-size: 1.24rem;
      font-weight: 800;
      color: #2349a4;
      margin-bottom: .6em;
    }
    html[lang="en"] body.contact-page .contact-info p{
      margin: .45em 0;
      font-size: 1em;
      color: #2b2b2b;
      line-height: 1.5;
    }
    html[lang="en"] body.contact-page .contact-info strong{ color: #245599; }
    html[lang="en"] body.contact-page .contact-info a{ color: #1d468b; }

    /* Honeypot hidden */
    html[lang="en"] body.contact-page .hp-field{
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
    }

    @media (max-width: 900px) {
      html[lang="en"] body.contact-page .contact-main{ padding: 1.4rem .8rem; gap: 18px; }
      html[lang="en"] body.contact-page .contact-form,
html[lang="en"] body.contact-page .contact-info{ flex: 1 1 100%; }
      html[lang="en"] body.contact-page .page-title{ font-size: 1.5rem; }
    }


/* referanslar.html */
html[lang="tr"] body.references-page .page-title{
      text-align: center;
      color: #1d468b;
      background: #fff;
      margin: 0 auto 18px;
      font-size: 2.2rem;
      font-weight: 700;
      padding: 18px 0;
      border-radius: 14px;
      max-width: 950px;
      box-shadow: 0 2px 14px rgba(60,80,150,0.10);
    }

    html[lang="tr"] body.references-page .ref-wrap{
      max-width: 980px;
      margin: 0 auto 40px;
      padding: 0 14px;
    }

    html[lang="tr"] body.references-page .ref-toolbar{
      max-width: 950px;
      margin: 0 auto 14px;
      background: #fff;
      border-radius: 16px;
      padding: 14px 14px;
      box-shadow: 0 6px 32px rgba(0,0,0,0.06),0 1.5px 6px rgba(0,0,0,0.03);
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }

    html[lang="tr"] body.references-page .ref-search{
      flex: 1;
      min-width: 240px;
      display: flex;
      gap: 10px;
      align-items: center;
    }

    html[lang="tr"] body.references-page .ref-search input{
      width: 100%;
      border: 1px solid rgba(29,70,139,0.18);
      border-radius: 12px;
      padding: 12px 12px;
      font-family: "Poppins", Arial, sans-serif;
      font-size: 14px;
      outline: none;
    }
    html[lang="tr"] body.references-page .ref-search input:focus{
      border-color: rgba(29,70,139,0.45);
      box-shadow: 0 0 0 3px rgba(29,70,139,0.12);
    }

    html[lang="tr"] body.references-page .ref-meta{
      font-size: 13px;
      color: #2a2a2a;
      opacity: 0.9;
      white-space: nowrap;
    }

    html[lang="tr"] body.references-page .references{
      max-width: 950px;
      margin: 0 auto;
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 6px 32px rgba(0,0,0,0.07),0 1.5px 6px rgba(0,0,0,0.03);
      padding: 2.2rem 1.6rem;
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      justify-content: center;
    }

    html[lang="tr"] body.references-page .reference-card{
      width: 300px;
      background: #f7f9fa;
      border-radius: 15px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      padding: 1.2rem 1.2rem;
      display: flex;
      flex-direction: column;
      transition: box-shadow .2s, transform .2s;
      opacity: 1 !important;
      transform: none !important;
    }
    html[lang="tr"] body.references-page .reference-card:hover{
      box-shadow: 0 6px 18px rgba(0,0,0,0.08);
      transform: translateY(-2px);
    }
    html[lang="tr"] body.references-page .reference-card h3{
      margin-bottom: .55em;
      color: #245599;
      font-size: 1.06em;
      font-weight: 700;
      letter-spacing: 0.2px;
    }
    html[lang="tr"] body.references-page .reference-card p{
      margin: 0;
      color: #2b2b2b;
      line-height: 1.50;
      font-size: 0.98em;
    }

    html[lang="tr"] body.references-page .no-results{
      display: none;
      max-width: 950px;
      margin: 14px auto 0;
      background: #fff;
      border-radius: 14px;
      padding: 14px 14px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.06);
      color: #2a2a2a;
      text-align: center;
      font-size: 14px;
    }

    @media (max-width: 1020px) {
      html[lang="tr"] body.references-page .references{ padding: 1.4rem 1rem; gap: 12px; }
      html[lang="tr"] body.references-page .reference-card{ width: 100%; max-width: 360px; }
      html[lang="tr"] body.references-page .page-title{ font-size: 1.5rem; }
    }


/* referanslar-en.html */
html[lang="en"] body.references-page .page-title{
      text-align: center;
      color: #1d468b;
      background: #fff;
      margin: 0 auto 18px;
      font-size: 2.2rem;
      font-weight: 700;
      padding: 18px 0;
      border-radius: 14px;
      max-width: 950px;
      box-shadow: 0 2px 14px rgba(60,80,150,0.10);
    }

    html[lang="en"] body.references-page .ref-wrap{
      max-width: 980px;
      margin: 0 auto 40px;
      padding: 0 14px;
    }

    html[lang="en"] body.references-page .ref-toolbar{
      max-width: 950px;
      margin: 0 auto 14px;
      background: #fff;
      border-radius: 16px;
      padding: 14px 14px;
      box-shadow: 0 6px 32px rgba(0,0,0,0.06),0 1.5px 6px rgba(0,0,0,0.03);
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }

    html[lang="en"] body.references-page .ref-search{
      flex: 1;
      min-width: 240px;
      display: flex;
      gap: 10px;
      align-items: center;
    }

    html[lang="en"] body.references-page .ref-search input{
      width: 100%;
      border: 1px solid rgba(29,70,139,0.18);
      border-radius: 12px;
      padding: 12px 12px;
      font-family: "Poppins", Arial, sans-serif;
      font-size: 14px;
      outline: none;
    }
    html[lang="en"] body.references-page .ref-search input:focus{
      border-color: rgba(29,70,139,0.45);
      box-shadow: 0 0 0 3px rgba(29,70,139,0.12);
    }

    html[lang="en"] body.references-page .ref-meta{
      font-size: 13px;
      color: #2a2a2a;
      opacity: 0.9;
      white-space: nowrap;
    }

    html[lang="en"] body.references-page .references{
      max-width: 950px;
      margin: 0 auto;
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 6px 32px rgba(0,0,0,0.07),0 1.5px 6px rgba(0,0,0,0.03);
      padding: 2.2rem 1.6rem;
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      justify-content: center;
    }

    html[lang="en"] body.references-page .reference-card{
      width: 300px;
      background: #f7f9fa;
      border-radius: 15px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      padding: 1.2rem 1.2rem;
      display: flex;
      flex-direction: column;
      transition: box-shadow .2s, transform .2s;
      opacity: 1 !important;
      transform: none !important;
    }
    html[lang="en"] body.references-page .reference-card:hover{
      box-shadow: 0 6px 18px rgba(0,0,0,0.08);
      transform: translateY(-2px);
    }
    html[lang="en"] body.references-page .reference-card h3{
      margin-bottom: .55em;
      color: #245599;
      font-size: 1.06em;
      font-weight: 700;
      letter-spacing: 0.2px;
    }
    html[lang="en"] body.references-page .reference-card p{
      margin: 0;
      color: #2b2b2b;
      line-height: 1.50;
      font-size: 0.98em;
    }

    html[lang="en"] body.references-page .no-results{
      display: none;
      max-width: 950px;
      margin: 14px auto 0;
      background: #fff;
      border-radius: 14px;
      padding: 14px 14px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.06);
      color: #2a2a2a;
      text-align: center;
      font-size: 14px;
    }

    @media (max-width: 1020px) {
      html[lang="en"] body.references-page .references{ padding: 1.4rem 1rem; gap: 12px; }
      html[lang="en"] body.references-page .reference-card{ width: 100%; max-width: 360px; }
      html[lang="en"] body.references-page .page-title{ font-size: 1.5rem; }
    }


/* sertifikalar.html */
html[lang="tr"] body.certificates-page .page-title{
      text-align: center;
      color: #1d468b;
      background: #fff;
      margin: 0 auto 32px;
      font-size: 2.2rem;
      font-weight: 700;
      padding: 18px 0 10px;
      border-radius: 14px;
      max-width: 900px;
      box-shadow: 0 2px 14px rgba(60,80,150,0.10);
    }

    html[lang="tr"] body.certificates-page #certificates-container{
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
      gap: 24px;
      max-width: 1200px;
      margin: 0 auto 40px;
      padding: 0 20px;
    }

    html[lang="tr"] body.certificates-page .certificate{
      margin: 0;
      display: flex;
      flex-direction: column;
      background: #fff;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      cursor: zoom-in;
      transition: transform .18s ease, box-shadow .18s ease;
    }
    html[lang="tr"] body.certificates-page .certificate:hover{
      transform: translateY(-2px);
      box-shadow: 0 8px 18px rgba(0,0,0,0.12);
    }

    html[lang="tr"] body.certificates-page .certificate img{
      width: 100%;
      aspect-ratio: 509/720;
      object-fit: cover;
      display: block;
    }

    html[lang="tr"] body.certificates-page .certificate figcaption{
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: 7px;
      padding: 16px 17px 18px;
      font-size: 13px;
      line-height: 1.45;
      color: #2a2a2a;
      background: #fff;
    }

    html[lang="tr"] body.certificates-page .certificate__eyebrow{
      color: #2e70d4;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    html[lang="tr"] body.certificates-page .certificate__title{
      margin: 0;
      color: #14345f;
      font-size: 17px;
      line-height: 1.25;
    }

    html[lang="tr"] body.certificates-page .certificate__meta,
html[lang="tr"] body.certificates-page .certificate__number,
html[lang="tr"] body.certificates-page .certificate__summary{
      margin: 0;
    }

    html[lang="tr"] body.certificates-page .certificate__meta{ color: #4c5f75; font-weight: 600; }
    html[lang="tr"] body.certificates-page .certificate__number{ color: #69798c; font-size: 12px; }
    html[lang="tr"] body.certificates-page .certificate__summary{ color: #354558; }
    html[lang="tr"] body.certificates-page .certificate figcaption strong{
      display: block;
      color: #1d468b;
      font-size: 13px;
      margin-bottom: 2px;
    }

    /* Lightbox */
    html[lang="tr"] body.certificates-page .lightbox{
      display: none;
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0,0,0,0.82);
      align-items: center;
      justify-content: center;
      z-index: 1000;
      padding: 16px;
    }
    html[lang="tr"] body.certificates-page .lightbox.open{ display: flex; }

    html[lang="tr"] body.certificates-page .lb-wrap{
      width: min(1100px, 96vw);
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: center;
    }
    html[lang="tr"] body.certificates-page .lightbox img{
      width: 100%;
      max-height: 78vh;
      object-fit: contain;
      border-radius: 10px;
      background: rgba(255,255,255,0.03);
    }
    html[lang="tr"] body.certificates-page .lb-cap{
      width: 100%;
      color: #fff;
      font-size: 14px;
      line-height: 1.35;
      text-align: center;
      opacity: 0.95;
    }

    html[lang="tr"] body.certificates-page .lightbox button{
      position: absolute;
      background: rgba(30,50,100,0.75);
      color: #fff;
      border: none;
      border-radius: 10px;
      padding: 10px 14px;
      font-size: 1.35rem;
      cursor: pointer;
    }
    html[lang="tr"] body.certificates-page .prev-btn{ left: 14px; top: 50%; transform: translateY(-50%); }
    html[lang="tr"] body.certificates-page .next-btn{ right: 14px; top: 50%; transform: translateY(-50%); }
    html[lang="tr"] body.certificates-page .close-btn{ right: 14px; top: 14px; font-size: 1.6rem; }

    @media (max-width: 800px) {
      html[lang="tr"] body.certificates-page .page-title{ font-size: 1.5rem; }
    }


/* sertifikalar-en.html */
html[lang="en"] body.certificates-page .page-title{
      text-align: center;
      color: #1d468b;
      background: #fff;
      margin: 0 auto 32px;
      font-size: 2.2rem;
      font-weight: 700;
      padding: 18px 0;
      border-radius: 14px;
      max-width: 900px;
      box-shadow: 0 2px 14px rgba(60,80,150,0.10);
    }

    html[lang="en"] body.certificates-page #certificates-container{
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
      gap: 24px;
      max-width: 1200px;
      margin: 0 auto 40px;
      padding: 0 20px;
    }

    html[lang="en"] body.certificates-page .certificate{
      margin: 0;
      display: flex;
      flex-direction: column;
      background: #fff;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      cursor: zoom-in;
      transition: transform .18s ease, box-shadow .18s ease;
    }
    html[lang="en"] body.certificates-page .certificate:hover{
      transform: translateY(-2px);
      box-shadow: 0 8px 18px rgba(0,0,0,0.12);
    }

    html[lang="en"] body.certificates-page .certificate img{
      width: 100%;
      aspect-ratio: 509/720;
      object-fit: cover;
      display: block;
    }

    html[lang="en"] body.certificates-page .certificate figcaption{
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: 7px;
      padding: 16px 17px 18px;
      font-size: 13px;
      line-height: 1.45;
      color: #2a2a2a;
      background: #fff;
    }

    html[lang="en"] body.certificates-page .certificate__eyebrow{
      color: #2e70d4;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    html[lang="en"] body.certificates-page .certificate__title{
      margin: 0;
      color: #14345f;
      font-size: 17px;
      line-height: 1.25;
    }

    html[lang="en"] body.certificates-page .certificate__meta,
html[lang="en"] body.certificates-page .certificate__number,
html[lang="en"] body.certificates-page .certificate__summary{
      margin: 0;
    }

    html[lang="en"] body.certificates-page .certificate__meta{ color: #4c5f75; font-weight: 600; }
    html[lang="en"] body.certificates-page .certificate__number{ color: #69798c; font-size: 12px; }
    html[lang="en"] body.certificates-page .certificate__summary{ color: #354558; }
    html[lang="en"] body.certificates-page .certificate figcaption strong{
      display: block;
      color: #1d468b;
      font-size: 13px;
      margin-bottom: 2px;
    }

    /* Lightbox */
    html[lang="en"] body.certificates-page .lightbox{
      display: none;
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(0,0,0,0.82);
      align-items: center;
      justify-content: center;
      z-index: 1000;
      padding: 16px;
    }
    html[lang="en"] body.certificates-page .lightbox.open{ display: flex; }

    html[lang="en"] body.certificates-page .lb-wrap{
      width: min(1100px, 96vw);
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: center;
    }
    html[lang="en"] body.certificates-page .lightbox img{
      width: 100%;
      max-height: 78vh;
      object-fit: contain;
      border-radius: 10px;
      background: rgba(255,255,255,0.03);
    }
    html[lang="en"] body.certificates-page .lb-cap{
      width: 100%;
      color: #fff;
      font-size: 14px;
      line-height: 1.35;
      text-align: center;
      opacity: 0.95;
    }

    html[lang="en"] body.certificates-page .lightbox button{
      position: absolute;
      background: rgba(30,50,100,0.75);
      color: #fff;
      border: none;
      border-radius: 10px;
      padding: 10px 14px;
      font-size: 1.35rem;
      cursor: pointer;
    }
    html[lang="en"] body.certificates-page .prev-btn{ left: 14px; top: 50%; transform: translateY(-50%); }
    html[lang="en"] body.certificates-page .next-btn{ right: 14px; top: 50%; transform: translateY(-50%); }
    html[lang="en"] body.certificates-page .close-btn{ right: 14px; top: 14px; font-size: 1.6rem; }

    @media (max-width: 800px) {
      html[lang="en"] body.certificates-page .page-title{ font-size: 1.5rem; }
    }


/* saha/index.html */
body.saha-page{--mavi:#1F3864;--ac:#2AB3C6;--kir:#C0392B;--yes:#1E8449;}
body.saha-page *{box-sizing:border-box;font-family:system-ui,Arial,sans-serif;}
body.saha-page{margin:0;background:#f2f4f8;color:#1b2330;padding-bottom:70px;}
body.saha-page header{background:var(--mavi);color:#fff;padding:10px 14px;position:sticky;top:0;z-index:5;}
body.saha-page header h1{font-size:17px;margin:0;}body.saha-page header .p{font-size:12px;opacity:.8}
body.saha-page nav{display:flex;overflow-x:auto;background:#fff;border-bottom:2px solid var(--ac);position:sticky;top:46px;z-index:5;}
body.saha-page nav button{flex:0 0 auto;border:0;background:none;padding:10px 12px;font-size:13px;font-weight:600;color:#456;}
body.saha-page nav button.on{color:var(--mavi);border-bottom:3px solid var(--ac);}
body.saha-page section{display:none;padding:10px;}body.saha-page section.on{display:block;}
body.saha-page .tw{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin:8px 0;}
body.saha-page table{border-collapse:collapse;font-size:13px;min-width:100%;}
body.saha-page th,
body.saha-page td{border:1px solid #dde3ec;padding:3px;text-align:center;white-space:nowrap;}
body.saha-page th{background:#eef2f8;font-weight:600;font-size:12px;}
body.saha-page input.v{width:64px;} body.saha-page input.v.t{text-align:left;} body.saha-page input.v{padding:6px 3px;font-size:14px;border:1px solid #c6cfdd;border-radius:5px;text-align:center;}
body.saha-page input.v.bad,
body.saha-page input.bad{background:#fdecea;border-color:var(--kir);color:var(--kir);font-weight:700;}
body.saha-page input.v.ok{background:#eafaf1;border-color:var(--yes);}
body.saha-page .fld{display:flex;align-items:center;justify-content:space-between;background:#fff;margin:5px 0;padding:8px 10px;border-radius:8px;gap:8px;}
body.saha-page .fld label{font-size:13px;}body.saha-page .hint{color:#8a94a6;font-size:11px;}
body.saha-page h3{margin:12px 2px 4px;font-size:15px;color:var(--mavi);}body.saha-page h4{margin:12px 2px 4px;font-size:14px;color:var(--mavi);}
body.saha-page .note{font-size:12px;color:#5a6577;margin:4px 2px;}
body.saha-page .btn{display:block;width:100%;margin:8px 0;padding:12px;font-size:15px;font-weight:700;border:0;border-radius:8px;background:var(--mavi);color:#fff;}
body.saha-page .btn.gri{background:#6c7a91;} body.saha-page .btn.kirmizi{background:var(--kir);}
body.saha-page #ozet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid var(--ac);padding:8px 12px;font-size:13px;display:flex;justify-content:space-between;align-items:center;z-index:6;}
body.saha-page #uyari{color:var(--kir);font-weight:700;}
body.saha-page textarea{width:100%;height:110px;font-size:12px;}
body.saha-page .kural p{background:#fff;padding:8px 10px;border-radius:8px;font-size:13px;line-height:1.5;margin:5px 0;}
body.saha-page input#proje,
body.saha-page #revizyon,
body.saha-page #projectSelect{width:100%;padding:10px;font-size:15px;border:1px solid #c6cfdd;border-radius:8px;background:#fff;}
body.saha-page .project-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.saha-page .project-actions .btn{margin:4px 0}
body.saha-page .q-group{background:#fff;border-radius:8px;margin:8px 0;padding:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}
body.saha-page .q-group summary{font-weight:700;color:var(--mavi);cursor:pointer;padding:4px}
body.saha-page .q-card{border-top:1px solid #dde3ec;padding:10px 2px}body.saha-page .q-card:first-of-type{border-top:0}
body.saha-page .q-label{font-size:13px;line-height:1.4;margin-bottom:6px}body.saha-page .q-meta{font-size:11px;color:#6c7a91}
body.saha-page .q-card select,
body.saha-page .q-card textarea,
body.saha-page .q-card input{width:100%;margin-top:6px;padding:8px;border:1px solid #c6cfdd;border-radius:6px;background:#fff}
body.saha-page .q-card textarea{height:64px}body.saha-page .q-card.bad{border-left:4px solid var(--kir);padding-left:8px}


/* Saha form widths previously expressed as inline style attributes. */
body.saha-page input[data-key^="INFO!"] { width: 58%; }
body.saha-page #gpsAlan { width: 60%; }
body.saha-page input[data-key="ATLAMA ALANLARI!B84"] { width: 55%; }