p {
font-size: 16px;
color: #FF0000E5;
line-height: 1.6;
}
.tabs {
display: flex;
justify-content: center;
margin-top: 20px;
}
.tab-button {
padding: 10px 20px;
margin: 5px;
cursor: pointer;
background-color: #FF0000;
border: none;
color: #FF0000;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
transition: background-color 0.3s;
}
.tab-button.active {
background-color: #A30C0C8C;
}
.tab-content {
display: none;
margin-top: 20px;
color: #A11313;
}
.tab-content.active {
display: block;
}
h2 {
font-size: 20px;
color: #FF0000;
}
.close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
color: #FF0000;
font-size: 20px;
font-weight: bold;
}
.close:hover {
color: #A60303;
}
.telegram-link {
color: rgb(122, 15, 172);
text-decoration: none;
display: block;
margin-bottom: 2px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#particles-js {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
/* تجاهل تفاعلات المؤشر */
}
body {
font-family: 'Poppins', sans-serif;
background-color: #000000;
color: rgb(150, 5, 113);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.cheat-menu {
background-color: #FF333300;
padding: 25px;
border-radius: 20px;
width: 340px;
box-shadow: 0 10px 30px rgba(0, 238, 255, 0.945);
position: relative;
overflow: hidden;
}
.cheat-menu h1 {
text-align: center;
margin-bottom: 25px;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: #FF0000;
}
.toggle-item {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1px;
padding: 2px;
background-color: #C4128800;
border-radius: 12px;
transition: background-color 0.3s, transform 0.2s;
cursor: pointer;
}
.toggle-item:hover {
background-color: #F3000000;
transform: scale(1.03);
}
.toggle-item label {
flex: 1;
font-size: 20px;
padding-right: 10px;
color: #FFFFFF;
line-height: 1.5;
}
.toggle-item input[type="checkbox"] {
width: 50px;
height: 25px;
appearance: none;
background-color: #FF0000;
border-radius: 20px;
position: relative;
outline: none;
cursor: pointer;
transition: background-color 0.3s, transform 0.3s;
}
.toggle-item input[type="checkbox"]:checked {
background-color: #AF4C4C;
}
.toggle-item input[type="checkbox"]::before {
content: '';
position: absolute;
width: 22px;
height: 22px;
background-color: white;
border-radius: 50%;
top: 1.5px;
left: 2px;
transition: transform 0.3s, background-color 0.3s;
}
.toggle-item input[type="checkbox"]:checked::before {
transform: translateX(25px);
}
/* Adding a glowing effect on active toggles */
.toggle-item input[type="checkbox"]:checked {
box-shadow: 0 0 10px #FF1212;
}
/* Blood splatter effect on background */
.cheat-menu::before {
content: '';
position: absolute;
top: -50px;
right: -50px;
width: 100%;
height: 100%;
background-color: #F3000000;
/* Example blood splatter image */
background-size: contain;
opacity: 0.15;
z-index: 0;
}
.cheat-menu>* {
position: relative;
z-index: 1;
}
.icon {
margin-right: 10px;
width: 24px;
height: 24px;
}
/* Custom Scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-thumb {
background: #FF3333;
border-radius: 8px;
}
.login-form {
margin-top: 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.login-form input[type="text"],
.login-form input[type="password"] {
padding: 10px;
margin: 5px 0;
border: none;
border-radius: 5px;
width: 80%;
max-width: 300px;
}
.login-form input[type="submit"] {
padding: 10px;
background-color: #00e1ffc5;
color: rgba(255, 255, 255, 0);
border: none;
border-radius: 5px;
cursor: pointer;
width: 80%;
max-width: 300px;
transition: background-color 0.3s;
}
.login-form input[type="submit"]:hover {
background-color: #0eb7d4b0;
}
.buttons {
display: none;
margin-top: 20px;
}
.login-form {
margin-top: 20px;
}
.login-form input[type="text"],
.login-form input[type="password"] {
width: 100%;
padding: 12px;
margin: 10px 0;
border: none;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0);
/* خلفية شفافة */
box-shadow: inset 0 4px 4px rgba(195, 0, 255, 0);
color: #FF0000;
font-size: 1em;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.tab-button {
padding: 8px 10px;
margin: 1px;
cursor: pointer;
background: linear-gradient(135deg, #a707f100 0%, #E9000000 100%);
border: none;
color: rgb(1, 225, 255);
border-radius: 30px;
font-size: 25px;
font-weight: 600;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
/* تأثير hover عند مرور الماوس على الأزرار */
.tab-button:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgb(0, 243, 243);
}
/* تمييز الزر النشط */
v .tab-button.active {
background: #FF0101F6;
}
