/* Genel reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Poppins",sans-serif; transition: background 0.3s, color 0.3s; }

/* Temalar */
body.light-theme { background: #ffffff; color: #111; }
body.blue-theme { background: linear-gradient(135deg,#001f3f,#0074d9); color: #f0f0f0; }
body.dark-theme { background: #111; color: #f5f5f5; }

/* Navbar */
.navbar {
  position: fixed; top:0; width:100%; background: #0a0a0a; display:flex; justify-content:space-between; align-items:center; padding:1rem 2rem; z-index:1000;
}

.logo-text { font-size:1.5rem; color:#00aaff; }

/* Hamburger menu */
.menu-toggle {
  display:flex; flex-direction:column; justify-content:space-between; width:25px; height:18px; cursor:pointer;
}
.menu-toggle span {
  display:block; height:3px; background:#00aaff; border-radius:3px; transition:0.3s;
}

/* Nav links */
.nav-links {
  position:absolute; top:60px; right:20px; background:#0f0f0f; border-radius:8px; padding:1rem; display:none; flex-direction:column; gap:1rem;
}
.nav-links a { color:#00aaff; text-decoration:none; }
.nav-links a:hover { color:#00ddff; }

/* Show menu */
.nav-links.active { display:flex; animation: fadeIn 0.3s ease; }

@keyframes fadeIn { from{opacity:0; transform:scale(0.9);} to{opacity:1; transform:scale(1);} }

/* Tema butonları */
.theme-buttons { display:flex; flex-direction:column; gap:10px; margin-top:10px; }
.theme-btn { padding:5px 10px; border:none; border-radius:6px; cursor:pointer; background:#00aaff; color:#fff; font-size:0.9rem; display:flex; align-items:center; gap:5px; }
.theme-btn:hover { background:#0088cc; }

/* Hero */
.hero {
  height: 60vh;
  display: flex;
  justify-content: center; /* yatay ortala */
  align-items: center;     /* dikey ortala */
  flex-direction: column;  /* üst üste hizala */
}

.hero-text {
  text-align: center;      /* başlıkları ortala */
}

.hero-text h1 {
  margin: 0;
  color: #00aaff;
  font-size: 3rem;
  line-height: 1.2;
}

.hero-logo {
  margin-top: 20px;       /* başlıkların altına boşluk */
  width: 120px;            /* logo boyutu */
  height: auto;
}
.project-grid { display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); }
.project-card { background: rgba(255,255,255,0.1); padding:20px; border-radius:16px; color:inherit; text-decoration:none; transition: transform 0.3s, box-shadow 0.3s; }
.project-card:hover { transform:translateY(-5px); box-shadow:0 8px 20px rgba(0,0,0,0.2); }
.project-card img { max-width:60px; margin-bottom:10px; }

/* Footer */
footer { text-align:center; padding:20px; }
footer a { margin:0 10px; font-size:1.8rem; color:inherit; }