:where([class^="ri-"])::before {
content: "\f3c2";
}
body {
font-family: 'Poppins', sans-serif;
background: #000000;
color: #ffffff;
}
.gradient-text {
background: linear-gradient(135deg, #7928CA, #4ADEDE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.gradient-bg {
background: linear-gradient(135deg, #7928CA, #4ADEDE);
}
.gradient-border {
background: linear-gradient(135deg, #7928CA, #4ADEDE);
padding: 2px;
border-radius: 8px;
}
.gradient-border-inner {
background: #000000;
border-radius: 6px;
}
.hero-bg {
background-image: url('image/home.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.floating-shapes {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
}
.floating-shape {
position: absolute;
background: linear-gradient(135deg, rgba(121, 40, 202, 0.1), rgba(74, 222, 222, 0.1));
border-radius: 50%;
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0px) rotate(0deg); }
50% { transform: translateY(-20px) rotate(180deg); }
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(121, 40, 202, 0.3);
}
.btn-hover {
transition: all 0.3s ease;
}
.btn-hover:hover {
transform: scale(1.05);
box-shadow: 0 10px 30px rgba(121, 40, 202, 0.4);
}
.navbar-blur {
backdrop-filter: blur(10px);
background: rgba(0, 0, 0, 0.8);
}
.testimonial-card {
background: linear-gradient(135deg, rgba(121, 40, 202, 0.1), rgba(74, 222, 222, 0.1));
border: 1px solid rgba(121, 40, 202, 0.2);
}