:root {      --primary: #1f3b6b;      --primary-light: #33579d;      --accent: #f59e0b;      --bg: #f5f5f7;      --text: #1f2933;      --muted: #6b7280;      --white: #ffffff;      --shadow-soft: 0 10px 25px rgba(15, 23, 42, 0.12);      --radius-xl: 18px;    }html, body {  margin: 0;  padding: 0;  overflow-x: hidden;   /* SaÄŸa doÄŸru taÅŸmayı tamamen kapat */}    * {      box-sizing: border-box;      margin: 0;      padding: 0;    }	    body {      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;      background: var(--bg);      color: var(--text);      line-height: 1.6;    }    a {      text-decoration: none;      color: inherit;    }    /* Navbar */    header {      position: sticky;      top: 0;      z-index: 50;      backdrop-filter: blur(14px);      background: rgb(255 255 255 / 85%);      border-bottom: 1px solid rgba(148, 163, 184, 0.25);    }    .nav-container {      max-width: 1140px;      margin: 0 auto;      padding: 12px 20px;      display: flex;      align-items: center;      justify-content: space-between;    }    .logo {      display: flex;      align-items: center;      gap: 10px;      font-weight: 700;      color: var(--primary);      letter-spacing: 0.02em;      line-height: 14px;    }    .logo-badge {      width: 38px;      height: 38px;      border-radius: 50%;      background: radial-gradient(circle at 30% 20%, #fff5cf, #1f3b6b);      display: flex;      align-items: center;      justify-content: center;      color: #f9fafb;      font-size: 18px;      box-shadow: var(--shadow-soft);    }    nav ul {      display: flex;      gap: 18px;      list-style: none;      font-size: 0.95rem;    }    nav a {      padding: 6px 10px;      border-radius: 999px;      color: var(--muted);      transition: background 0.2s ease, color 0.2s ease, transform 0.1s ease;    }    nav a:hover {      background: rgba(31, 59, 107, 0.08);      color: var(--primary);      transform: translateY(-1px);    }    .nav-cta {      padding: 8px 16px;      border-radius: 999px;      background: var(--primary);      color: #f9fafb;      font-size: 0.9rem;      box-shadow: var(--shadow-soft);    }    .nav-cta:hover {      background: var(--primary-light);    }    .nav-toggle {      display: none;      font-size: 1.4rem;      cursor: pointer;    }    @media (max-width: 768px) {      nav ul {        display: none;      }      .nav-toggle {        display: block;      }    }    /* Sections */    main {      max-width: 1250px;      margin: 0 auto;      padding: 0 20px 60px;    }    section {      padding: 60px 0;    }    .grid {      display: grid;      gap: 30px;    }    .two-col {      grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);    }    @media (max-width: 900px) {      .two-col {        grid-template-columns: 1fr;      }    }    /* Hero */    .hero {      padding-top: 40px;    }    .hero-card {      background: linear-gradient(135deg, #ffffff, #eef2ff);      border-radius: 28px;      padding: 32px 28px;      box-shadow: var(--shadow-soft);      display: grid;      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);      gap: 28px;      align-items: center;    }    @media (max-width: 900px) {      .hero-card {        grid-template-columns: 1fr;      }    }    .hero-pill {      display: inline-flex;      align-items: center;      padding: 4px 10px;      border-radius: 999px;      background: rgba(15, 118, 110, 0.08);      font-size: 0.8rem;      color: #047857;      margin-bottom: 10px;      gap: 6px;    }    .hero-pill span.icon {      width: 18px;      height: 18px;      border-radius: 50%;      background: #34d399;      display: inline-flex;      align-items: center;      justify-content: center;      font-size: 0.8rem;      color: #064e3b;    }    .hero h1 {      font-size: 2.2rem;      line-height: 1.2;      margin-bottom: 14px;      color: #0f172a;    }    .hero-sub {      font-size: 0.98rem;      color: var(--muted);      margin-bottom: 20px;    }    .hero-actions {      display: flex;      flex-wrap: wrap;      gap: 12px;      align-items: center;    }    .btn-primary {      padding: 10px 20px;      border-radius: 999px;      border: none;      cursor: pointer;      background: var(--primary);      color: #f9fafb;      font-size: 0.95rem;      box-shadow: var(--shadow-soft);    }    .btn-primary:hover {      background: var(--primary-light);    }    .btn-ghost {      padding: 9px 16px;      border-radius: 999px;      border: 1px solid rgba(148, 163, 184, 0.6);      background: #f9fafb;      cursor: pointer;      font-size: 0.93rem;      color: var(--text);    }    .btn-ghost:hover {      background: #e5e7eb;    }    .hero-note {      margin-top: 14px;      font-size: 0.83rem;      color: var(--muted);    }    .hero-right {      border-radius: 24px;      background: radial-gradient(circle at 10% 10%, #fefce8, #e0e7ff);      padding: 18px 18px 22px;      position: relative;      overflow: hidden;    }    .hero-tag {      font-size: 0.8rem;      color: var(--muted);      margin-bottom: 10px;    }    .profile-card {      background: rgba(255, 255, 255, 0.98);      border-radius: 18px;      padding: 16px;      box-shadow: var(--shadow-soft);    }    .profile-header {      display: flex;      gap: 14px;      align-items: center;      margin-bottom: 10px;    }    .avatar {      width: 46px;      height: 46px;      border-radius: 50%;      background: linear-gradient(135deg, #1f3b6b, #f59e0b);      display: flex;      align-items: center;      justify-content: center;      color: #f9fafb;      font-weight: 600;      font-size: 1.1rem;    }    .profile-header h3 {      font-size: 1rem;      color: #0f172a;    }    .profile-header p {      font-size: 0.8rem;      color: var(--muted);    }    .profile-body {      font-size: 0.85rem;      color: var(--muted);      margin-bottom: 10px;    }    .chip-row {      display: flex;      flex-wrap: wrap;      gap: 6px;      margin-top: 6px;    }    .chip {      padding: 3px 9px;      border-radius: 999px;      font-size: 0.75rem;      background: #eff6ff;      color: #1d4ed8;    }    .badge-soft {      position: absolute;      right: 10px;      bottom: 12px;      font-size: 0.7rem;      color: #4b5563;      background: rgba(255, 255, 255, 0.75);      padding: 4px 8px;      border-radius: 999px;      border: 1px solid rgba(148, 163, 184, 0.4);    }    /* Section headings */    .section-title {      font-size: 1.6rem;      margin-bottom: 8px;      color: #0f172a;    }    .section-sub {      font-size: 0.95rem;      color: var(--muted);      max-width: 540px;    }    /* About */    .about-text {      font-size: 0.96rem;      color: var(--text);      margin-top: 14px;    }    .about-highlight {      margin-top: 14px;      padding: 12px 14px;      border-radius: 16px;      background: #e0f2fe;      font-size: 0.9rem;      color: #0f172a;    }    /* Services */    .cards {      display: grid;      grid-template-columns: repeat(3, minmax(0, 1fr));      gap: 18px;      margin-top: 26px;    }    @media (max-width: 900px) {      .cards {        grid-template-columns: repeat(2, minmax(0, 1fr));      }    }    @media (max-width: 640px) {      .cards {        grid-template-columns: 1fr;      }    }    .card {      background: #ffffff;      border-radius: var(--radius-xl);      padding: 18px 16px 16px;      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);      border: 1px solid rgba(226, 232, 240, 0.9);    }    .card h3 {      font-size: 1rem;      margin-bottom: 6px;      color: #0f172a;    }    .card p {      font-size: 0.85rem;      color: var(--muted);    }    .card-tag {      display: inline-block;      font-size: 0.75rem;      margin-bottom: 8px;      padding: 3px 8px;      border-radius: 999px;      background: #eff6ff;      color: #1d4ed8;    }    /* Approach */    .list {      margin-top: 14px;      list-style: none;    }    .list li {      position: relative;      padding-left: 22px;      margin-bottom: 8px;      font-size: 0.93rem;      color: var(--text);    }    .list li::before {      /* content: "•"; */      position: absolute;      left: 8px;      top: 0;      color: var(--accent);      font-weight: 700;    }    .note-box {      margin-top: 14px;      padding: 10px 12px;      border-radius: 14px;      background: #fef3c7;      font-size: 0.82rem;      color: #78350f;      border: 1px solid #facc15;    }    /* Form */    .form-card {      background: #ffffff;      border-radius: 24px;      padding: 24px 20px;      box-shadow: var(--shadow-soft);      border: 1px solid rgba(209, 213, 219, 0.8);      max-width: 760px;    }    .form-grid {      display: grid;      grid-template-columns: repeat(2, minmax(0, 1fr));      gap: 14px 18px;      margin-top: 20px;    }    @media (max-width: 640px) {      .form-grid {        grid-template-columns: 1fr;      }    }    label {      display: block;      font-size: 0.8rem;      color: var(--muted);      margin-bottom: 4px;    }    input, select, textarea {      width: 100%;      padding: 9px 10px;      border-radius: 10px;      border: 1px solid #d1d5db;      font-size: 0.9rem;      outline: none;      transition: border 0.15s ease, box-shadow 0.15s ease;      font-family: inherit;      background: #f9fafb;    }    input:focus, select:focus, textarea:focus {      border-color: var(--primary-light);      box-shadow: 0 0 0 1px rgba(129, 140, 248, 0.5);      background: #ffffff;    }    textarea {      min-height: 100px;      resize: vertical;    }    .form-actions {      margin-top: 16px;      display: flex;      flex-wrap: wrap;      gap: 10px;      align-items: center;      justify-content: space-between;    }    .form-text {      font-size: 0.8rem;      color: var(--muted);      max-width: 340px;    }    /* Contact / footer */    .contact-grid {      display: grid;      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);      gap: 20px;      margin-top: 24px;    }    @media (max-width: 900px) {      .contact-grid {        grid-template-columns: 1fr;      }    }    .contact-card {      background: #ffffff;      border-radius: 20px;      padding: 18px 16px;      box-shadow: 0 8px 22px rgba(15,23,42,0.08);      border: 1px solid rgba(226, 232, 240, 0.9);      font-size: 0.9rem;    }    .contact-row {      margin-bottom: 8px;    }    .contact-label {      font-size: 0.78rem;      color: var(--muted);      text-transform: uppercase;      letter-spacing: 0.06em;      margin-bottom: 2px;    }    .contact-value {      font-size: 0.93rem;      color: #0f172a;    }    footer {      padding: 20px;      font-size: 0.8rem;      text-align: center;      color: var(--muted);    }    footer span {      color: var(--primary);      font-weight: 600;    }    /* Smooth scroll */    html {      scroll-behavior: smooth;    }	/* MENU BASE */nav {  position: relative;}/* Toggle (☰) button */.nav-toggle {  font-size: 30px;  cursor: pointer;  padding: 10px 15px;  display: none; /* Desktop’ta gizli */}/* Desktop Menu */nav ul {  display: flex;  gap: 20px;  list-style: none;}/* MOBIL GORUNUM */@media (max-width: 768px) {  .nav-toggle {    display: inline-block;  }  nav ul {    position: fixed;    top: 0;    right: 0;    width: 70%;    height: 100vh;    background: white;    flex-direction: column;    padding: 40px 20px;    gap: 25px;    transform: translateX(100%);    transition: 0.3s ease;    box-shadow: -4px 0 12px rgba(0,0,0,0.20);    z-index: 999;  }  nav ul.open {    transform: translateX(0%);  }  nav li a {    font-size: 18px;    color: #1e293b;  }}/* Mobil Menü Ana Kutu */.mobile-menu {    position: fixed;    top: 0;    left: -100%; /* BaÅŸta gizli */    width: 80%;    height: 100vh;    background: #fff;    box-shadow: 0 0 20px rgba(0,0,0,0.15);    transition: left 0.4s ease;    z-index: 9999;    padding: 40px 20px;}/* Açık hali */.mobile-menu.active {    left: 0;}/* Menü ikon butonu */.menu-button {    cursor: pointer;    z-index: 10000;}/* MOBIL MENU */@media (max-width: 768px) {  nav ul {    position: fixed;    top: 0;    right: 0;    width: 70%;    height: 100vh;    background: #fff;    flex-direction: column;    padding: 50px 25px;    gap: 25px;    list-style: none;    transform: translateX(100%);    transition: 0.3s ease;    z-index: 9999;    box-shadow: -4px 0 12px rgba(0,0,0,0.15);  }  /* Açıkken */  nav ul.open {    transform: translateX(0%);  }  .nav-toggle {    display: block;    font-size: 30px;    cursor: pointer;    z-index: 10000;  }  /* Masaüstünü gizle */  header nav ul li a {    font-size: 18px;    color: #1e293b;  }}/* PREMIUM FOOTER */.premium-footer {  background: #1f3b6b;  color: #f1f5f9;  padding: 50px 20px 30px;  margin-top: 60px;}.footer-grid {  max-width: 1140px;  margin: 0 auto;  display: grid;  grid-template-columns: 1.4fr 1fr 1fr;  gap: 40px;}.footer-logo {  display: flex;  gap: 12px;  text-align: left;}.footer-badge {  width: 42px;  height: 42px;  border-radius: 50%;  background: linear-gradient(135deg, #f59e0b, #1f3b6b);  display: flex;  align-items: center;  justify-content: center;  font-weight: bold;  color: white;  font-size: 18px;  box-shadow: var(--shadow-soft);}.footer-links h4,.footer-contact h4 {  margin-bottom: 10px;  font-size: 1rem;  color: #facc15;}.footer-links a,.footer-contact a {  display: block;  color: #e2e8f0;  margin-bottom: 6px;  font-size: 0.92rem;  transition: 0.2s;}.footer-links a:hover,.footer-contact a:hover {  color: white;  transform: translateX(3px);}.footer-bottom {  text-align: center;  margin-top: 30px;  padding-top: 18px;  border-top: 1px solid rgba(255,255,255,0.2);  font-size: 0.85rem;}.footer-bottom span {  color: #facc15;}/* Mobil */@media (max-width: 900px) {  .footer-grid {    grid-template-columns: 1fr;  }}.whatsapp-float {  position: fixed;  width: 60px;  height: 60px;  background: #25D366;  color: white;  border-radius: 50%;  bottom: 22px;  right: 22px;  font-size: 32px;  display: flex;  justify-content: center;  align-items: center;  text-decoration: none;  z-index: 99999;  box-shadow: 0 8px 20px rgba(0,0,0,0.25);  transition: 0.2s;}.whatsapp-float:hover {  transform: scale(1.1);}.topbar {  background: #f5f5f7;  padding: 6px 0;  border-bottom: 1px solid #e2e2e2;  font-size: 0.9rem;}.topbar-container {  max-width: 1140px;  margin: 0 auto;  display: flex;  justify-content: space-between;  padding: 0 20px;  color: #334155;}.topbar-right a img {  width: 20px;  margin-left: 12px;  opacity: 0.8;  transition: 0.2s;}.topbar-right a img:hover {  opacity: 1;}.about-me-section {  padding: 60px 20px 80px;  background: #f8fafc;}.about-me-inner {  max-width: 1140px;  margin: 0 auto;  background: white;  padding: 40px;  border-radius: 24px;  box-shadow: 0 10px 40px rgba(0,0,0,0.05);  display: grid;  grid-template-columns: 0.9fr 1.4fr;  gap: 45px;  align-items: start;}.about-me-photo img {  width: 100%;  border-radius: 20px;  box-shadow: 0 8px 25px rgba(15,23,42,0.12);  object-fit: cover;}.about-me-content h1 {  font-size: 34px;  margin-bottom: 16px;  color: #0f172a;  font-weight: 700;}.about-me-content p {  font-size: 1.05rem;  line-height: 1.7;  color: #334155;  margin-bottom: 14px;}.about-me-list {  margin-left: 20px;  margin-top: 16px;  margin-bottom: 24px;}.about-me-list li {  margin-bottom: 6px;  font-size: 1rem;  color: #1e293b;}@media(max-width:900px) {  .about-me-inner {    grid-template-columns: 1fr;  }}.ben-kimim-text {    background: #ffffff;    padding: 25px 35px;    border-radius: 12px;    box-shadow: 0 4px 18px rgba(0,0,0,0.08);}/* === HOME SLIDER === */.home-slider {  padding: 30px 20px 10px;}.slider-wrapper {  max-width: 100%;  margin: 0 auto;  position: relative;  overflow: hidden;  border-radius: 26px;  background: linear-gradient(135deg, #eef2ff, #fdf2f8);  box-shadow: 0 18px 45px rgba(15,23,42,0.18);}/* Slide genel yapı */.slide {  display: none;  padding: 30px 32px;  display: none;  align-items: center;  gap: 30px;}.slide.active {  display: flex;}.slide-text {  flex: 1.2;}.slide-text h2 {  font-size: 1.9rem;  margin-bottom: 12px;  color: #0f172a;}.slide-text p {  font-size: 0.98rem;  color: #475569;  margin-bottom: 18px;  max-width: 520px;}.slide-btn {  display: inline-block;  padding: 10px 20px;  border-radius: 999px;  background: #1f3b6b;  color: #f9fafb;  font-size: 0.95rem;  box-shadow: 0 8px 20px rgba(15,23,42,0.35);  transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;}.slide-btn:hover {  background: #33579d;  transform: translateY(-1px);  box-shadow: 0 12px 26px rgba(15,23,42,0.45);}/* Görsel alanı */.slide-image {  flex: 1;  display: flex;  justify-content: center;}.slide-image img {  width: 100%;  max-width: 380px;  border-radius: 24px;  box-shadow: 0 12px 32px rgba(15,23,42,0.4);  object-fit: cover;}/* Oklar */.slider-arrow {  position: absolute;  top: 50%;  transform: translateY(-50%);  border: none;  width: 38px;  height: 38px;  border-radius: 50%;  background: rgba(15,23,42,0.75);  color: #e5e7eb;  cursor: pointer;  display: flex;  align-items: center;  justify-content: center;  transition: background 0.2s ease, transform 0.1s ease;}.slider-arrow:hover {  background: rgba(15,23,42,0.95);  transform: translateY(-50%) scale(1.05);}.slider-arrow.prev {  left: 18px;}.slider-arrow.next {  right: 18px;}/* Noktalar */.slider-dots {  position: absolute;  bottom: 14px;  left: 50%;  transform: translateX(-50%);  display: flex;  gap: 8px;}.slider-dots .dot {  width: 9px;  height: 9px;  border-radius: 999px;  border: none;  background: rgba(148,163,184,0.7);  cursor: pointer;  transition: all 0.2s ease;}.slider-dots .dot.active {  width: 22px;  background: #1f3b6b;}/* Mobil uyum */@media (max-width: 900px) {  .slide {    padding: 22px 18px 30px;    flex-direction: column-reverse;    text-align: left;  }  .slide-text h2 {    font-size: 1.5rem;  }  .slide-image img {    max-width: 260px;  }  .slider-arrow {    display: none; /* İstersen mobilde okları gizliyoruz */  }}@media (max-width: 600px) {  .home-slider {    padding: 20px 10px 0;  }  .slider-wrapper {    border-radius: 18px;  }  .slide-text p {    font-size: 0.94rem;  }}.article-page {  padding: 50px 20px;}.article-container {max-width: 1200px;margin: auto;display: grid;grid-template-columns: 3fr 1fr;gap: 40px;background: #fff;}.article-content h1 {  font-size: 32px;  margin-bottom: 10px;}.article-meta {  font-size: 14px;  color: #777;  margin-bottom: 25px;  display: flex;  gap: 15px;  flex-wrap: wrap;}.article-content h2 {  margin-top: 30px;  font-size: 22px;}.article-content p {  line-height: 1.7;  margin-top: 15px;}.article-content blockquote {  margin: 30px 0;  padding: 20px;  background: #f4f6f8;  border-left: 4px solid #2c7be5;  font-style: italic;}.article-sidebar .sidebar-box {  background: #fff;  padding: 20px;  margin-bottom: 25px;  border-radius: 8px;  box-shadow: 0 6px 20px rgba(0,0,0,0.05);}.article-sidebar h3 {  margin-bottom: 15px;  font-size: 18px;}.article-sidebar ul {  list-style: none;  padding: 0;}.article-sidebar ul li {  margin-bottom: 10px;}.article-sidebar ul li a {  color: #333;  text-decoration: none;}.article-sidebar ul li a:hover {  color: #2c7be5;}.tag-cloud a {  display: inline-block;  margin: 5px;  padding: 6px 12px;  background: #f0f2f5;  border-radius: 20px;  font-size: 13px;  text-decoration: none;  color: #333;}.tag-cloud a:hover {  background: #2c7be5;  color: #fff;}/* MOBİL */@media (max-width: 900px) {  .article-container {    grid-template-columns: 1fr;  }}article.article-content {    padding: 25px;}.active-link {  color: #2c7be5 !important;  font-weight: 700;}.blog-page {  padding: 60px 20px;}.blog-container {  max-width: 1200px;  margin: auto;}.blog-title {  font-size: 32px;  margin-bottom: 10px;}.blog-desc {  color: #666;  margin-bottom: 40px;}.blog-grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 30px;}/* 4 kolon istersek sadece bunu değiştir:grid-template-columns: repeat(4, 1fr);*/.blog-card {  background: #fff;  border-radius: 14px;  overflow: hidden;  box-shadow: 0 8px 24px rgba(0,0,0,0.06);  transition: transform .25s ease, box-shadow .25s ease;}.blog-card:hover {  transform: translateY(-6px);  box-shadow: 0 14px 34px rgba(0,0,0,0.12);}.blog-card img {  width: 100%;  height: 190px;  object-fit: cover;}.blog-card-content {  padding: 20px;}.blog-card-content h3 {  font-size: 18px;  margin-bottom: 10px;}.blog-card-content p {  font-size: 14px;  color: #555;  margin-bottom: 12px;}.blog-card-content span {  font-size: 14px;  color: #2c7be5;  font-weight: 600;}/* RESPONSIVE */@media (max-width: 992px) {  .blog-grid {    grid-template-columns: repeat(2, 1fr);  }}@media (max-width: 600px) {  .blog-grid {    grid-template-columns: 1fr;  }}.blog-card img {  transition: transform .3s ease;}.blog-card:hover img {  transform: scale(1.04);}