/* css/style.css - GENEL AYARLAR */

:root {
  /* Renk Paleti */
  --primary-color: #3ADEE4;      /* Turkuaz Ana Renk */
  --primary-dark: #2BBEC7;       /* Koyu Turkuaz (Hover) */
  --text-main: #111827;          /* Ana Yazı (Koyu) */
  --text-secondary: #6b7280;     /* Gri Yazı */
  --bg-light: #f8fcfc;           /* Açık Arkaplan */
  --border-color: #e5e7eb;       /* Çerçeve Rengi */
  --radius: 16px;                /* Yuvarlama */
}

/* Sıfırlama */
* { box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; margin: 0; }

body {
  font-family: 'Montserrat', 'Roboto', sans-serif;
  background-color: #ffffff;
  color: var(--text-main);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
  /* Header yüksekliği kadar boşluk bırakıyoruz */
  padding-top: 90px; 
}

/* Genel Layout */
.container { 
  max-width: 1200px; 
  margin: 0 auto; 
  padding: 0 24px; 
  width: 100%; 
}

/* Linkler */
a { text-decoration: none; color: inherit; }

/* Global Buton Tasarımı */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: var(--primary-color);
  background-image: linear-gradient(to right, var(--primary-color), var(--primary-dark));
  color: white;
  padding: 14px 40px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(58, 222, 228, 0.35);
}

.btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(58, 222, 228, 0.45);
  color: #fff;
}

/* Beyaz Buton (İkincil Buton) */
.btn-white {
    background: #fff !important;
    background-image: none !important;
    color: var(--primary-color) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 1px solid #eee;
}

/* Mobil Ayarı */
@media (max-width: 768px) {
  body { padding-top: 80px; }
}