/* /linklerimiz sayfası (6 Kas 2026). Ana sayfa renkleriyle aynı; dış kaynak yok. */
:root{
  --bg:#070b1f;--fg:#eef1ff;--mut:#a9b1d6;--line:rgba(255,255,255,.12);
  --yz:#8b6cff;--yz2:#c084fc;--va:#22d3ee;--va2:#3b82f6;--yd:#34d399;--yd2:#a3e635;
  --band:#2a2310;--band-fg:#ffe6a3;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--fg);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:radial-gradient(40rem 30rem at 85% 0%,rgba(139,108,255,.30),transparent 60%),
             radial-gradient(36rem 28rem at 0% 100%,rgba(34,211,238,.20),transparent 60%),
             radial-gradient(30rem 24rem at 60% 110%,rgba(52,211,153,.16),transparent 60%),
             var(--bg);background-attachment:fixed}
a{color:var(--va)}
.band{background:var(--band);color:var(--band-fg);padding:.5rem 16px;text-align:center;font-size:.85rem}
.band strong{color:#fff}

.kap{max-width:36rem;margin:0 auto;padding:2.5rem 16px 1.5rem}
.profil{text-align:center;margin-bottom:1.8rem}
.avatar{width:104px;height:104px;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;
  background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12),0 12px 40px rgba(74,92,255,.45);
  transition:transform .15s ease,box-shadow .15s ease}
.avatar img{width:64px;height:70px;display:block}
.avatar:hover,.avatar:focus-visible{transform:scale(1.05);box-shadow:0 0 0 4px rgba(255,255,255,.3),0 14px 44px rgba(74,92,255,.6)}
.avatar:focus-visible{outline:2px solid var(--va);outline-offset:4px}
h1{font-size:1.35rem;margin:0 0 .3rem;line-height:1.25}
.alt{margin:0;color:var(--mut);font-size:.92rem}

.liste{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}
.dugme{position:relative;display:flex;align-items:center;min-height:58px;padding:.7rem 3.2rem;border-radius:16px;
  text-decoration:none;color:var(--fg);font-weight:600;text-align:center;
  background:rgba(255,255,255,.06);border:1px solid var(--line);backdrop-filter:blur(8px);
  transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}
.dugme:hover,.dugme:focus-visible{transform:translateY(-2px) scale(1.01);background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.28);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.dugme:focus-visible{outline:2px solid var(--va);outline-offset:3px}
.metin{flex:1}
.ikon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;background:rgba(255,255,255,.08)}
.ikon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ikon svg .dolu{fill:currentColor;stroke:none}

.wa .ikon{color:#25d366}
.yz .ikon{color:var(--yz2)} .yz{border-left:3px solid var(--yz)}
.va .ikon{color:var(--va)}  .va{border-left:3px solid var(--va)}
.yd .ikon{color:var(--yd)}  .yd{border-left:3px solid var(--yd)}
.ig .ikon{color:#f472b6}
.x .ikon{color:#fff}
.tg .ikon{color:#38bdf8}

.ana{text-align:center;margin:2rem 0 0}
.ana a{display:inline-block;padding:.75rem 1.4rem;border-radius:999px;color:#fff;font-weight:700;text-decoration:none;
  background:linear-gradient(90deg,#4a5cff,#2a00e0);border:1px solid rgba(255,255,255,.25);
  box-shadow:0 8px 26px rgba(74,92,255,.45);transition:transform .15s ease,box-shadow .15s ease}
.ana a:hover,.ana a:focus-visible{transform:translateY(-2px);box-shadow:0 12px 32px rgba(74,92,255,.65)}
.ana a:focus-visible{outline:2px solid var(--va);outline-offset:3px}
.alt-bilgi{text-align:center;padding:1rem 16px 2rem;font-size:.85rem;color:var(--mut)}
.alt-bilgi a{color:var(--mut)}

@media (max-width:30rem){
  .kap{padding-top:2rem}
  .dugme{font-size:.95rem;padding:.65rem 1rem .65rem 3.4rem;text-align:left}
}
@media (prefers-reduced-motion:reduce){.dugme,.avatar,.ana a{transition:none}.dugme:hover,.avatar:hover,.ana a:hover{transform:none}}