:where([class^="ri-"])::before {
content: "\f3c2";
}
.reveal {
position: relative;
transform: translateY(150px);
opacity: 0;
transition: 1s all ease;
}
.reveal.active {
transform: translateY(0);
opacity: 1;
}
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease-out;
}
.gradient-text {
background: linear-gradient(45deg, #DEE4FF, #9BA8FF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.smooth-scroll {
scroll-behavior: smooth;
}
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
100% { transform: translateY(0px); }
}
.floating {
animation: float 6s ease-in-out infinite;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
.slide-in-left {
opacity: 0;
transform: translateX(-50px);
transition: all 0.8s ease-out;
}
.slide-in-right {
opacity: 0;
transform: translateX(50px);
transition: all 0.8s ease-out;
}
.slide-in-left.visible,
.slide-in-right.visible {
opacity: 1;
transform: translateX(0);
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.custom-hover {
transition: all 0.5s ease;
}
.custom-hover:hover {
transform: scale(1.1);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
z-index: 10;
}
.scale-120 {
transform: scale(1.2);
}
.scale-140 {
transform: scale(1.4);
}
.btn-hover {
transition: all 0.3s ease;
}
.btn-hover:hover {
transform: scale(1.05);
}
.header-scroll {
transition: all 0.3s ease;
}
.hero-bg {
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #dee4ff 100%);
}
@keyframes slide {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.logo-slider {
animation: slide 30s linear infinite;
}