:root{
  --bg:#F2F4F7; --surface:#FFFFFF; --ink:#16233B; --muted:#5A6477;
  --line:#D9DEE6; --accent:#1F7A5A; --accent-soft:#E3F2EC; --warn:#A8401C; --warn-soft:#FBEDE6;
  --focus:#2B5FD9;
  --display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --body:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0E1626; --surface:#17223A; --ink:#E7ECF4; --muted:#9BA7BB;
    --line:#2A3752; --accent:#4CC59A; --accent-soft:#163A30; --warn:#F08A63; --warn-soft:#3A2119;
    --focus:#7FA6FF; color-scheme: dark;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.55}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
.wrap{max-width:60rem;margin:0 auto;padding:0 1.25rem}

/* Üst bar */
.top{border-bottom:1px solid var(--line);background:var(--surface)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.75rem;flex-wrap:wrap}
.logo{font-family:var(--display);font-weight:700;font-size:1.25rem;text-decoration:none;letter-spacing:-.01em}
.logo span{color:var(--accent)}
.nav{display:flex;gap:1.25rem}
.nav a{text-decoration:none;color:var(--muted);padding:.25rem 0}
.nav a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}

/* Giriş + arama */
.hero{padding:3rem 0 1.5rem}
.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,5vw,3rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 .75rem;max-width:20ch}
.hero p{color:var(--muted);margin:0 0 1.75rem;max-width:55ch}
.search{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:2px solid var(--ink);border-radius:.75rem;padding:.35rem .35rem .35rem 1rem}
.search svg{flex:none;color:var(--muted)}
.search input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1.125rem;padding:.6rem 0}
.search input:focus{outline:none}
.search:focus-within{box-shadow:0 0 0 3px var(--focus)}
.count{color:var(--muted);font-size:.9375rem;margin:.75rem 0 0}

/* Kayıt listesi */
.list{list-style:none;margin:1.5rem 0 3rem;padding:0;border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:1fr auto;gap:.5rem 1.5rem;align-items:center;padding:1.1rem .25rem;border-bottom:1px solid var(--line)}
.row a.name{font-family:var(--display);font-weight:600;font-size:1.25rem;text-decoration:none}
.row a.name:hover{text-decoration:underline;text-underline-offset:3px}
.row .meta{grid-column:1;color:var(--muted);font-size:.9375rem;display:flex;flex-wrap:wrap;gap:.25rem 1rem}
.chips{grid-column:2;grid-row:1 / span 2;display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.chip{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:.8125rem;font-weight:700;text-decoration:none}
.chip:hover{border-color:var(--ink)}
.empty{padding:2rem .25rem;color:var(--muted)}

/* Doğrulama damgası */
.stamp{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent);font-weight:700}
.stamp svg{flex:none}
.stamp.pending{color:var(--muted);font-weight:400}

/* Marka detay */
.back{display:inline-block;margin:1.5rem 0 0;color:var(--muted);text-decoration:none}
.back:hover{color:var(--ink)}
.detail h1{font-family:var(--display);font-size:clamp(2rem,6vw,3.25rem);line-height:1.05;letter-spacing:-.02em;margin:1rem 0 .5rem}
.detail .lead{color:var(--muted);max-width:55ch;margin:0 0 1rem}
.accounts{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:.75rem}
.acc{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:.75rem;padding:1rem}
.acc .chip{width:2.75rem;height:2.75rem}
.acc strong{display:block}
.acc .handle{color:var(--muted);word-break:break-all}
.btn{display:inline-block;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:700;padding:.6rem 1rem;border-radius:.5rem;white-space:nowrap}
.btn:hover{opacity:.9}
.notice{background:var(--warn-soft);color:var(--ink);border-left:4px solid var(--warn);padding:1rem 1.25rem;border-radius:.5rem;margin:1.5rem 0 3rem;max-width:60ch}
.notice strong{color:var(--warn)}

/* Statik sayfalar */
.page{padding:2.5rem 0 3rem;max-width:42rem}
.page h1{font-family:var(--display);font-size:clamp(1.9rem,5vw,2.75rem);letter-spacing:-.02em;line-height:1.1;margin:0 0 1rem}
.page h2{font-family:var(--display);font-size:1.375rem;margin:2rem 0 .5rem}
.page p,.page li{max-width:65ch}

/* Alt bilgi */
.foot{border-top:1px solid var(--line);color:var(--muted);font-size:.9375rem;padding:1.5rem 0 2.5rem}
.foot p{margin:.25rem 0;max-width:70ch}

@media (max-width:560px){
  .row{grid-template-columns:1fr}
  .chips{grid-column:1;grid-row:auto;justify-content:flex-start}
  .acc{grid-template-columns:auto 1fr}
  .acc .btn{grid-column:1 / -1;text-align:center}
  .hero{padding-top:2rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}