:root{
  --primary:#0f2f44;   /* dark navy from logo */
  --accent:#2a6f97;    /* blue accent */
  --muted:#6c7a89;
  --bg:#f5f7fb;
  --white:#ffffff;
  --shadow:0 10px 30px rgba(0,0,0,.08);
  --radius:20px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:#0f172a}
a{color:var(--primary);text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(1400px,90%);margin:0 auto}
header{
  position:sticky;top:0;z-index:10;background:var(--white);
  box-shadow:var(--shadow)
}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:70px;width:auto}
.brand .title{font-size:22px;font-weight:800;letter-spacing:.5px;color:var(--primary)}
nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
nav a{padding:10px 12px;border-radius:12px;font-weight:600;color:#0b2239}
nav a.active, nav a:hover{background:#e8f1f7;color:var(--primary)}
.hamburger{display:none;width:40px;height:40px;border-radius:12px;border:1px solid #e2e8f0;background:var(--white)}
.hero{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(135deg,#0f2f44, #2a6f97);color:white;margin:28px 0}
/* Slider */
.slider{position:relative}
.slides{display:flex;transition:transform .6s ease}
.slide{
  min-width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;
  padding:64px;min-height:940px
}
.slide .headline{font-size:48px;line-height:1.1;margin:0 0 12px;font-weight:800}
.slide p{font-size:18px;opacity:.95;margin:0 0 24px}
.btn{display:inline-block;padding:12px 18px;border-radius:14px;font-weight:700;box-shadow:var(--shadow)}
.btn.primary{background:var(--white);color:var(--primary)}
.btn.ghost{border:2px solid rgba(255,255,255,.6);color:#fff}
.slider-controls{position:absolute;inset:auto 20px 20px auto;display:flex;gap:10px}
.control{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.15);backdrop-filter:blur(8px);color:#fff;font-weight:800}
.dots{position:absolute;left:50%;transform:translateX(-50%);bottom:18px;display:flex;gap:8px}
.dot{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.5)}
.dot.active{background:#fff;width:22px}
/* Cards */
.section {
  margin: 70px 0;
  display: flex;
  flex-direction: column;
  align-items: center; /* yatay ortalama */
}

.section h2 {
  font-size: 32px;
  margin: 0 0 20px;
  color: var(--primary);
  text-align: center;
}


.section.card {
  padding: 90px 50px; /* formun iç boşluğunu büyüttük */
  min-height: 500px;  /* formun minimum yüksekliği */
}

.section.card form input,
.section.card form textarea {
  padding: 20px 24px; /* input/textarea iç boşluğu */
  font-size: 25px;    /* yazı boyutu */
}

.section.card form button {
  padding: 24px 28px; /* buton yüksekliği ve genişliği */
  font-size: 20px;
}



.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* kartları ortala */
  gap: 100px;
}

.card img {
  width: 100%;
  height: 350px;      /* tüm resimler bu yükseklikte olur */
  object-fit: cover;  /* boyutlandırırken taşma olursa kırpar */
  border-radius: 8px;
  margin-bottom: 10px;
}
.card h3 {
  font-size: 20px;    /* başlık boyutu büyütüldü */
}

.card p {
  font-size: 15px;    /* açıklama boyutu büyütüldü */   /* okunabilirlik için satır aralığı */
}

.card {
  background: var(--white);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 22px;
}
.card h3{margin:0 0 8px}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#ecf3ff;color:#1e3a8a;font-weight:700;font-size:12px}
footer{margin-top:50px;background:#0f2030;color:#cfe0f1}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;padding:34px 0}
footer a{color:#cfe0f1;opacity:.9}
footer .copyright{padding:16px 0;border-top:1px solid #213449;text-align:center;color:#9db4c7}
/* Forms */
form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #e2e8f0;background:#fff}
textarea{min-height:140px;resize:vertical}
button{cursor:pointer}
/* Responsive */
@media (max-width:900px){
  .slide{grid-template-columns:1fr;padding:40px;min-height:auto}
  .grid{grid-template-columns:1fr 1fr}
  nav ul{display:none;position:absolute;top:64px;right:5%;flex-direction:column;background:#fff;padding:12px;border-radius:16px;box-shadow:var(--shadow)}
  .hamburger{display:block}
}
@media (max-width:600px){
  .grid{grid-template-columns:1fr}
  .slide .headline{font-size:36px}
}


html, body {
  font-size: 15px; /* tüm site genelinde yazı boyutu artar */
}

h1 {
  font-size: 2.5rem; /* ~45px */
}

h2 {
  font-size: 2rem; /* ~36px */
}

h3 {
  font-size: 1.4rem; /* ~25px */
}

p {
  font-size: 1.1rem; /* ~20px */
}


/* SLIDER KART YAZILARINI KOYU YAP */
.hero .card { 
  background: #fff; 
  color: #0f172a !important;   /* metin rengi */
}
.hero .card h3,
.hero .card p {
  color: #0f172a !important;   /* başlık ve paragraf */
}