/* Shared styles across all pages */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Inter', sans-serif;
    background: radial-gradient(circle at center, #0f172a 0%, #1e293b 100%);
}

#vanta-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.15;
}

.control-btn {
    @apply flex flex-col items-center justify-center w-24 h-24 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105;
    background: linear-gradient(145deg, #1e40af, #1e3a8a);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}

.control-btn:hover {
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5);
}
.control-btn {
    @apply flex flex-col items-center justify-center w-24 h-24 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105;
}

.control-btn i {
    @apply mb-2;
}

/* Animation for active process step */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(56, 182, 255, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(56, 182, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(56, 182, 255, 0); }
}

.bg-cyan-400 {
    animation: pulse 2s infinite;
}

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

::-webkit-scrollbar-track {
    background: #1e293b;
}

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

::-webkit-scrollbar-thumb:hover {
    background: #2563eb;
}