/* mircTurk ortak statik sayfa teması — panel ile aynı değişkenler */
:root, [data-theme="dark"] {
    --primary: #1D9BF0;
    --bg-0: #16181c;
    --bg-1: #1c1f24;
    --border: #2e323a;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --accent: #a78bfa;
}
[data-theme="light"] {
    --primary: #1D9BF0;
    --bg-0: #eef1f5;
    --bg-1: #ffffff;
    --border: #d1d5db;
    --text-primary: #0f172a;
    --text-secondary: #334155;
    --accent: #7C3AED;
}
body { background: var(--bg-0); color: var(--text-primary); font-family: 'Segoe UI', Roboto, Arial, sans-serif; margin: 0; }
.wrap { max-width: 780px; margin: 0 auto; padding: 40px 20px 60px; }
h1 { color: var(--primary); font-size: 2rem; }
h2 { color: var(--accent); margin-top: 2rem; }
p, li { line-height: 1.7; color: var(--text-secondary); }
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
.logo { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 1.3rem; color: var(--text-primary); text-decoration: none; }
.logo img { width: 36px; height: 36px; border-radius: 9px; }
.back { display: inline-block; margin-top: 2rem; padding: 10px 22px; border: 1px solid var(--border); border-radius: 999px; }
.theme-btn { position: fixed; top: 12px; right: 12px; padding: 10px 14px; border-radius: 999px; border: 1px solid var(--border); background: var(--bg-1); color: var(--text-primary); cursor: pointer; }
.btn { display: inline-block; background: var(--primary); color: #fff !important; font-weight: 700; padding: 16px 34px; border-radius: 9999px; font-size: 1.15rem; margin-top: 20px; border: none; cursor: pointer; }
.btn:hover { filter: brightness(0.9); text-decoration: none; }
.card, .info { background: var(--bg-1); border: 1px solid var(--border); border-radius: 16px; padding: 18px 22px; margin-top: 24px; }
.small { color: var(--text-secondary); opacity: 0.75; font-size: 0.85rem; margin-top: 24px; }