:root {
  --gece: #060b1a;
  --gece-2: #0a1128;
  --panel: #0e1733;
  --panel-2: #131f42;
  --cizgi: #232f52;
  --cizgi-parlak: #3b4c78;
  --gumus: #e8edf7;
  --gumus-soluk: #9aa7c4;
  --gumus-mat: #5f6d8f;
  --isilti: #ffffff;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: radial-gradient(ellipse at 50% -20%, #12204a 0%, var(--gece-2) 45%, var(--gece) 100%);
  color: var(--gumus);
  font-family: 'Manrope', 'Helvetica Neue', sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}

#yildizlar {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.icerik { position: relative; z-index: 1; }

.baslik-font {
  font-family: 'Michroma', 'Manrope', sans-serif;
  letter-spacing: 3px;
}

.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 48px;
  border-bottom: 1px solid rgba(59, 76, 120, 0.35);
  backdrop-filter: blur(6px);
}

.nav-logo { display: flex; align-items: center; gap: 14px; }
.nav-logo img { height: 44px; filter: drop-shadow(0 0 8px rgba(200, 215, 245, 0.45)); }
.nav-logo span { font-size: 14px; color: var(--gumus); }

.nav-linkler { display: flex; gap: 26px; align-items: center; }
.nav-linkler a {
  color: var(--gumus-soluk);
  text-decoration: none;
  font-size: 14px;
  transition: color .2s;
}
.nav-linkler a:hover { color: var(--gumus); text-shadow: 0 0 12px rgba(232, 237, 247, .6); }

.btn {
  display: inline-block;
  padding: 12px 30px;
  border-radius: 10px;
  font-size: 15px;
  text-decoration: none;
  transition: all .25s;
  cursor: pointer;
  border: none;
  font-family: inherit;
}
.btn-parlak {
  background: linear-gradient(180deg, #f4f7fd, #c9d4ec);
  color: #0a1128;
  font-weight: 700;
  box-shadow: 0 0 24px rgba(200, 215, 245, 0.35), 0 0 60px rgba(150, 175, 230, 0.15);
}
.btn-parlak:hover {
  box-shadow: 0 0 34px rgba(210, 225, 250, 0.6), 0 0 90px rgba(150, 175, 230, 0.25);
  transform: translateY(-1px);
}
.btn-cerceve {
  background: rgba(19, 31, 66, 0.6);
  color: var(--gumus);
  border: 1px solid var(--cizgi-parlak);
}
.btn-cerceve:hover { border-color: #6b7fb0; box-shadow: 0 0 18px rgba(120, 145, 200, 0.25); }

.kart {
  background: linear-gradient(180deg, rgba(19, 31, 66, 0.75), rgba(12, 20, 44, 0.75));
  border: 1px solid rgba(59, 76, 120, 0.5);
  border-radius: 16px;
  padding: 26px;
  backdrop-filter: blur(4px);
}

.isiltili-baslik {
  color: var(--isilti);
  text-shadow: 0 0 18px rgba(200, 215, 245, 0.55), 0 0 70px rgba(150, 175, 230, 0.3);
}

.ayrac {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(150, 170, 220, 0.5), transparent);
  border: none;
}

input, select, textarea {
  width: 100%;
  background: rgba(10, 17, 40, 0.8);
  border: 1px solid var(--cizgi-parlak);
  border-radius: 10px;
  padding: 12px 14px;
  color: var(--gumus);
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}
input:focus, select:focus, textarea:focus {
  border-color: #7d92c4;
  box-shadow: 0 0 14px rgba(125, 146, 196, 0.3);
}
label { font-size: 13px; color: var(--gumus-soluk); display: block; margin-bottom: 6px; }

::placeholder { color: var(--gumus-mat); }