/* ═══════════════════════════════════════════════════════════
   ÖZEL GÜN TEMALARI — GLOBAL CSS
   Dashboard, Login ve Sabit Veriler "Özel Olay Kartları" önizleme
   sayfaları aynı kuralları paylaşır. Bu dosya App.razor'da global olarak
   yüklenir; her tema sınıfı (.ozel-29ekim, .ozel-yilbasi, .ozel-ramazan, …)
   hangi DOM'da olursa olsun aynı görsel kimlikle render edilir.

   Mevcut Dashboard.razor.css ve Login.razor.css dosyalarındaki scoped
   tanımlar SİLİNMEDİ — onlar kendi sayfalarında daha yüksek özgüllükle
   çalışmaya devam eder. Bu dosya yalnızca scope'sız (önizleme vb.)
   bölgelerde devreye girer.
   ═══════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════
   ORTAK ::after GEOMETRİSİ (her tema kendi background-image'ı koyar)
   ═══════════════════════════════════════════════════════════ */
.ozel-gun-banner::after {
    content: ''; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
    width: 100px; height: 100px; z-index: 1; pointer-events: none;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    opacity: 0.13;
}
.login-ozel-serit::after {
    content: ''; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
    width: 50px; height: 50px; z-index: 0; pointer-events: none;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    opacity: 0.1;
}

/* ═══════════════════════════════════════════════════════════
   1) DASHBOARD BANNER  (.ozel-gun-banner.*)
   ═══════════════════════════════════════════════════════════ */

/* Milli bayramlar — kırmızı/beyaz */
.ozel-gun-banner.ozel-29ekim,
.ozel-gun-banner.ozel-30agustos,
.ozel-gun-banner.ozel-23nisan,
.ozel-gun-banner.ozel-19mayis,
.ozel-gun-banner.ozel-canakkale,
.ozel-gun-banner.ozel-15temmuz {
    background: linear-gradient(135deg, #dc2626, #991b1b);
    border: 1.5px solid rgba(255,255,255,0.2);
}
.ozel-gun-banner.ozel-29ekim .ogb-title,
.ozel-gun-banner.ozel-30agustos .ogb-title,
.ozel-gun-banner.ozel-23nisan .ogb-title,
.ozel-gun-banner.ozel-19mayis .ogb-title,
.ozel-gun-banner.ozel-canakkale .ogb-title,
.ozel-gun-banner.ozel-15temmuz .ogb-title { color: #fff; }
.ozel-gun-banner.ozel-29ekim .ogb-msg,
.ozel-gun-banner.ozel-30agustos .ogb-msg,
.ozel-gun-banner.ozel-23nisan .ogb-msg,
.ozel-gun-banner.ozel-19mayis .ogb-msg,
.ozel-gun-banner.ozel-canakkale .ogb-msg,
.ozel-gun-banner.ozel-15temmuz .ogb-msg { color: rgba(255,255,255,0.9); }
/* Türkiye milli bayramları — Türk bayrağı (ay-yıldız) */
.ozel-gun-banner.ozel-29ekim::after,
.ozel-gun-banner.ozel-30agustos::after,
.ozel-gun-banner.ozel-19mayis::after {
    opacity: 0.12; width: 120px; height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='52' cy='60' r='30' fill='white'/%3E%3Ccircle cx='60' cy='60' r='24' fill='%23dc2626'/%3E%3Cpolygon points='90,60 78,55 82,67 72,58 84,58' fill='white'/%3E%3C/svg%3E");
}
/* Kahramanlar (global) — defne yapraklı yıldızlı madalya */
.ozel-gun-banner.ozel-15temmuz::after {
    opacity: 0.16; width: 120px; height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 50 Q22 60 30 78 Q40 88 52 84' /%3E%3Cpath d='M28 56 Q24 58 22 62'/%3E%3Cpath d='M30 64 Q26 66 24 70'/%3E%3Cpath d='M34 72 Q32 76 32 80'/%3E%3Cpath d='M90 50 Q98 60 90 78 Q80 88 68 84' /%3E%3Cpath d='M92 56 Q96 58 98 62'/%3E%3Cpath d='M90 64 Q94 66 96 70'/%3E%3Cpath d='M86 72 Q88 76 88 80'/%3E%3C/g%3E%3Cpath d='M52 22 L60 14 L68 22 L62 30 L66 38 L54 38 L58 30 Z' fill='white'/%3E%3Ccircle cx='60' cy='60' r='22' fill='white'/%3E%3Ccircle cx='60' cy='60' r='17' fill='%23991b1b'/%3E%3Cpolygon points='60,49 63,57 71,57 64,62 67,71 60,66 53,71 56,62 49,57 57,57' fill='white'/%3E%3C/svg%3E");
}
.ozel-gun-banner.ozel-canakkale::after {
    opacity: 0.12; width: 110px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='52' rx='28' ry='32' fill='none' stroke='white' stroke-width='3'/%3E%3Cline x1='50' y1='10' x2='50' y2='90' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='38' y1='14' x2='62' y2='14' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* 23 Nisan */
.ozel-gun-banner.ozel-23nisan {
    background: linear-gradient(135deg, #ec4899, #f472b6, #a855f7);
}
.ozel-gun-banner.ozel-23nisan::after {
    opacity: 0.15; width: 110px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='30' cy='30' rx='12' ry='16' fill='white'/%3E%3Cline x1='30' y1='46' x2='32' y2='70' stroke='white' stroke-width='1.5'/%3E%3Cellipse cx='55' cy='22' rx='10' ry='14' fill='white'/%3E%3Cline x1='55' y1='36' x2='53' y2='65' stroke='white' stroke-width='1.5'/%3E%3Cellipse cx='75' cy='35' rx='11' ry='15' fill='white'/%3E%3Cline x1='75' y1='50' x2='73' y2='72' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* 10 Kasım */
.ozel-gun-banner.ozel-10kasim {
    background: linear-gradient(135deg, #1e293b, #0f172a);
    border: 1.5px solid #334155;
}
.ozel-gun-banner.ozel-10kasim .ogb-title { color: #e2e8f0; }
.ozel-gun-banner.ozel-10kasim .ogb-msg { color: #94a3b8; }
.ozel-gun-banner.ozel-10kasim::after {
    opacity: 0.08; width: 100px; height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,15 C45,25 35,30 30,45 C28,55 32,65 40,72 C44,75 48,76 50,85 C52,76 56,75 60,72 C68,65 72,55 70,45 C65,30 55,25 50,15Z' fill='%23e2e8f0' opacity='0.6'/%3E%3C/svg%3E");
}

/* 1 Mayıs */
.ozel-gun-banner.ozel-1mayis {
    background: linear-gradient(135deg, #b91c1c, #dc2626, #f59e0b);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-1mayis .ogb-title { color: #fff; }
.ozel-gun-banner.ozel-1mayis .ogb-msg { color: rgba(255,255,255,0.88); }
.ozel-gun-banner.ozel-1mayis::after {
    opacity: 0.12; width: 100px; height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='42' r='22' fill='none' stroke='white' stroke-width='3'/%3E%3Ccircle cx='50' cy='42' r='10' fill='none' stroke='white' stroke-width='2'/%3E%3Crect x='44' y='68' width='12' height='20' rx='2' fill='white'/%3E%3C/svg%3E");
}

/* Dini bayramlar */
.ozel-gun-banner.ozel-ramazan,
.ozel-gun-banner.ozel-kurban {
    background: linear-gradient(135deg, #1e3a5f, #1e40af, #312e81);
    border: 1.5px solid rgba(250,204,21,0.3);
}
.ozel-gun-banner.ozel-ramazan .ogb-title,
.ozel-gun-banner.ozel-kurban .ogb-title { color: #fde68a; }
.ozel-gun-banner.ozel-ramazan .ogb-msg,
.ozel-gun-banner.ozel-kurban .ogb-msg { color: rgba(253,230,138,0.85); }
.ozel-gun-banner.ozel-ramazan::after,
.ozel-gun-banner.ozel-kurban::after {
    opacity: 0.12; width: 120px; height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='55' cy='60' r='32' fill='%23fde68a'/%3E%3Ccircle cx='65' cy='55' r='26' fill='%231e3a5f'/%3E%3Cpolygon points='88,42 84,52 92,52' fill='%23fde68a'/%3E%3C/svg%3E");
}

/* Sevgililer */
.ozel-gun-banner.ozel-sevgililer {
    background: linear-gradient(135deg, #e11d48, #be123c, #9f1239);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-sevgililer .ogb-title { color: #fff; }
.ozel-gun-banner.ozel-sevgililer .ogb-msg { color: rgba(255,255,255,0.9); }
.ozel-gun-banner.ozel-sevgililer::after {
    opacity: 0.14; width: 130px; height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 100'%3E%3Cpath d='M65,85 C45,65 15,55 15,35 C15,20 30,10 45,20 C55,27 60,30 65,40 C70,30 75,27 85,20 C100,10 115,20 115,35 C115,55 85,65 65,85Z' fill='white'/%3E%3C/svg%3E");
}

/* Kadınlar */
.ozel-gun-banner.ozel-kadinlar {
    background: linear-gradient(135deg, #a855f7, #ec4899);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-kadinlar .ogb-title { color: #fff; }
.ozel-gun-banner.ozel-kadinlar .ogb-msg { color: rgba(255,255,255,0.9); }
.ozel-gun-banner.ozel-kadinlar::after {
    opacity: 0.14; width: 110px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(0 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(60 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(120 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(180 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(240 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(300 50 50)'/%3E%3Ccircle cx='50' cy='50' r='8' fill='white' opacity='0.8'/%3E%3C/svg%3E");
}

/* Öğretmenler */
.ozel-gun-banner.ozel-ogretmenler {
    background: linear-gradient(135deg, #1d4ed8, #2563eb, #3b82f6);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-ogretmenler .ogb-title { color: #fff; }
.ozel-gun-banner.ozel-ogretmenler .ogb-msg { color: rgba(255,255,255,0.9); }
.ozel-gun-banner.ozel-ogretmenler::after {
    opacity: 0.12; width: 110px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='20' y='25' width='45' height='55' rx='3' fill='none' stroke='white' stroke-width='3'/%3E%3Cline x1='28' y1='38' x2='58' y2='38' stroke='white' stroke-width='2'/%3E%3Cline x1='28' y1='48' x2='55' y2='48' stroke='white' stroke-width='2'/%3E%3Cline x1='28' y1='58' x2='50' y2='58' stroke='white' stroke-width='2'/%3E%3Cline x1='72' y1='18' x2='78' y2='78' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpolygon points='78,78 74,88 82,88' fill='white'/%3E%3C/svg%3E");
}

/* Anneler */
.ozel-gun-banner.ozel-anneler {
    background: linear-gradient(135deg, #db2777, #ec4899, #f472b6);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-anneler .ogb-title { color: #fff; }
.ozel-gun-banner.ozel-anneler .ogb-msg { color: rgba(255,255,255,0.9); }
.ozel-gun-banner.ozel-anneler::after {
    opacity: 0.14; width: 110px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M40,55 Q40,30 50,20 Q60,30 60,55Z' fill='white'/%3E%3Cpath d='M25,60 Q30,38 45,32 Q42,48 38,60Z' fill='white' opacity='0.7'/%3E%3Cpath d='M75,60 Q70,38 55,32 Q58,48 62,60Z' fill='white' opacity='0.7'/%3E%3Cline x1='50' y1='55' x2='50' y2='85' stroke='white' stroke-width='2.5'/%3E%3C/svg%3E");
}

/* Babalar */
.ozel-gun-banner.ozel-babalar {
    background: linear-gradient(135deg, #1e3a5f, #1e40af);
    border: 1.5px solid rgba(255,255,255,0.1);
}
.ozel-gun-banner.ozel-babalar .ogb-title { color: #bfdbfe; }
.ozel-gun-banner.ozel-babalar .ogb-msg { color: rgba(191,219,254,0.85); }
.ozel-gun-banner.ozel-babalar::after {
    opacity: 0.12; width: 80px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Cpath d='M22,12 L38,12 L35,18 L25,18Z' fill='%23bfdbfe'/%3E%3Cpath d='M25,18 L35,18 L38,72 L30,80 L22,72Z' fill='%23bfdbfe'/%3E%3C/svg%3E");
}

/* Yılbaşı */
.ozel-gun-banner.ozel-yilbasi {
    background: linear-gradient(135deg, #0f172a, #1e293b, #312e81);
    border: 1.5px solid rgba(250,204,21,0.25);
}
.ozel-gun-banner.ozel-yilbasi .ogb-title { color: #fde68a; }
.ozel-gun-banner.ozel-yilbasi .ogb-msg { color: rgba(253,230,138,0.85); }
.ozel-gun-banner.ozel-yilbasi::after {
    opacity: 0.12; width: 120px; height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cline x1='60' y1='15' x2='60' y2='105' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='15' y1='60' x2='105' y2='60' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='28' y1='28' x2='92' y2='92' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='92' y1='28' x2='28' y2='92' stroke='%23fde68a' stroke-width='2'/%3E%3Ccircle cx='60' cy='60' r='6' fill='%23fde68a'/%3E%3C/svg%3E");
}

/* Doğum günü */
.ozel-gun-banner.ozel-dogumgunu {
    background: linear-gradient(135deg, #f472b6, #a855f7, #6366f1);
    border: 1.5px solid rgba(255,255,255,0.2);
}
.ozel-gun-banner.ozel-dogumgunu .ogb-title { color: #fff; }
.ozel-gun-banner.ozel-dogumgunu .ogb-msg { color: rgba(255,255,255,0.92); }

/* Yas */
.ozel-gun-banner.ozel-yas {
    background: linear-gradient(135deg, #0a0a0a 0%, #1f2937 100%);
    border-left: 4px solid #000;
}
.ozel-gun-banner.ozel-yas .ogb-title { color: #f3f4f6; }
.ozel-gun-banner.ozel-yas .ogb-msg { color: rgba(229,231,235,0.85); }
.ozel-gun-banner.ozel-yas::after {
    opacity: 0.6; width: 100px; height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3Cpath d='M50 10 C36 10 28 22 28 36 C28 50 38 58 44 64 L44 70 L36 110 L50 96 L64 110 L56 70 L56 64 C62 58 72 50 72 36 C72 22 64 10 50 10 Z M50 18 C58 18 64 26 64 36 C64 46 56 54 50 60 C44 54 36 46 36 36 C36 26 42 18 50 18 Z' fill='%23000' stroke='%23475569' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Deprem */
.ozel-gun-banner.ozel-deprem {
    background: linear-gradient(135deg, #292524, #44403c);
    border-left: 4px solid #fbbf24;
}
.ozel-gun-banner.ozel-deprem .ogb-title { color: #fde68a; }
.ozel-gun-banner.ozel-deprem .ogb-msg { color: rgba(253,230,138,0.85); }
.ozel-gun-banner.ozel-deprem::after {
    opacity: 0.4; width: 100px; height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 18 L46 60 Q50 64 54 60 Z' fill='%23fde68a'/%3E%3Cellipse cx='50' cy='72' rx='6' ry='10' fill='%23fbbf24'/%3E%3C/svg%3E");
}

/* Genel fallback */
.ozel-gun-banner.ozel-genel {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-genel .ogb-title { color: #fff; }
.ozel-gun-banner.ozel-genel .ogb-msg { color: rgba(255,255,255,0.9); }
.ozel-gun-banner.ozel-genel::after {
    opacity: 0.1; width: 100px; height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,8 61,38 94,38 67,56 78,88 50,68 22,88 33,56 6,38 39,38' fill='white'/%3E%3C/svg%3E");
}

/* ═══════════════════════════════════════════════════════════
   2) LOGIN ŞERİT  (.login-ozel-serit.*)
   ═══════════════════════════════════════════════════════════ */

.login-ozel-serit.ozel-29ekim,
.login-ozel-serit.ozel-30agustos,
.login-ozel-serit.ozel-19mayis,
.login-ozel-serit.ozel-canakkale,
.login-ozel-serit.ozel-15temmuz {
    background: linear-gradient(135deg, #dc2626, #991b1b); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-29ekim::after,
.login-ozel-serit.ozel-30agustos::after,
.login-ozel-serit.ozel-19mayis::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='52' cy='60' r='30' fill='white'/%3E%3Ccircle cx='60' cy='60' r='24' fill='%23dc2626'/%3E%3Cpolygon points='90,60 78,55 82,67 72,58 84,58' fill='white'/%3E%3C/svg%3E");
}
/* Kahramanlar (global) — defne yapraklı yıldızlı madalya */
.login-ozel-serit.ozel-15temmuz::after {
    opacity: 0.14;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 50 Q22 60 30 78 Q40 88 52 84' /%3E%3Cpath d='M28 56 Q24 58 22 62'/%3E%3Cpath d='M30 64 Q26 66 24 70'/%3E%3Cpath d='M34 72 Q32 76 32 80'/%3E%3Cpath d='M90 50 Q98 60 90 78 Q80 88 68 84' /%3E%3Cpath d='M92 56 Q96 58 98 62'/%3E%3Cpath d='M90 64 Q94 66 96 70'/%3E%3Cpath d='M86 72 Q88 76 88 80'/%3E%3C/g%3E%3Cpath d='M52 22 L60 14 L68 22 L62 30 L66 38 L54 38 L58 30 Z' fill='white'/%3E%3Ccircle cx='60' cy='60' r='22' fill='white'/%3E%3Ccircle cx='60' cy='60' r='17' fill='%23991b1b'/%3E%3Cpolygon points='60,49 63,57 71,57 64,62 67,71 60,66 53,71 56,62 49,57 57,57' fill='white'/%3E%3C/svg%3E");
}
.login-ozel-serit.ozel-canakkale::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='52' rx='28' ry='32' fill='none' stroke='white' stroke-width='3'/%3E%3Cline x1='50' y1='10' x2='50' y2='90' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='38' y1='14' x2='62' y2='14' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-23nisan {
    background: linear-gradient(135deg, #ec4899, #a855f7); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-23nisan::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='30' cy='30' rx='12' ry='16' fill='white'/%3E%3Cline x1='30' y1='46' x2='32' y2='70' stroke='white' stroke-width='1.5'/%3E%3Cellipse cx='55' cy='22' rx='10' ry='14' fill='white'/%3E%3Cline x1='55' y1='36' x2='53' y2='65' stroke='white' stroke-width='1.5'/%3E%3Cellipse cx='75' cy='35' rx='11' ry='15' fill='white'/%3E%3Cline x1='75' y1='50' x2='73' y2='72' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-10kasim {
    background: linear-gradient(135deg, #1e293b, #0f172a); color: #94a3b8;
}
.login-ozel-serit.ozel-10kasim::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,15 C45,25 35,30 30,45 C28,55 32,65 40,72 C44,75 48,76 50,85 C52,76 56,75 60,72 C68,65 72,55 70,45 C65,30 55,25 50,15Z' fill='%23e2e8f0' opacity='0.6'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-1mayis {
    background: linear-gradient(135deg, #b91c1c, #dc2626, #f59e0b); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-1mayis::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='42' r='22' fill='none' stroke='white' stroke-width='3'/%3E%3Ccircle cx='50' cy='42' r='10' fill='none' stroke='white' stroke-width='2'/%3E%3Crect x='44' y='68' width='12' height='20' rx='2' fill='white'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-ramazan,
.login-ozel-serit.ozel-kurban {
    background: linear-gradient(135deg, #1e3a5f, #1e40af, #312e81); color: #fde68a;
}
.login-ozel-serit.ozel-ramazan::after,
.login-ozel-serit.ozel-kurban::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='55' cy='60' r='32' fill='%23fde68a'/%3E%3Ccircle cx='65' cy='55' r='26' fill='%231e3a5f'/%3E%3Cpolygon points='88,42 84,52 92,52' fill='%23fde68a'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-sevgililer {
    background: linear-gradient(135deg, #e11d48, #be123c); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-sevgililer::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,80 C35,65 10,55 10,35 C10,20 25,10 38,20 C44,25 47,28 50,35 C53,28 56,25 62,20 C75,10 90,20 90,35 C90,55 65,65 50,80Z' fill='white'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-kadinlar {
    background: linear-gradient(135deg, #a855f7, #ec4899); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-kadinlar::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(0 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(60 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(120 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(180 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(240 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(300 50 50)'/%3E%3Ccircle cx='50' cy='50' r='8' fill='white' opacity='0.8'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-ogretmenler {
    background: linear-gradient(135deg, #1d4ed8, #2563eb, #3b82f6); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-ogretmenler::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='20' y='25' width='45' height='55' rx='3' fill='none' stroke='white' stroke-width='3'/%3E%3Cline x1='28' y1='38' x2='58' y2='38' stroke='white' stroke-width='2'/%3E%3Cline x1='28' y1='48' x2='55' y2='48' stroke='white' stroke-width='2'/%3E%3Cline x1='28' y1='58' x2='50' y2='58' stroke='white' stroke-width='2'/%3E%3Cline x1='72' y1='18' x2='78' y2='78' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpolygon points='78,78 74,88 82,88' fill='white'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-anneler {
    background: linear-gradient(135deg, #db2777, #ec4899, #f472b6); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-anneler::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M40,55 Q40,30 50,20 Q60,30 60,55Z' fill='white'/%3E%3Cpath d='M25,60 Q30,38 45,32 Q42,48 38,60Z' fill='white' opacity='0.7'/%3E%3Cpath d='M75,60 Q70,38 55,32 Q58,48 62,60Z' fill='white' opacity='0.7'/%3E%3Cline x1='50' y1='55' x2='50' y2='85' stroke='white' stroke-width='2.5'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-babalar {
    background: linear-gradient(135deg, #1e3a5f, #1e40af); color: #bfdbfe;
}
.login-ozel-serit.ozel-babalar::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Cpath d='M22,12 L38,12 L35,18 L25,18Z' fill='%23bfdbfe'/%3E%3Cpath d='M25,18 L35,18 L38,72 L30,80 L22,72Z' fill='%23bfdbfe'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-yilbasi {
    background: linear-gradient(135deg, #0f172a, #1e293b, #312e81); color: #fde68a;
}
.login-ozel-serit.ozel-yilbasi::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cline x1='60' y1='15' x2='60' y2='105' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='15' y1='60' x2='105' y2='60' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='28' y1='28' x2='92' y2='92' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='92' y1='28' x2='28' y2='92' stroke='%23fde68a' stroke-width='2'/%3E%3Ccircle cx='60' cy='60' r='6' fill='%23fde68a'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-yas {
    background: linear-gradient(135deg, #0a0a0a, #1f2937); color: #f3f4f6;
}
.login-ozel-serit.ozel-yas::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3Cpath d='M50 10 C36 10 28 22 28 36 C28 50 38 58 44 64 L44 70 L36 110 L50 96 L64 110 L56 70 L56 64 C62 58 72 50 72 36 C72 22 64 10 50 10 Z M50 18 C58 18 64 26 64 36 C64 46 56 54 50 60 C44 54 36 46 36 36 C36 26 42 18 50 18 Z' fill='%23000' stroke='%23475569' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E");
    opacity: 0.45 !important;
}

.login-ozel-serit.ozel-deprem {
    background: linear-gradient(135deg, #292524, #44403c); color: #fde68a;
}
.login-ozel-serit.ozel-deprem::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 18 L46 60 Q50 64 54 60 Z' fill='%23fde68a'/%3E%3Cellipse cx='50' cy='72' rx='6' ry='10' fill='%23fbbf24'/%3E%3C/svg%3E");
}

.login-ozel-serit.ozel-dogumgunu {
    background: linear-gradient(135deg, #f472b6, #a855f7, #6366f1); color: rgba(255,255,255,0.95);
}

.login-ozel-serit.ozel-genel {
    background: linear-gradient(135deg, #6366f1, #8b5cf6); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-genel::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,8 61,38 94,38 67,56 78,88 50,68 22,88 33,56 6,38 39,38' fill='white'/%3E%3C/svg%3E");
}