/* --- yazı tipleri (Barlow, SIL Open Font License; yerelde barındırılır) --- */
@font-face { font-family:"Barlow"; font-weight:400; font-display:swap; src:url(fonts/barlow-latin-400.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Barlow"; font-weight:400; font-display:swap; src:url(fonts/barlow-latin-ext-400.woff2) format("woff2"); unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, 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:"Barlow"; font-weight:500; font-display:swap; src:url(fonts/barlow-latin-500.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Barlow"; font-weight:500; font-display:swap; src:url(fonts/barlow-latin-ext-500.woff2) format("woff2"); unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, 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:"Barlow"; font-weight:600; font-display:swap; src:url(fonts/barlow-latin-600.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Barlow"; font-weight:600; font-display:swap; src:url(fonts/barlow-latin-ext-600.woff2) format("woff2"); unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, 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:"Barlow Condensed"; font-weight:700; font-display:swap; src:url(fonts/barlow-condensed-latin-700-normal.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Barlow Condensed"; font-weight:700; font-display:swap; src:url(fonts/barlow-condensed-latin-ext-700-normal.woff2) format("woff2"); unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, 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:"Barlow Condensed"; font-weight:800; font-display:swap; src:url(fonts/barlow-condensed-latin-800-normal.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Barlow Condensed"; font-weight:800; font-display:swap; src:url(fonts/barlow-condensed-latin-ext-800-normal.woff2) format("woff2"); unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, 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:"Barlow Condensed"; font-weight:800; font-style:italic; font-display:swap; src:url(fonts/barlow-condensed-latin-800-italic.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Barlow Condensed"; font-weight:800; font-style:italic; font-display:swap; src:url(fonts/barlow-condensed-latin-ext-800-italic.woff2) format("woff2"); unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root { --bg:#0e121b; --panel:#161c29; --line:#262e3f; --text:#e9e7e2; --muted:#8d95a6;
        --gold:#e8b13a; --red:#c8102e; --green:#2e9e44;
        --sans:"Barlow", "Segoe UI", system-ui, sans-serif;
        --display:"Barlow Condensed", "Barlow", "Arial Narrow", sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.55 var(--sans); -webkit-font-smoothing:antialiased; }
a { color:var(--gold); }
:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
main { max-width:860px; margin:0 auto; padding:28px 16px; }
main.wide { max-width:1100px; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:22px; margin-bottom:16px; }
.narrow { max-width:420px; }
h1 { margin-top:0; font-size:1.55rem; line-height:1.2; }
label { display:block; margin:10px 0; color:var(--muted); font-size:.92rem; }
input, select { display:block; width:100%; margin-top:4px; padding:9px 10px; border-radius:6px;
                border:1px solid var(--line); background:#0a0d15; color:var(--text); font:inherit; }
.button, button.button { display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:6px;
                         border:0; cursor:pointer; background:var(--gold); color:#16110a; font:inherit; font-weight:600;
                         text-decoration:none; white-space:nowrap; transition:filter .2s, background .2s, transform .1s; }
.button:hover { filter:brightness(1.08); }
.button:active { transform:translateY(1px); }
.button.big { padding:13px 24px; font-size:1.02rem; }
.button.outline { background:transparent; color:var(--text); border:1px solid var(--line); }
.button.outline:hover { border-color:var(--gold); color:var(--gold); filter:none; }
.button.ghost { background:transparent; border:1px solid var(--gold); color:var(--gold); }
button.link { background:none; border:0; color:var(--text); cursor:pointer; font:inherit; padding:0; }
button.danger { background:var(--red); color:#fff; }
form.inline { display:inline; }
.alert { padding:10px 12px; border-radius:6px; }
.alert.error { background:#3a1018; border:1px solid var(--red); }
.alert.ok { background:#10301a; border:1px solid var(--green); }
.muted { color:var(--muted); font-size:.92rem; }
.price { color:var(--gold); font-size:1.2rem; font-weight:700; }
.good { color:#37b851; font-weight:600; }
.bad { color:#ff5a6e; font-weight:600; }
.facts { display:grid; grid-template-columns:max-content 1fr; gap:6px 16px; }
.facts dt { color:var(--muted); }
.facts dd { margin:0; }
table { width:100%; border-collapse:collapse; font-size:.92rem; }
th, td { text-align:left; padding:8px 6px; border-bottom:1px solid var(--line); }
.table-wrap { overflow-x:auto; }
.row { display:flex; gap:8px; flex-wrap:wrap; align-items:end; }
.row label { flex:1 1 140px; margin:0; }
code.secret { font-size:1.2rem; color:var(--gold); }
.center { text-align:center; }
details { background:var(--panel); border:1px solid var(--line); border-radius:8px; margin-bottom:10px; }
summary { cursor:pointer; padding:14px 16px; font-weight:600; list-style:none; }
summary::-webkit-details-marker { display:none; }
summary::after { content:"+"; float:right; color:var(--gold); font-weight:700; }
details[open] summary::after { content:"−"; }

/* --- üst ve alt bilgi --- */
.top { position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; align-items:center; gap:12px;
       flex-wrap:wrap; padding:8px max(16px, calc((100% - 1160px) / 2)); background:rgba(14,18,27,.92);
       backdrop-filter:blur(8px); border-bottom:1px solid var(--line); box-shadow:inset 0 -2px 0 var(--red); }
.brand { display:inline-flex; align-items:center; text-decoration:none; }
.brand-mark { display:block; height:58px; width:auto; max-width:220px; object-fit:contain; margin:-4px 0; }
nav { display:flex; gap:22px; align-items:center; flex-wrap:wrap; }
nav a { color:var(--text); text-decoration:none; font-weight:500; font-size:.95rem; transition:color .2s; }
nav a:hover { color:var(--gold); }
nav a.button { color:#16110a; padding:8px 14px; }
nav a.button:hover { color:#16110a; }
.foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; color:var(--muted); font-size:.88rem;
        border-top:1px solid var(--line); padding:22px max(16px, calc((100% - 1160px) / 2)); margin-top:40px; }

/* --- ana sayfa --- */
main.home { max-width:1160px; padding-top:0; }
.home h2 { font:800 clamp(2rem, 3.6vw, 2.9rem)/1.02 var(--display); text-transform:uppercase; letter-spacing:.005em;
           margin:0 0 12px; text-wrap:balance; }
.home section { scroll-margin-top:90px; }
.accent { color:var(--gold); }

.hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:56px; align-items:center;
        min-height:min(calc(100dvh - 74px), 760px); padding:48px 0 56px; }
.kicker { margin:0 0 14px; color:var(--gold); font:700 .95rem/1 var(--display); text-transform:uppercase; letter-spacing:.14em; }
.hero h1 { font:italic 800 clamp(2.8rem, 6vw, 5rem)/1.04 var(--display); text-transform:uppercase; letter-spacing:-.005em;
           margin:0 0 20px; padding-bottom:.04em; text-wrap:balance; }
.lead { color:#c6cad3; font-size:1.12rem; line-height:1.6; max-width:52ch; margin:0; text-wrap:pretty; }
.cta { display:flex; align-items:center; gap:26px; flex-wrap:wrap; margin-top:32px; }
.arrow-link { color:var(--text); font-weight:600; text-decoration:none; border-bottom:1px solid var(--line); padding-bottom:2px;
              transition:color .2s, border-color .2s; }
.arrow-link span { display:inline-block; transition:transform .2s; }
.arrow-link:hover { color:var(--gold); border-color:var(--gold); }
.arrow-link:hover span { transform:translateX(3px); }
.hero-shot { position:relative; margin:0; justify-self:end; max-width:440px; }
.hero-shot::before { content:""; position:absolute; inset:18px -18px -18px 18px; border:1px solid rgba(232,177,58,.35);
                     border-radius:10px; z-index:-1; }
.hero-shot img { display:block; width:100%; height:auto; border-radius:10px; border:1px solid var(--line);
                 box-shadow:0 30px 70px -20px rgba(3,6,12,.9); }
.hero-shot figcaption { color:var(--muted); font-size:.85rem; margin-top:28px; }

.facts-strip { list-style:none; margin:0; padding:22px 0; display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr));
               border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.facts-strip li { padding:4px 24px; border-left:1px solid var(--line); font:700 1.25rem/1.25 var(--display);
                  text-transform:uppercase; letter-spacing:.02em; }
.facts-strip li:first-child { border-left:0; padding-left:0; }

.features { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,2fr); gap:64px; padding:112px 0 40px; }
.side-head { position:sticky; top:110px; align-self:start; }
.side-head p, .stack-head p { color:var(--muted); font-size:1.05rem; max-width:44ch; margin:0; }
.feature-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:44px 48px; }
.feature-list li { padding-top:20px; border-top:1px solid var(--line); }
.glyph { display:block; color:var(--gold); font-size:1.3rem; font-weight:700; line-height:1; margin-bottom:14px; }
.feature-list h3 { color:var(--gold); font:700 1.35rem/1.2 var(--display); text-transform:uppercase; letter-spacing:.01em; margin:0 0 8px; }
.feature-list p { color:var(--muted); margin:0; max-width:46ch; }

.stack-head { max-width:720px; margin-bottom:40px; }
.how { padding:104px 0 24px; }
.rail { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); }
.rail li { position:relative; padding:22px 22px 0 0; border-top:2px solid var(--line); }
.rail li::before { content:""; position:absolute; top:-2px; left:0; width:36px; height:2px; background:var(--gold); }
.rail-no { display:block; font:800 2.6rem/1 var(--display); color:#4a5672; margin-bottom:12px; }
.rail b { display:block; font:700 1.2rem/1.2 var(--display); text-transform:uppercase; margin-bottom:6px; }
.rail span:not(.rail-no) { color:var(--muted); font-size:.95rem; }
.note { color:var(--muted); max-width:62ch; margin:32px 0 0; }

.pricing { padding:104px 0 24px; }
.pricing-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:40px; align-items:start; }
.plans { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:20px; }
.plan { display:flex; flex-direction:column; background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:28px; }
.plan.featured { border-color:var(--gold); box-shadow:0 24px 60px -30px rgba(232,177,58,.35); }
.plan header { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.plan h3 { font:800 1.7rem/1.1 var(--display); text-transform:uppercase; margin:0; }
.plan-flag { color:var(--gold); font:700 .85rem/1 var(--display); text-transform:uppercase; letter-spacing:.1em; }
.days { color:var(--muted); margin:4px 0 22px; }
.amount { font:800 2.8rem/1 var(--display); color:var(--text); margin:0 0 24px; }
.amount.ask { font:600 1.15rem/1.4 var(--sans); color:var(--muted); }
.plan ul { list-style:none; padding:0; margin:0 0 28px; flex:1; }
.plan li { position:relative; padding:5px 0 5px 20px; color:#c6cad3; }
.plan li::before { content:""; position:absolute; left:0; top:15px; width:10px; height:2px; background:var(--gold); }
.plan .button { width:100%; }
.buy-steps { padding:28px; border:1px solid var(--line); border-radius:10px; }
.buy-steps h3 { font:800 1.5rem/1.1 var(--display); text-transform:uppercase; margin:0 0 20px; }
.buy-steps ol { list-style:none; margin:0 0 24px; padding:0; counter-reset:s; display:grid; gap:18px; }
.buy-steps li { counter-increment:s; display:grid; grid-template-columns:28px 1fr; column-gap:12px; }
.buy-steps li::before { content:counter(s); grid-row:span 2; width:28px; height:28px; display:grid; place-items:center;
                        border-radius:6px; background:var(--red); color:#fff; font:700 .95rem/1 var(--display); }
.buy-steps b { font-weight:600; }
.buy-steps span { color:var(--muted); font-size:.95rem; overflow-wrap:anywhere; }
.fine { color:var(--muted); font-size:.9rem; margin:0; }

.faq { padding:104px 0 24px; }
.faq h2 { margin-bottom:36px; }
.faq dl { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:36px 56px; margin:0; }
.faq dt { font-weight:600; font-size:1.08rem; margin-bottom:8px; }
.faq dd { margin:0; color:var(--muted); max-width:56ch; }

.closing { display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;
           margin:112px 0 0; padding:44px 0; border-top:1px solid var(--line); }
.closing h2 { margin:0; max-width:18ch; }

/* görünür alana girerken belirme (yalnızca hareket tercihi açıkken) */
.reveal-on [data-reveal] { opacity:0; transform:translateY(18px);
                           transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1);
                           transition-delay:calc(var(--i, 0) * 80ms); }
.reveal-on [data-reveal].in { opacity:1; transform:none; }

@media (max-width: 960px) {
  .hero { grid-template-columns:minmax(0,1fr); min-height:0; gap:40px; padding:40px 0 48px; }
  .hero-shot { justify-self:start; max-width:380px; }
  .features, .pricing-grid { grid-template-columns:minmax(0,1fr); gap:36px; }
  .side-head { position:static; }
  .features, .how, .pricing, .faq { padding-top:80px; }
}
@media (max-width: 640px) {
  .hide-sm { display:none; }
  nav { gap:14px; }
  .brand-mark { height:46px; }
  .feature-list, .faq dl { grid-template-columns:minmax(0,1fr); gap:28px; }
  .facts-strip { grid-template-columns:minmax(0,1fr); padding:14px 0; }
  .facts-strip li { border-left:0; padding:8px 0; }
  .rail { grid-template-columns:minmax(0,1fr); gap:0; }
  .rail li { padding:18px 0; }
  .hero-shot::before { inset:12px -10px -12px 12px; }
  .closing { margin-top:80px; }
}

/* --- yönetim paneli --- */
.admin-nav { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:28px; border-bottom:1px solid var(--line); }
.admin-nav a { color:var(--muted); text-decoration:none; padding:10px 14px; font-size:.92rem; font-weight:500;
               border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .2s, border-color .2s; }
.admin-nav a:hover { color:var(--text); }
.admin-nav a.on { color:var(--text); border-bottom-color:var(--gold); }
.admin-nav a:last-child { margin-left:auto; }

.sec-head { margin:0 0 20px; }
.sec-head h1 { font-size:1.45rem; font-weight:650; letter-spacing:-.01em; margin:0 0 4px; }
.sec-head p { color:var(--muted); margin:0; max-width:62ch; }
.sec-head.with-action { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; }

.panel { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:22px 24px; margin-bottom:20px; }
.panel > h2, .list-head h2, .media h2, .group-title { font-size:1rem; font-weight:600; margin:0 0 16px; }
.panel h3 { font-size:.9rem; font-weight:600; margin:0 0 12px; color:var(--text); }
.narrow-panel { max-width:620px; }
.hint { color:var(--muted); font-size:.82rem; margin:6px 0 0; line-height:1.4; }
.empty { color:var(--muted); text-align:center; padding:28px 8px !important; }
.back { display:inline-block; color:var(--muted); text-decoration:none; font-size:.9rem; margin-bottom:10px; }
.back:hover { color:var(--text); }

/* form alanları */
.fields { display:flex; flex-wrap:wrap; gap:16px 18px; }
.fld { flex:1 1 180px; min-width:0; }
.fld.long, .fld.lines, .fld.check { flex-basis:100%; }
.fld.f-icon { flex:0 0 96px; }
.fld.f-days { flex:0 0 120px; }
.fld > label { display:block; margin:0 0 6px; color:var(--text); font-size:.88rem; font-weight:500; }
.fld input, .fld textarea, .fld select { margin-top:0; }
.fld.f-icon input { text-align:center; }
textarea { display:block; width:100%; padding:9px 10px; border-radius:6px; border:1px solid var(--line);
           background:#0a0e17; color:var(--text); font:inherit; line-height:1.5; resize:vertical; }
input:focus, textarea:focus, select:focus { outline:none; border-color:var(--gold); box-shadow:0 0 0 3px rgba(232,177,58,.15); }
.switch { display:inline-flex; align-items:center; gap:10px; margin:0; color:var(--text); font-size:.9rem; cursor:pointer; }
.switch input { display:inline-block; width:18px; height:18px; margin:0; accent-color:var(--gold); }
.form-actions { display:flex; align-items:center; gap:14px; margin-top:16px; flex-wrap:wrap; }

/* düğmeler */
.button { transition:filter .2s, background .2s, transform .1s; }
.button:active { transform:translateY(1px); }
.button.secondary { background:transparent; color:var(--text); border:1px solid var(--line); }
.button.secondary:hover { border-color:var(--muted); filter:none; background:rgba(255,255,255,.03); }
.button.danger { background:var(--red); }
.button.danger-outline { background:transparent; color:#ff6b7d; border:1px solid rgba(255,90,110,.45); }
.button.danger-outline:hover { background:rgba(200,16,46,.12); filter:none; }
.button:disabled { opacity:.45; cursor:not-allowed; filter:none; }
.text-btn { background:none; border:0; padding:0; color:var(--muted); font:inherit; font-size:.88rem; cursor:pointer;
            text-decoration:underline; text-underline-offset:3px; }
.text-btn:hover { color:var(--text); }
.icon-btn { width:30px; height:30px; display:inline-grid; place-items:center; border-radius:6px; border:1px solid transparent;
            background:none; color:var(--muted); cursor:pointer; font-size:.9rem; transition:background .2s, color .2s; }
.icon-btn:hover { background:rgba(255,255,255,.06); color:var(--text); }
.icon-btn svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.icon-btn.del:hover { background:rgba(200,16,46,.15); color:#ff6b7d; }

/* rozetler */
.pill { display:inline-block; font-size:.74rem; font-weight:600; padding:2px 8px; border-radius:4px;
        background:rgba(138,147,166,.14); color:var(--muted); vertical-align:middle; white-space:nowrap; }
.pill.good { background:rgba(46,158,68,.16); color:#4cc764; }
.pill.bad { background:rgba(200,16,46,.18); color:#ff6b7d; }
.nav-badge { display:inline-block; min-width:18px; padding:0 5px; border-radius:9px; background:var(--red);
  color:#fff; font-size:.72rem; font-weight:700; line-height:18px; text-align:center; }
.pill.gold { background:rgba(232,177,58,.14); color:var(--gold); }
.dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--line); margin-right:8px; vertical-align:middle; }
.dot.on { background:#4cc764; box-shadow:0 0 0 3px rgba(76,199,100,.18); }

/* özet */
.stats { display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.stat { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:16px; text-decoration:none;
        color:var(--text); transition:border-color .2s, transform .2s; }
.stat:hover { border-color:var(--muted); transform:translateY(-1px); }
.stat.on { border-color:var(--gold); }
.stat b { display:block; font-size:1.7rem; font-weight:650; line-height:1.1; font-variant-numeric:tabular-nums; }
.stat span { color:var(--muted); font-size:.8rem; }
.stat.t-good b { color:#4cc764; }
.stat.t-warn b { color:var(--gold); }
.stat.t-bad b { color:#ff6b7d; }

/* kullanıcı listesi */
.list-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.list-toolbar h2 { margin:0; font-size:1rem; font-weight:600; }
.filters { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.filters input, .filters select { display:inline-block; width:auto; margin:0; padding:7px 10px; }
.filters input { width:220px; }
.filters .button { padding:7px 14px; }
table th { color:var(--muted); font-size:.78rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; }
table td { vertical-align:middle; }
table tbody tr:hover { background:rgba(255,255,255,.02); }
td.tnum, th.tnum { font-variant-numeric:tabular-nums; white-space:nowrap; }
.row-link { color:var(--text); text-decoration:none; font-weight:500; }
.row-link:hover { color:var(--gold); }

/* kullanıcı sayfası */
.user-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; margin-bottom:18px; }
.user-head h1 { font-size:1.45rem; font-weight:650; margin:0 0 6px; overflow-wrap:anywhere; }
.badges { display:flex; gap:6px; margin:0; }
.summary { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); margin:0 0 20px; background:var(--panel);
           border:1px solid var(--line); border-radius:10px; }
.summary > div { padding:14px 18px; border-left:1px solid var(--line); }
.summary > div:first-child { border-left:0; }
.summary dt { color:var(--muted); font-size:.78rem; margin-bottom:4px; }
.summary dd { margin:0; font-weight:500; font-variant-numeric:tabular-nums; }
.summary small { display:block; color:var(--muted); font-size:.78rem; font-weight:400; }
.two-col { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px; align-items:start; }
.sub-form + .sub-form { border-top:1px solid var(--line); margin-top:22px; padding-top:20px; }
.action-list .action { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:14px 0;
                       border-top:1px solid var(--line); }
.action-list .action:first-child { border-top:0; padding-top:0; }
.action b { display:block; font-weight:500; }
.action span { color:var(--muted); font-size:.85rem; }
.danger-zone { border-color:rgba(200,16,46,.4); padding:0; }
.danger-zone > summary { padding:16px 24px; color:#ff6b7d; font-weight:600; }
.danger-zone > form { padding:0 24px 22px; }

/* site ayarları */
.adm-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:32px; align-items:start; }
.adm-side { position:sticky; top:110px; display:flex; flex-direction:column; gap:2px; }
.side-label { color:var(--muted); font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em;
              margin:14px 10px 6px; }
.side-label:first-child { margin-top:0; }
.adm-side a { display:block; padding:9px 12px; border-radius:8px; text-decoration:none; color:var(--text);
              border-left:2px solid transparent; transition:background .2s; }
.adm-side a:hover { background:var(--panel); }
.adm-side a.on { background:var(--panel); border-left-color:var(--gold); }
.adm-side a b { display:block; font-size:.9rem; font-weight:500; }
.adm-side a span { display:block; color:var(--muted); font-size:.78rem; line-height:1.35; margin-top:1px; }
.adm-main .panel { padding:24px; }
.list { margin-bottom:8px; margin-top:28px; padding-top:22px; border-top:1px solid var(--line); }
.list-head { display:flex; justify-content:space-between; align-items:baseline; }
.list-head .count { color:var(--muted); font-size:.82rem; }
.items { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.item { border:1px solid var(--line); border-radius:8px; background:#121827; }
.item.just-added { border-color:var(--gold); }
.item-bar { display:flex; align-items:center; gap:10px; padding:6px 8px 6px 14px; border-bottom:1px solid var(--line); }
.item-no { color:var(--muted); font-size:.8rem; font-variant-numeric:tabular-nums; min-width:16px; }
.item-title { flex:1; min-width:0; font-weight:500; font-size:.9rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.item-title:empty::before { content:attr(data-placeholder); color:var(--muted); font-weight:400; }
.item-tools { display:flex; gap:2px; }
.item .fields { padding:14px; }
.add-btn { width:100%; margin-top:10px; padding:11px; border:1px dashed var(--line); border-radius:8px; background:none;
           color:var(--muted); font:inherit; font-size:.9rem; cursor:pointer; transition:border-color .2s, color .2s; }
.add-btn:hover { border-color:var(--gold); color:var(--gold); }
.savebar { position:sticky; bottom:0; display:flex; justify-content:space-between; align-items:center; gap:12px;
           margin:28px -24px -24px; padding:14px 24px; background:rgba(23,30,46,.96); border-top:1px solid var(--line);
           border-radius:0 0 10px 10px; backdrop-filter:blur(6px); }
.media-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px; margin-bottom:28px; }
.media { display:flex; flex-direction:column; gap:10px; }
.media h2 { margin:0; }
.preview { background:#0a0e17; border:1px solid var(--line); border-radius:8px; padding:16px; display:grid;
           place-items:center; height:200px; }
.preview img { display:block; max-width:100%; max-height:168px; width:auto; height:auto; object-fit:contain; }
.logo-preview img { max-height:96px; }
.file { position:relative; display:block; margin:0; }
.file input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.file span { display:block; padding:9px 12px; border:1px dashed var(--line); border-radius:6px; color:var(--muted);
             font-size:.88rem; text-align:center; transition:border-color .2s, color .2s; }
.file:hover span { border-color:var(--gold); color:var(--text); }
.group-title { padding-top:22px; border-top:1px solid var(--line); }
.color-input { display:flex; align-items:center; gap:10px; }
.color-input input { width:56px; height:38px; padding:3px; margin:0; cursor:pointer; }
.color-input code { color:var(--muted); font-size:.88rem; }

@media (max-width: 900px) {
  .stats { grid-template-columns:repeat(3, minmax(0,1fr)); }
  .two-col, .media-grid, .adm-layout { grid-template-columns:minmax(0,1fr); }
  .adm-side { position:static; flex-direction:row; flex-wrap:wrap; }
  .adm-side .side-label { display:none; }
  .adm-side a span { display:none; }
  .summary { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .summary > div:nth-child(3) { border-left:0; }
  .summary > div:nth-child(n+3) { border-top:1px solid var(--line); }
  .admin-nav a:last-child { margin-left:0; }
}
@media (max-width: 560px) {
  .stats { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .filters input { width:100%; }
}

/* --- yasal sayfalar --- */
.foot-links { display:flex; flex-wrap:wrap; gap:6px 16px; }
.foot-links a { color:var(--muted); text-decoration:none; }
.foot-links a:hover { color:var(--gold); }
label.consent { display:flex; gap:10px; align-items:flex-start; line-height:1.45; }
label.consent input { display:inline-block; width:auto; margin:3px 0 0; flex:none; accent-color:var(--gold); }
.legal { display:grid; grid-template-columns:220px minmax(0,1fr); gap:32px; align-items:start; }
.legal-nav { position:sticky; top:96px; display:flex; flex-direction:column; gap:2px; font-size:.92rem; }
.legal-nav a { color:var(--muted); text-decoration:none; padding:7px 10px; border-radius:6px; border-left:2px solid transparent; }
.legal-nav a:hover { color:var(--text); }
.legal-nav a.on { color:var(--text); border-left-color:var(--gold); background:var(--panel); }
.legal-doc { max-width:72ch; }
.legal-doc h1 { font-size:1.7rem; margin-bottom:4px; }
.legal-doc .stamp { color:var(--muted); font-size:.88rem; margin:0 0 24px; }
.legal-doc h2 { font-size:1.08rem; margin:28px 0 8px; }
.legal-doc p, .legal-doc li { color:#cfcdc7; }
.legal-doc ul, .legal-doc ol { padding-left:22px; }
.legal-doc li { margin:4px 0; }
.legal-doc dl { display:grid; grid-template-columns:max-content 1fr; gap:6px 16px; margin:0; }
.legal-doc dt { color:var(--muted); }
.legal-doc dd { margin:0; white-space:pre-line; }
mark.missing { background:#3a1018; color:#ff8a98; border:1px dashed var(--red); border-radius:4px; padding:0 4px; }
@media (max-width:760px) {
  .legal { grid-template-columns:1fr; gap:16px; }
  .legal-nav { position:static; flex-direction:row; flex-wrap:wrap; }
  .legal-nav a { border-left:0; border-bottom:2px solid transparent; }
  .legal-nav a.on { border-bottom-color:var(--gold); }
  .legal-doc dl { grid-template-columns:1fr; gap:2px; }
  .legal-doc dd { margin-bottom:8px; }
}

/* --- geri bildirim --- */
label > textarea { margin-top:4px; box-sizing:border-box; }      /* temel textarea kuralı yukarıda */
.fb-form input[type=file] { padding:7px 10px; }
.fb-list { list-style:none; margin:0; padding:0; }
.fb-item { border-top:1px solid var(--line); padding:14px 0; }
.fb-item:first-child { border-top:0; padding-top:0; }
.fb-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; font-size:.9rem; }
.fb-text { white-space:pre-line; overflow-wrap:anywhere; margin:8px 0 0; }
.fb-reply { margin-top:10px; padding:10px 12px; border-left:2px solid var(--gold); background:#0f141f; border-radius:0 6px 6px 0; }
.fb-reply b { font-size:.82rem; color:var(--gold); }
.fb-reply .fb-text { margin-top:2px; }
.fb-stats { grid-template-columns:repeat(5, minmax(0,1fr)); }
.fb-shot { display:inline-block; margin-top:12px; }
.fb-shot img { display:block; max-width:min(100%, 480px); max-height:280px; border:1px solid var(--line); border-radius:6px; }
.fb-reply-form { margin-top:14px; border-top:1px solid var(--line); padding-top:6px; }
.fb-actions { display:flex; gap:10px; align-items:center; }
.fb-actions select { width:auto; margin:0; }
@media (max-width:760px) { .fb-stats { grid-template-columns:repeat(2, minmax(0,1fr)); } }

/* --- üye sekmeleri --- */
nav a.on { color:var(--gold); box-shadow:inset 0 -2px 0 var(--gold); padding-bottom:4px; }
.page-head { margin-bottom:28px; }
.page-head h1 { font:800 clamp(1.9rem, 3.2vw, 2.5rem)/1.05 var(--display); text-transform:uppercase; margin:0 0 8px; }
.page-head p { color:var(--muted); margin:0; max-width:62ch; }
.sub-status { display:inline-flex; gap:8px; align-items:center; margin-top:14px; padding:8px 12px;
              border:1px solid var(--line); border-radius:8px; background:var(--panel); font-size:.92rem; }
.pay-info { white-space:pre-line; }
.channels { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.channels li { display:grid; grid-template-columns:140px minmax(0,1fr); gap:12px; align-items:baseline;
               padding:12px 0; border-top:1px solid var(--line); }
.channels li:first-child { border-top:0; padding-top:0; }
.channels b { color:var(--muted); font-weight:500; font-size:.9rem; }
.channels span, .channels a { overflow-wrap:anywhere; }
@media (max-width:560px) { .channels li { grid-template-columns:1fr; gap:2px; } }

/* --- giriş altı şerit: neon yazı --- */
.facts-strip li { color:#fff6dc; text-align:center;
                  text-shadow:0 0 2px #fff, 0 0 6px var(--gold), 0 0 14px var(--gold), 0 0 28px var(--gold), 0 0 46px var(--red); }
@media (min-width:641px) { .facts-strip li:first-child { padding-left:24px; } }
.wa-card { display:flex; justify-content:space-between; align-items:center; gap:16px 24px; flex-wrap:wrap; }
.wa-card h2 { margin:0 0 4px; }
.wa-card p { margin:0; }
.wa-button { display:inline-flex; align-items:center; gap:10px; padding:12px 20px; border-radius:8px; background:#25d366;
             color:#06210f; font-weight:700; text-decoration:none; white-space:nowrap; transition:filter .2s, transform .1s; }
.wa-button:hover { filter:brightness(1.07); }
.wa-button:active { transform:translateY(1px); }
.wa-button svg { width:22px; height:22px; fill:currentColor; flex:none; }
@media (max-width:560px) { .wa-button { width:100%; justify-content:center; } }
.download-card { display:flex; justify-content:space-between; align-items:center; gap:16px 24px; flex-wrap:wrap; }
.download-card h2 { margin:0 0 4px; }
.download-card p { margin:0; }
code.hash { font-size:.78rem; overflow-wrap:anywhere; color:var(--muted); }
.install-steps { margin:0; padding-left:22px; }
.install-steps li { margin:6px 0; }
.row-sub { display:block; font-size:.8rem; }
.alert.warn { background:rgba(232,177,58,.08); border:1px solid rgba(232,177,58,.45); color:var(--text); font-size:.88rem; line-height:1.5; margin:14px 0 4px; }
.error-page { text-align:center; margin:40px auto; }
.error-code { font:800 3.2rem/1 var(--display); color:var(--gold); margin:0 0 8px; }

/* --- paket 2: mobil menü, neon okunurluğu, küçük yardımcılar --- */
@media (max-width: 640px) {
  /* Üye menüsü 6-7 öğe: satırlara taşıp başlığı şişirmek yerine yatay kaydırılır. */
  .top nav { flex-wrap:nowrap; overflow-x:auto; width:100%; padding-bottom:4px; scrollbar-width:none; }
  .top nav::-webkit-scrollbar { display:none; }
  .top nav a, .top nav form { flex:none; white-space:nowrap; }
  .facts-strip li { text-shadow:0 0 4px var(--gold), 0 0 14px rgba(232,177,58,.45); }
}
@media (prefers-contrast: more) { .facts-strip li { text-shadow:none; color:var(--gold); } }
.stack-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.text-link { font-size:.9rem; margin-left:6px; }
/* --- sipariş --- */
.order-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:16px; align-items:start; }
.order-price { color:var(--gold); font-size:1.15rem; }
.legal-box { max-height:360px; overflow:auto; border:1px solid var(--line); border-radius:8px; padding:4px 16px 12px;
             background:#0f141f; font-size:.92rem; }
.legal-box h2 { font-size:.98rem; }
.order-form .consent { margin:12px 0; }
.order-form .button.big { margin-top:8px; white-space:normal; text-align:center; }
.button.disabled { opacity:.55; cursor:not-allowed; pointer-events:none; }
.plans-note { grid-column:1 / -1; margin:6px 0 0; }
.warn-text { color:var(--gold); font-weight:600; }
.actions-cell { white-space:nowrap; display:flex; gap:10px; align-items:center; }
@media (max-width:760px) { .order-grid { grid-template-columns:minmax(0,1fr); } }