/* Custom Styles */
body {
    scroll-behavior: smooth;
}

/* Cursor Spotlight Effect */
#cursor-spotlight {
    pointer-events: none;
    background: radial-gradient(
        600px at var(--x) var(--y),
        rgba(244, 124, 32, 0.1),
        transparent 80%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
}

body:hover #cursor-spotlight {
    opacity: 1;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0a192f;
}

::-webkit-scrollbar-thumb {
    background: #F47C20;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #f47c20cc;
}

/* Animation Classes */
.animate-bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-10px);
    }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 3rem;
    }
    
    .hero p {
        font-size: 1.1rem;
    }
}

@media (max-width: 640px) {
    .hero h1 {
        font-size: 2.5rem;
    }
}