* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; background: #1a1a2e; color: #eee; min-height: 100vh; }
.header { background: #16213e; padding: 20px 40px; border-bottom: 2px solid #0f3460; }
.header h1 a { text-decoration: none; font-size: 28px; font-weight: bold; }
.header h1 .c1 { color: #40c4ff; }
.header h1 .c2 { color: #69f0ae; }
.header h1 .c3 { color: #fff; }
.header-img { display: block; max-width: 240px; height: auto; margin-top: 8px; opacity: 0.95; }
.container { max-width: 900px; margin: 40px auto; padding: 0 20px; }
.kart-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.kart { background: #16213e; border-radius: 10px; padding: 25px; border: 1px solid #0f3460; cursor: pointer; transition: all 0.2s; text-decoration: none; display: block; color: #eee; }
.kart:hover { border-color: #e94560; transform: translateY(-2px); box-shadow: 0 4px 20px rgba(233,69,96,0.2); }
.kart-no-hover { padding: 8px; }
.kart-no-hover:hover { border-color: #0f3460; transform: none; box-shadow: none; }
.kart-baslik { font-size: 17px; font-weight: bold; color: #eee; margin-bottom: 8px; }
.kart-aciklama { font-size: 13px; color: #aaa; line-height: 1.5; }
.ic-btn { display: block; background: #16213e; border-radius: 8px; border: 1px solid #0f3460; margin: 6px; padding: 12px 16px; text-align: center; text-decoration: none; color: #fff; font-size: 13px; font-weight: bold; transition: all 0.2s; }
.ic-btn:hover { background: #0f3460; border-color: #e94560; color: #e94560; }
.ic-btn-baslik { color: #e94560; font-size: 13px; font-weight: bold; margin-bottom: 6px; }
.ic-btn-sayilar { color: #fff; font-size: 13px; }
.seo-bolum { background: #e8f4fd; margin-top: 40px; padding: 40px 0; border-top: 3px solid #2196F3; }
.seo-container { max-width: 900px; margin: 0 auto; padding: 0 20px; }
.ozellik-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-bottom: 24px; }
.ozellik-kart { background: #fff; border-radius: 10px; padding: 20px; text-align: center; border-top: 3px solid #2196F3; box-shadow: 0 2px 8px rgba(33,150,243,0.1); }
.ozellik-ikon { font-size: 28px; margin-bottom: 8px; }
.ozellik-baslik { font-size: 14px; font-weight: bold; color: #1565C0; margin-bottom: 6px; }
.ozellik-aciklama { font-size: 12px; color: #666; }
.bilgi-kart { background: #fff; border-radius: 10px; padding: 25px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(33,150,243,0.1); }
.bilgi-kart h2 { font-size: 16px; color: #1565C0; margin-bottom: 12px; border-bottom: 2px solid #e3f2fd; padding-bottom: 8px; }
.bilgi-kart h3 { font-size: 15px; color: #1565C0; margin-bottom: 12px; }
.bilgi-kart p { font-size: 13px; color: #444; line-height: 1.8; }
.loto-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.loto-item { background: #e3f2fd; border-radius: 8px; padding: 12px; }
.loto-ad { font-weight: bold; color: #1565C0; font-size: 14px; }
.loto-detay { font-size: 12px; color: #555; margin-top: 4px; }
.loto-ihtimal { font-size: 12px; color: #e94560; margin-top: 4px; font-weight: bold; }
.etiket-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.etiket { background: #e3f2fd; color: #1565C0; padding: 5px 12px; border-radius: 20px; font-size: 12px; border: 1px solid #90CAF9; }
.footer { text-align: center; padding: 20px; color: #888; font-size: 13px; background: #e8f4fd; }
@media (max-width: 600px) { .kart-grid { grid-template-columns: 1fr; } .ozellik-grid { grid-template-columns: 1fr 1fr; } .loto-grid { grid-template-columns: 1fr; } }