@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800,900&display=swap');

* {
    font-family: 'Inter', sans-serif;
}

.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.bg-scrolling {
    background-image: url('https://images.pexels.com/photos/936722/pexels-photo-936722.jpeg?_gl=1*1b7xjmr*_ga*MjA5MTU5NjE0OC4xNzQ5NjI5ODI4*_ga_8JE65Q40S6*czE3NjA2MzIwMzkkbzU2JGcxJHQxNzYwNjMyMDk4JGoxJGwwJGgw');
    background-size: cover;
    background-position: center;
    animation: scroll-bg 20s linear infinite;
}

@keyframes scroll-bg {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.gradient-text {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.slider-container {
    overflow: hidden;
    position: relative;
}

.slider-track {
    display: flex;
    animation: slide 30s linear infinite;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.testimonial-slider {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    scrollbar-width: none;
}

.testimonial-slider::-webkit-scrollbar {
    display: none;
}

.testimonial-slide {
    scroll-snap-align: start;
    flex-shrink: 0;
}

.contact-bg {
    background-image: linear-gradient(rgba(102, 126, 234, 0.9), rgba(118, 75, 162, 0.9)), url('https://placeholder-image-service.onrender.com/image/1920x1080?prompt=Modern professional office building exterior with glass windows and blue sky background&id=poloniska00@gmail.com&customer_id=cus_STuXwUHr4d3iC5');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.smooth-scroll {
    scroll-behavior: smooth;
}

.nav-link {
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #667eea;
    transition: width 0.3s ease;
}

.nav-link:hover::after {
    width: 100%;
}

select, input, textarea {
    transition: all 0.3s ease;
}

select:focus, input:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.3);
}