:root{
  --primary:#002d72;
  --accent:#00a86b;
  --muted:#6b7280;
  --bg:#f7fafc;
  --maxw:1100px;
  --radius:10px;
  --shadow: 0 8px 28px rgba(11,19,30,0.06);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#07263a;line-height:1.6}
.container{max-width:var(--maxw);margin:0 auto;padding:20px}
.header-inner{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:14px 0}
.logo img{height:56px}
.nav{display:flex;align-items:center;gap:18px}
.nav a{color:#07263a;text-decoration:none;font-weight:600}
.menu-toggle{display:none;background:transparent;border:0;font-size:22px}
.site-header{background:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:40}
.hero{padding:48px 0;background:linear-gradient(180deg, #fff 0%, #f3f7fb 100%);border-bottom:1px solid #eef2f6}
.hero-inner{display:flex;gap:32px;align-items:center}
.hero-text{flex:1}
.hero-text h1{font-size:34px;margin:0 0 12px;color:var(--primary)}
.hero-text p{color:var(--muted);margin:0 0 18px}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.primary{background:var(--primary);color:#fff}
.large{padding:14px 22px;font-size:16px}
.hero-image{flex:1;text-align:center}
.hero-image img{max-width:95%;border-radius:12px;box-shadow:var(--shadow)}
.section{padding:40px 0}
.section h2{margin:0 0 12px;font-size:22px;color:var(--primary)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;padding:18px;border-radius:12px;box-shadow:var(--shadow);text-align:center}
.card img{max-width:100%;height:160px;object-fit:cover;border-radius:8px}
.form{background:#fff;padding:20px;border-radius:12px;box-shadow:var(--shadow);max-width:760px}
.form-row{margin-bottom:12px}
.form-row label{display:block;margin-bottom:6px;font-weight:600}
.form-row input, .form-row select, .form-row textarea{width:100%;padding:12px;border:1px solid #e6eef6;border-radius:8px}
.form .checkbox-row label{display:flex;align-items:center;gap:10px;color:var(--muted)}
.whatsapp-inline{background:#25D366;color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;margin-left:5px}
.modal{position:fixed;left:0;top:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background:rgba(3,6,12,0.5);z-index:200}
.modal[aria-hidden="false"]{display:flex}
.modal-content{background:#fff;padding:28px;border-radius:12px;max-width:520px;box-shadow:0 10px 40px rgba(2,6,23,0.2);text-align:center}
.modal-close{position:absolute;right:22px;top:18px;background:transparent;border:0;font-size:22px;cursor:pointer}
.whatsapp-float{position:fixed;width:56px;height:56px;bottom:20px;right:20px;background:#25D366;color:white;font-size:28px;text-align:center;line-height:56px;border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,0.2);z-index:100}
@media (max-width:900px){
  .services-grid{grid-template-columns:repeat(1,1fr)}
  .hero-inner{flex-direction:column-reverse;text-align:center}
  .nav{display:none}
  .menu-toggle{display:block}
}
@media (max-width:520px){
  .hero-text h1{font-size:22px}
  .logo img{height:40px}
  .container{padding:12px}
}

/* v2 revisions override - ensure desktop nav, brand-blue KVKK, responsive fixes */
.nav{display:flex !important;gap:18px;align-items:center;}
@media(max-width:900px){
  .nav{display:none !important;}
  .hero-inner{flex-direction:column;}
}
/* KVKK brand-blue checkbox */
.checkbox-row.kvkk, .kvkk-label{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);line-height:1.4}
.kvkk-label input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:6px;border:2px solid #d1d5db;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .14s ease}
.kvkk-label input:focus{outline:3px solid rgba(0,45,114,0.12)}
.kvkk-label input::after{content:'';width:10px;height:6px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg) scale(0);opacity:0;transition:all .12s ease;position:absolute}
.kvkk-label input:checked{background:#002D72;border-color:#002D72}
.kvkk-label input:checked::after{transform:rotate(-45deg) scale(1);opacity:1}
.kvkk-label span{color:var(--muted);line-height:1.4}
/* WhatsApp float */
.whatsapp-float{position:fixed;width:56px;height:56px;bottom:20px;right:20px;z-index:150;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,0.12)}
.whatsapp-float img{width:36px;height:36px;display:block}
/* ensure form visible */
.form{max-width:760px;margin:0 auto;display:block}
.hero-image img{max-width:100%;height:auto}
/* --- KVKK ve Başvur butonu hizalama düzeltmesi --- */
.form .checkbox-row.kvkk {
  margin-top: 4px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.form .submit-row {
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}



/* --- KVKK Checkbox & Başvur Butonu - Robust hizalama v3 --- */
/* Ensure the checkbox row and submit row align horizontally (or closely stacked on small screens) */
.form .checkbox-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;              /* remove extra vertical spacing */
  padding: 0;
  width: 100%;
}

/* Let the label take available width so text sits right of checkbox and wraps gracefully */
.form .checkbox-row label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--muted);
  flex: 1;                /* label grows so checkbox stays left and text wraps */
  margin: 0;
}

/* Keep native checkbox visual, avoid huge custom transforms that break layout */
.form .checkbox-row input[type="checkbox"] {
  appearance: auto;
  -webkit-appearance: checkbox;
  width: 18px;
  height: 18px;
  margin: 0;
}

/* Submit button row: align items baseline so checkbox text and button center nicely */
.form .form-row:last-child {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  justify-content: flex-start;
}

/* If screen is narrow, stack checkbox text and buttons for readability */
@media (max-width:520px){
  .form .checkbox-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .form .form-row:last-child {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
}


/* --- Başvuru Formu hizalama düzeltmesi (ortalamayı kaldır) --- */
.form {
  margin-left: 0;
  margin-right: 0;
}