/* RAYU Canlı Renkler: Penguen temasının üstüne canlı, çok renkli bir katman (Ayarlar > "Canlı renkler" ile kapatılabilir).
   Klasik ve Minimal temalarda yüklenmez. Dolgu rengi üstündeki yazılar WCAG AA kontrastını korur. */
body:not(.renk-klasik):not(.renk-minimal){
  --m950:#0e1038;--m900:#171b63;--m800:#2430a8;--m700:#2f3fd1;--m600:#3d4ef0;--m500:#5b6cf7;--m400:#8b97fa;--m300:#b4bcfc;--m200:#d6dbfe;--m100:#e9ecff;--m50:#f4f5ff;
  --t50:#fff1f8;--t100:#fce7f3;--t200:#fbcfe8;--t300:#f9a8d4;--t400:#f43f8a;--t500:#e11d74;--t600:#be185d;--t700:#9d174d;
  --yazi:#14143a;--gri:#4a4f78;--soluk:#5a5f86;--cizgi:#e4e6fb;--zemin:#f5f6ff;
  --g-s:0 1px 2px rgba(61,78,240,.07),0 2px 6px rgba(61,78,240,.05);
  --g-m:0 6px 18px -6px rgba(61,78,240,.22),0 2px 6px -2px rgba(20,20,58,.06);
  --g-b:0 28px 56px -22px rgba(79,70,229,.45);
  --v1:#4f46e5;--v2:#7c3aed;--v3:#c026d3;--v4:#db2777;--v5:#c2410c;--v6:#b45309;--v7:#047857;--v8:#0e7490;
}
/* ---------- düğmeler ---------- */
body:not(.renk-klasik):not(.renk-minimal) .btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:transparent;color:#fff;box-shadow:0 10px 22px -12px rgba(79,70,229,.8)}
body:not(.renk-klasik):not(.renk-minimal) .btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}
body:not(.renk-klasik):not(.renk-minimal) .btn-turuncu{background:linear-gradient(135deg,#e11d74,#c026d3);border-color:transparent;box-shadow:0 12px 24px -12px rgba(219,39,119,.85)}
body:not(.renk-klasik):not(.renk-minimal) .btn-turuncu:hover{background:linear-gradient(135deg,#be185d,#a21caf)}
body:not(.renk-klasik):not(.renk-minimal) .btn-ikincil,body:not(.renk-klasik):not(.renk-minimal) .btn-cerceve{background:#fff;color:#3730a3;border:1.5px solid #c7d2fe;box-shadow:none}
body:not(.renk-klasik):not(.renk-minimal) .btn-ikincil:hover,body:not(.renk-klasik):not(.renk-minimal) .btn-cerceve:hover{background:#eef2ff;border-color:#818cf8}
/* ---------- ana sayfa: hero ---------- */
body:not(.renk-klasik):not(.renk-minimal) .hero{background:radial-gradient(640px 340px at 6% 0,rgba(139,92,246,.30),transparent 62%),radial-gradient(580px 320px at 96% 6%,rgba(236,72,153,.26),transparent 60%),radial-gradient(560px 340px at 72% 104%,rgba(14,165,233,.26),transparent 60%),radial-gradient(440px 280px at 0 104%,rgba(251,191,36,.24),transparent 60%),#fff}
body:not(.renk-klasik):not(.renk-minimal) .hero h1 span{background:linear-gradient(90deg,#7c3aed,#db2777 55%,#ea580c);-webkit-background-clip:text;background-clip:text;color:transparent}
body:not(.renk-klasik):not(.renk-minimal) .hero-rozet{background:linear-gradient(135deg,#eef2ff,#fdf2f8);border:1px solid #c7d2fe;color:#3730a3}
body:not(.renk-klasik):not(.renk-minimal) .hero-panel{border:1px solid #c7d2fe;box-shadow:0 30px 60px -28px rgba(79,70,229,.55)}
body:not(.renk-klasik):not(.renk-minimal) .hp-avantaj li:nth-child(1) .hp-av-ikon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}
body:not(.renk-klasik):not(.renk-minimal) .hp-avantaj li:nth-child(2) .hp-av-ikon{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff}
body:not(.renk-klasik):not(.renk-minimal) .hp-avantaj li:nth-child(3) .hp-av-ikon{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}
body:not(.renk-klasik):not(.renk-minimal) .hp-avantaj li:nth-child(4) .hp-av-ikon{background:linear-gradient(135deg,#10b981,#14b8a6);color:#fff}
body:not(.renk-klasik):not(.renk-minimal) .hp-avantaj li:nth-child(5) .hp-av-ikon{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff}
/* ---------- bölümler, adımlar, özellikler ---------- */
body:not(.renk-klasik):not(.renk-minimal) .bolum-ust{background:linear-gradient(90deg,#5b21b6,#be185d);-webkit-background-clip:text;background-clip:text;color:transparent}
body:not(.renk-klasik):not(.renk-minimal) .bolum.acik{background:linear-gradient(180deg,#f5f6ff,#fdf4ff)}
body:not(.renk-klasik):not(.renk-minimal) .adim:nth-child(4n+1) .adim-no{background:linear-gradient(135deg,#4f46e5,#7c3aed)}
body:not(.renk-klasik):not(.renk-minimal) .adim:nth-child(4n+2) .adim-no{background:linear-gradient(135deg,#c026d3,#db2777)}
body:not(.renk-klasik):not(.renk-minimal) .adim:nth-child(4n+3) .adim-no{background:linear-gradient(135deg,#0f766e,#047857)}
body:not(.renk-klasik):not(.renk-minimal) .adim:nth-child(4n+4) .adim-no{background:linear-gradient(135deg,#c2410c,#b91c1c)}
body:not(.renk-klasik):not(.renk-minimal) .ozellik{border-color:#e4e6fb;transition:transform .18s,box-shadow .18s}
body:not(.renk-klasik):not(.renk-minimal) .ozellik:hover{transform:translateY(-3px);box-shadow:0 22px 40px -24px rgba(79,70,229,.5)}
body:not(.renk-klasik):not(.renk-minimal) .ozellik .oz-ikon{color:#fff}
body:not(.renk-klasik):not(.renk-minimal) .ozellik:nth-child(8n+1) .oz-ikon{background:linear-gradient(135deg,#6366f1,#8b5cf6)}
body:not(.renk-klasik):not(.renk-minimal) .ozellik:nth-child(8n+2) .oz-ikon{background:linear-gradient(135deg,#f43f5e,#fb7185)}
body:not(.renk-klasik):not(.renk-minimal) .ozellik:nth-child(8n+3) .oz-ikon{background:linear-gradient(135deg,#f59e0b,#f97316)}
body:not(.renk-klasik):not(.renk-minimal) .ozellik:nth-child(8n+4) .oz-ikon{background:linear-gradient(135deg,#10b981,#14b8a6)}
body:not(.renk-klasik):not(.renk-minimal) .ozellik:nth-child(8n+5) .oz-ikon{background:linear-gradient(135deg,#0ea5e9,#6366f1)}
body:not(.renk-klasik):not(.renk-minimal) .ozellik:nth-child(8n+6) .oz-ikon{background:linear-gradient(135deg,#d946ef,#ec4899)}
body:not(.renk-klasik):not(.renk-minimal) .ozellik:nth-child(8n+7) .oz-ikon{background:linear-gradient(135deg,#84cc16,#10b981)}
body:not(.renk-klasik):not(.renk-minimal) .ozellik:nth-child(8n+8) .oz-ikon{background:linear-gradient(135deg,#f97316,#ef4444)}
body:not(.renk-klasik):not(.renk-minimal) .hp-sayilar div:nth-child(4n+1){background:#ecfeff;border-color:#a5f3fc}
body:not(.renk-klasik):not(.renk-minimal) .hp-sayilar div:nth-child(4n+2){background:#fdf2f8;border-color:#fbcfe8}
body:not(.renk-klasik):not(.renk-minimal) .hp-sayilar div:nth-child(4n+3){background:#fffbeb;border-color:#fde68a}
body:not(.renk-klasik):not(.renk-minimal) .hp-sayilar div:nth-child(4n+4){background:#ecfdf5;border-color:#a7f3d0}
body:not(.renk-klasik):not(.renk-minimal) .hp-grafik i{background:linear-gradient(180deg,#22d3ee,#6366f1 60%,#d946ef)}
body:not(.renk-klasik):not(.renk-minimal) .oyun-kart{background:linear-gradient(135deg,#eef2ff 0%,#fdf2f8 55%,#fff7ed 100%);border-color:#c7d2fe}
body:not(.renk-klasik):not(.renk-minimal) .cta{color:#fff;border:0;background:radial-gradient(700px 300px at 90% 0,rgba(251,191,36,.35),transparent 60%),linear-gradient(120deg,#3730a3 0%,#7c3aed 45%,#db2777 100%)}
body:not(.renk-klasik):not(.renk-minimal) .cta h2,body:not(.renk-klasik):not(.renk-minimal) .cta p{color:#fff}
body:not(.renk-klasik):not(.renk-minimal) .cta .btn,body:not(.renk-klasik):not(.renk-minimal) .cta .btn-turuncu{background:#fff;color:#86198f;border-color:#fff;box-shadow:0 14px 28px -14px rgba(0,0,0,.5)}
body:not(.renk-klasik):not(.renk-minimal) .site-alt{border-top:4px solid transparent;border-image:linear-gradient(90deg,#6366f1,#ec4899,#f97316,#10b981,#0ea5e9) 1;background:linear-gradient(180deg,#f8f9ff,#f4f5ff)}
/* ---------- üye paneli ---------- */
body:not(.renk-klasik):not(.renk-minimal) .bd-yan{background:linear-gradient(180deg,#fff,#f8f7ff);border-color:#dfe2fb;box-shadow:0 18px 40px -26px rgba(79,70,229,.45)}
body:not(.renk-klasik):not(.renk-minimal) .bd-avatar{background:linear-gradient(135deg,#be185d,#6d28d9);box-shadow:0 8px 16px -8px rgba(124,58,237,.8)}
body:not(.renk-klasik):not(.renk-minimal) .bd-sekmeler a:hover{background:#eef2ff;color:#312e81}
body:not(.renk-klasik):not(.renk-minimal) .bd-sekmeler a.aktif{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:transparent;color:#fff;box-shadow:0 10px 20px -12px rgba(79,70,229,.9)}
body:not(.renk-klasik):not(.renk-minimal) .bd-sekmeler a.aktif .ikon{color:#fff}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+1) .ikon{color:#6366f1}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+2) .ikon{color:#db2777}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+3) .ikon{color:#059669}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+4) .ikon{color:#ea580c}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+5) .ikon{color:#0891b2}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+6) .ikon{color:#9333ea}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+1) .bd-grup-ad{color:#4338ca}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+2) .bd-grup-ad{color:#be185d}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+3) .bd-grup-ad{color:#047857}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+4) .bd-grup-ad{color:#c2410c}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+5) .bd-grup-ad{color:#0e7490}
body:not(.renk-klasik):not(.renk-minimal) .bd-grup:nth-of-type(6n+6) .bd-grup-ad{color:#7e22ce}
body:not(.renk-klasik):not(.renk-minimal) .bd-panel-ust h2{background:linear-gradient(90deg,#312e81,#7c3aed 60%,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}
body:not(.renk-klasik):not(.renk-minimal) .bd-kredi-pill{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#78350f}
body:not(.renk-klasik):not(.renk-minimal) .bd-kutu{border-color:#e4e6fb;box-shadow:0 14px 30px -24px rgba(79,70,229,.4)}
body:not(.renk-klasik):not(.renk-minimal) .bd-kutu h3{color:#1e1b4b}
body:not(.renk-klasik):not(.renk-minimal) .bd-kart{position:relative;overflow:hidden;border:1px solid #e4e6fb;border-top:4px solid #6366f1;background:#fff}
body:not(.renk-klasik):not(.renk-minimal) .bd-kart:nth-child(8n+1){border-top-color:#f59e0b;background:linear-gradient(180deg,#fffbeb,#fff 60%)}
body:not(.renk-klasik):not(.renk-minimal) .bd-kart:nth-child(8n+2){border-top-color:#06b6d4;background:linear-gradient(180deg,#ecfeff,#fff 60%)}
body:not(.renk-klasik):not(.renk-minimal) .bd-kart:nth-child(8n+3){border-top-color:#ec4899;background:linear-gradient(180deg,#fdf2f8,#fff 60%)}
body:not(.renk-klasik):not(.renk-minimal) .bd-kart:nth-child(8n+4){border-top-color:#8b5cf6;background:linear-gradient(180deg,#f5f3ff,#fff 60%)}
body:not(.renk-klasik):not(.renk-minimal) .bd-kart:nth-child(8n+5){border-top-color:#10b981;background:linear-gradient(180deg,#ecfdf5,#fff 60%)}
body:not(.renk-klasik):not(.renk-minimal) .bd-kart:nth-child(8n+6){border-top-color:#f97316;background:linear-gradient(180deg,#fff7ed,#fff 60%)}
body:not(.renk-klasik):not(.renk-minimal) .bd-kart:nth-child(8n+7){border-top-color:#3b82f6;background:linear-gradient(180deg,#eff6ff,#fff 60%)}
body:not(.renk-klasik):not(.renk-minimal) .bd-kart:nth-child(8n+8){border-top-color:#84cc16;background:linear-gradient(180deg,#f7fee7,#fff 60%)}
body:not(.renk-klasik):not(.renk-minimal) .bd-kart strong{color:#1e1b4b}
body:not(.renk-klasik):not(.renk-minimal) .bd-bonus{background:linear-gradient(135deg,#fff7ed,#fdf2f8 60%,#f5f3ff);border-color:#fbcfe8}
body:not(.renk-klasik):not(.renk-minimal) .bd-bonus h3{color:#9d174d}
body:not(.renk-klasik):not(.renk-minimal) .bd-nokta.dolu{background:linear-gradient(135deg,#b3390c,#a21caf);border-color:transparent;color:#fff}
body:not(.renk-klasik):not(.renk-minimal) .bd-nokta.yedi{border-color:#d97706;color:#92400e}
body:not(.renk-klasik):not(.renk-minimal) .bd-nokta.yedi.dolu{color:#fff}
body:not(.renk-klasik):not(.renk-minimal) .bd-bonus>div:first-child{flex:1 1 320px;min-width:0}
body:not(.renk-klasik):not(.renk-minimal) .bd-bonus .bd-kucuk{color:var(--gri)}