:where([class^="ri-"])::before { content: "\f3c2"; }
body {
    font-family: 'Inter', sans-serif;
}
.gradient-text {
    background: linear-gradient(90deg, #0066FF, #00A3FF);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.particle {
    position: absolute;
    border-radius: 50%;
    background: rgba(0, 102, 255, 0.3);
    animation: float 8s infinite ease-in-out;
}
@keyframes float {
    0%, 100% { transform: translateY(0) translateX(0); }
    25% { transform: translateY(-20px) translateX(10px); }
    50% { transform: translateY(0) translateX(20px); }
    75% { transform: translateY(20px) translateX(10px); }
}
.custom-shadow {
    box-shadow: 0 4px 20px rgba(0, 102, 255, 0.1);
}
.solution-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 102, 255, 0.15);
}
.custom-input:focus {
    outline: none;
    border-color: #0066FF;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
}
.frameworks{cursor: pointer;}