.html {
    background: linear-gradient(135deg, #ff7a17, #ff7a17aa);
    color: #b74a00;
}

.online {
    background: linear-gradient(135deg, #30b8e4, #91f3f9);
    color: #0d47a1;
}

.css {
    background: linear-gradient(135deg, #0066ff, #0066ffaa);
    color: #003a99;
}

.js {
    background: linear-gradient(135deg, #ffc400, #ffc400aa);
    color: #7a5c00;
}

.offline {
    background: linear-gradient(135deg, #585858, #585858aa);
    color: #222;
}

.cs {
    background: linear-gradient(135deg, #ff7a17, #ffb066);
    color: #6b2e00;
}

.cpp {
    background: linear-gradient(135deg, #0066ff, #66aaff);
    color: #002a66;
}

.c {
    background: linear-gradient(135deg, #ffc400, #ffe066);
    color: #5a4100;
}

.ts {
    background: linear-gradient(135deg, #585858, #a0a0a0);
    color: #1c1c1c;
}

.xml {
    background: linear-gradient(135deg, #ff4d4d, #ff9999);
    color: #5a0000;
}

.text {
    background: linear-gradient(135deg, #4caf50, #a5d6a7);
    color: #1b5e20;
}

.vb {
    background: linear-gradient(135deg, #9c27b0, #ce93d8);
    color: #4a0072;
}

.php {
    background: linear-gradient(135deg, #7377ad, #b2b6db);
    color: #2d2f50;
}

.lua {
    background: linear-gradient(135deg, #3f51b5, #9fa8da);
    color: #1a237e;
}

.sql {
    background: linear-gradient(135deg, #009688, #80cbc4);
    color: #004d40;
}

.batch {
    background: linear-gradient(135deg, #795548, #bcaaa4);
    color: #3e2723;
}

.asm {
    background: linear-gradient(135deg, #607d8b, #b0bec5);
    color: #263238;
}

.ui {
    background: linear-gradient(135deg, #ff9800, #ffcc80);
    color: #e65100;
}

.design {
    background: linear-gradient(135deg, #ffa800, #ffdc80);
    color: #e75100;
}

.code {
    background: linear-gradient(135deg, #2196f3, #90caf9);
    color: #0d47a1;
}

.font {
    background: linear-gradient(135deg, #2196f3, #90caf9);
    color: #0d47a1;
}

.java {
    background: linear-gradient(135deg, #f44336, #ef9a9a);
    color: #b71c1c;
}

.json {
    background: linear-gradient(135deg, #9e9e9e, #e0e0e0);
    color: #212121;
}

.api {
    background: linear-gradient(135deg, #673ab7, #b39ddb);
    color: #311b92;
}

.ai {
    background: linear-gradient(135deg, #00bcd4, #80deea);
    color: #004d66;
}

.cloud {
    background: linear-gradient(135deg, #03a9f4, #81d4fa);
    color: #01579b;
}

.native {
    background: linear-gradient(135deg, #4caf50, #a5d6a7);
    color: #1b5e20;
}

.image {
    background: linear-gradient(135deg, #4caf50, #a5d6a7);
    color: #1b5e20;
}

.python {
    background: linear-gradient(135deg, #3776ab, #66aaff);
    color: #ffffff;
}

.tools {
    background: linear-gradient(135deg, #009688, #4db6ac);
    color: #002f2f;
}

.generator {
    background: linear-gradient(135deg, #ff6f61, #ffb3a7);
    color: #5c0000;
}

.security {
    background: linear-gradient(135deg, #212121, #616161);
    color: #ffffff;
}

.network {
    background: linear-gradient(135deg, #1565c0, #64b5f6);
    color: #001f4d;
}

.framework {
    background: linear-gradient(135deg, #8e24aa, #ce93d8);
    color: #3c0050;
}

.package {
    background: linear-gradient(135deg, #ffa000, #ffcc80);
    color: #4a2c00;
}

.editor {
    background: linear-gradient(135deg, #3f51b5, #9fa8da);
    color: #0d133d;
}

.engine {
    background: linear-gradient(135deg, #c62828, #ef9a9a);
    color: #4a0000;
}

.database {
    background: linear-gradient(135deg, #2e7d32, #81c784);
    color: #0d330f;
}

.game {
    background: linear-gradient(135deg, #ff4081, #f48fb1);
    color: #4a001f;
}

.script {
    background: linear-gradient(135deg, #7b1fa2, #ba68c8);
    color: #2f004a;
}
.cms {
    background: linear-gradient(135deg, #6a1b9a, #b39ddb);
    color: #4a0072;
}

.panel {
    background: linear-gradient(135deg, #2e7d32, #a5d6a7);
    color: #1b5e20; 
}

.chat {
    background: linear-gradient(135deg, #00acc1, #80deea);
    color: #006978; 
}

.message {
    background: linear-gradient(135deg, #ff7043, #ffccbc);
    color: #b33c0e; 
}

.notification {
    background: linear-gradient(135deg, #fdd835, #fff9c4);
    color: #9e7d00;
}

.comment {
    background: linear-gradient(135deg, #4caf50, #c8e6c9);
    color: #1b5e20;
}

.post {
    background: linear-gradient(135deg, #1976d2, #bbdefb);
    color: #0d47a1;
}

.feed {
    background: linear-gradient(135deg, #ef6c00, #ffcc80);
    color: #a84300;
}

.content {
    background: linear-gradient(135deg, #546e7a, #cfd8dc);
    color: #263238;
}

.dashboard {
    background: linear-gradient(135deg, #283593, #9fa8da);
    color: #1a237e;
}

.settings {
    background: linear-gradient(135deg, #616161, #bdbdbd);
    color: #212121;
}

.analytics {
    background: linear-gradient(135deg, #5e35b1, #d1c4e9);
    color: #311b92;
}

.integration {
    background: linear-gradient(135deg, #29b6f6, #bbdefb);
    color: #01579b;
}

.webhook {
    background: linear-gradient(135deg, #00acc1, #b2ebf2);
    color: #004d66;
}

.workflow {
    background: linear-gradient(135deg, #ff8a65, #ffd0c2);
    color: #c75b39;
}

.cdn {
    background: linear-gradient(135deg, #ff8a65, #ffd0c2);
    color: #c75b39;
}