@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/montserrat-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/montserrat-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Tek tema: tam siyah, tam kırmızı */
:root {
  --siyah: #050505;
  --metin: #f4f4f5;
  --soluk: #8a8a90;
  --kirmizi: #e3121b;
  --kirmizi-metin: #ff3b42;
  --isima: rgb(227 18 27 / 0.45);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--siyah); overflow-x: hidden; }
body {
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--metin);
  -webkit-font-smoothing: antialiased;
}
::selection { background: var(--kirmizi); color: #fff; }

.sahne {
  min-height: 100vh; min-height: 100svh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 48px 16px; text-align: center; position: relative; isolation: isolate;
}
/* Arkada nefes alan kırmızı ışık */
.sahne::before {
  content: ""; position: absolute; z-index: -1; left: 50%; top: 50%;
  width: min(110vw, 1100px); aspect-ratio: 1; transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, var(--isima), transparent 70%);
  animation: nefes 6s ease-in-out infinite;
}
@keyframes nefes { 50% { opacity: 0.55; transform: translate(-50%, -50%) scale(0.92); } }

/* Logo */
.logo { position: relative; width: clamp(104px, 22vw, 148px); aspect-ratio: 1; margin-bottom: 36px; animation: belir 1s ease both; }
.logo img { width: 100%; height: 100%; border-radius: 50%; display: block; box-shadow: 0 0 0 3px var(--kirmizi), 0 0 60px var(--isima); }
.halka { position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--kirmizi); animation: dalga 2.4s ease-out infinite; }
@keyframes dalga { from { transform: scale(1); opacity: 0.9; } to { transform: scale(1.6); opacity: 0; } }

h1 {
  margin: 0; font-weight: 900; letter-spacing: -0.045em; line-height: 0.95;
  font-size: clamp(2.6rem, 9vw, 6rem); animation: belir 1s 0.15s ease both;
}
h1 em { font-style: normal; color: var(--kirmizi); text-shadow: 0 0 50px var(--isima); }
.kurum {
  margin: 14px 0 0; font-weight: 700; font-size: clamp(0.72rem, 1.8vw, 0.85rem); letter-spacing: 0.32em; text-transform: uppercase; color: var(--soluk);
  animation: belir 1s 0.3s ease both;
}

/* Sayaç */
.sayac { display: flex; align-items: flex-start; justify-content: center; gap: clamp(6px, 2vw, 18px); margin-top: clamp(40px, 8vh, 72px); animation: belir 1s 0.45s ease both; }
.hane b {
  display: block; min-width: 2ch; font-weight: 800; font-size: clamp(2.6rem, 10vw, 6rem); line-height: 1;
  letter-spacing: -0.03em; font-variant-numeric: tabular-nums;
}
.hane small { display: block; margin-top: 10px; font-size: clamp(0.6rem, 1.5vw, 0.72rem); font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--soluk); }
.sayac i { font-style: normal; font-weight: 300; font-size: clamp(2rem, 7vw, 4.4rem); line-height: 1.1; color: #3a3a3e; animation: yanip 1s steps(1) infinite; }
.kirmizi b { color: var(--kirmizi); text-shadow: 0 0 40px var(--isima); }
@keyframes yanip { 50% { color: transparent; } }
.cevir { display: inline-block; animation: cevir 0.4s cubic-bezier(.2,.7,.3,1); }
@keyframes cevir { from { transform: translateY(-18%); opacity: 0.15; } to { transform: none; opacity: 1; } }

.tarih {
  margin: clamp(36px, 7vh, 60px) 0 0; display: inline-flex; align-items: center; gap: 12px;
  font-weight: 700; font-size: 0.85rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--metin);
  border: 1px solid rgb(227 18 27 / 0.6); border-radius: 999px; padding: 10px 20px;
  animation: belir 1s 0.6s ease both;
}
.tarih::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--kirmizi); box-shadow: 0 0 12px var(--kirmizi); animation: yanip 2s steps(1) infinite; }

@keyframes belir { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

.acildi .sayac i { animation: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; }
}