/* Anten Player — ortak stil.
   Renkler uygulamayla aynı: koyu zemin, tek vurgu #00A19B. */
:root{
  --bg:      #0A0A0C;
  --panel:   #141519;
  --fg:      #EDEDEF;
  --muted:   rgba(237,237,239,.60);
  --line:    rgba(237,237,239,.10);
  --accent:  #00A19B;
  --accent-soft: rgba(0,161,155,.14);
  --sans:    "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:    ui-monospace, SFMono-Regular, Menlo, monospace;
  --pad:     clamp(22px, 5vw, 64px);
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0; background:var(--bg); color:var(--fg);
  font-family:var(--sans); font-size:16px; line-height:1.7; font-weight:400;
  -webkit-font-smoothing:antialiased;
}
.wrap{ max-width:720px; margin:0 auto; padding:var(--pad) var(--pad) 96px; }

a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }

.eyebrow{
  font-family:var(--mono); font-size:.72rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--muted); margin:0 0 14px;
}
h1{ font-size:clamp(1.9rem,5vw,2.6rem); line-height:1.12; letter-spacing:-.025em; margin:0 0 12px; font-weight:600; }
h2{ font-size:1.15rem; letter-spacing:-.01em; margin:48px 0 12px; padding-top:26px; border-top:1px solid var(--line); font-weight:600; }
p,li{ color:rgba(237,237,239,.82); margin:0 0 16px; }
ul{ padding-left:20px; margin:0 0 16px; }
li{ margin:0 0 8px; }
.lede{ font-size:1.08rem; color:var(--fg); }

.mark{ width:88px; height:88px; border-radius:20px; display:block; margin:0 0 26px; }

.features{ list-style:none; padding:0; margin:28px 0 0; }
.features li{
  position:relative; padding-left:26px; margin:0 0 10px; color:rgba(237,237,239,.82);
}
.features li::before{
  content:""; position:absolute; left:0; top:.65em;
  width:8px; height:8px; border-radius:50%; background:var(--accent);
}
.note{
  background:var(--panel); border:1px solid var(--line);
  border-left:3px solid var(--accent);
  border-radius:10px; padding:16px 20px; margin:28px 0;
}
.note p{ margin:0; color:var(--fg); }

.links{ display:flex; flex-wrap:wrap; gap:10px; margin:30px 0 0; }
.links a{
  display:inline-block; padding:9px 16px; border-radius:999px;
  border:1px solid var(--line); background:var(--panel);
  color:var(--fg); font-size:.9rem; text-decoration:none;
}
.links a:hover{ border-color:var(--accent); color:var(--accent); }
.links a.primary{ background:var(--accent-soft); border-color:rgba(0,161,155,.4); color:var(--accent); }

.back{
  display:inline-block; font-family:var(--mono); font-size:.72rem;
  letter-spacing:.14em; text-transform:uppercase; color:var(--muted);
  margin-bottom:44px;
}
.back:hover{ color:var(--accent); text-decoration:none; }
.meta{ font-family:var(--mono); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:0 0 40px; }
.lang{ font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 12px; }
hr{ border:0; border-top:1px solid var(--line); margin:88px 0 48px; }
footer{ margin-top:72px; padding-top:22px; border-top:1px solid var(--line); color:var(--muted); font-size:.85rem; }
footer a{ color:var(--muted); }
footer a:hover{ color:var(--accent); }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }