/* GarajLink — bio sayfası ve geçiş ekranı. Renkler garajcontent.com ile aynı. */
:root{
  --ink:#1B0A2E; --paper:#F7FFEF; --lime:#CCFFA0; --mag:#E122FF; --vio:#7A2BFF; --card:#fff;
  --f:"Archivo","Helvetica Neue",Arial,sans-serif;
  --r:22px;
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
/* bio sayfasında renkler panelden seçilen temadan gelir (body style: --bg, --fg, --glow, --edge, --acc) */
body{background:var(--bg,var(--paper));color:var(--fg,var(--ink));font-family:var(--f);line-height:1.35;min-height:100dvh;
  background-image:radial-gradient(60rem 30rem at 50% -12rem,var(--glow,var(--lime)),transparent 70%)}
a{color:inherit;text-decoration:none}

.bio{max-width:520px;margin:0 auto;padding:28px 16px calc(28px + env(safe-area-inset-bottom))}

/* başlık */
.bas{text-align:center;padding:8px 0 22px}
.bas-logo{width:88px;height:88px;border-radius:50%;border:2px solid var(--edge,var(--ink));background:var(--ink);display:block;margin:0 auto 14px;object-fit:cover}
.bas-ad{font-size:26px;font-weight:900;letter-spacing:-.01em;line-height:1.1}
.bas-kul{font-size:14px;font-weight:700;color:var(--acc,var(--mag));margin-top:2px}
.bas-metin{margin:10px auto 0;max-width:30ch;font-size:15px;font-weight:500;opacity:.8}
.sosyal{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}
.sosyal a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--fg,var(--ink));color:var(--bg,var(--paper));transition:transform .15s,background .15s}
.sosyal a:hover{transform:translateY(-2px);background:var(--acc,var(--vio));color:var(--ink)}
.sosyal svg{width:19px;height:19px;fill:currentColor}

.alt{text-align:center;font-size:12px;opacity:.6;margin-top:28px}
.alt a{text-decoration:underline;text-underline-offset:2px}

/* geçiş ekranı (Instagram tarayıcısından YouTube'a) */
.gec{display:grid;place-items:center;padding:24px 16px}
.gec-kutu{width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;gap:12px}
.gec-logo{width:120px;margin:0 auto 6px}
.gec-kapak{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;border:2px solid var(--ink)}
.gec-baslik{font-weight:700;font-size:17px}
.dugme{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 18px;border-radius:999px;border:2px solid var(--ink);font-weight:800;font-size:16px;background:var(--card)}
.dugme svg{width:24px;height:24px}
.dugme-ana{background:var(--ink);color:var(--paper)}
.dugme-ana svg{color:#FF0033}
.dugme-sade{border-color:transparent;background:none;text-decoration:underline;font-weight:600;padding:8px}
.gec-not{font-size:13px;opacity:.65}

@media (prefers-reduced-motion:reduce){.sosyal a{transition:none}}

/* gizlilik ve künye sayfası */
.metin{max-width:680px;font-size:15px;line-height:1.6}
.metin h1{font-size:26px;font-weight:900;line-height:1.15;margin:18px 0 6px}
.metin h2{font-size:17px;font-weight:800;margin:26px 0 8px}
.metin p{margin:0 0 10px}
.metin a{text-decoration:underline;text-underline-offset:2px}
.geri{font-weight:800;font-size:14px;text-decoration:none!important}
.kucuk-not{font-size:13px;opacity:.65}
.kunye{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:18px 0 6px;padding:14px 16px;border:2px solid var(--edge,var(--ink));border-radius:16px;font-size:14px}
.kunye dt{font-weight:800}
.kunye dd{margin:0;min-width:0;overflow-wrap:anywhere}
@media (max-width:420px){.kunye{grid-template-columns:1fr}.kunye dd{margin-bottom:6px}}