/* Custom styles for uVPN - supplements Tailwind */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0A0A0F;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Purple glow effect */
.glow-purple {
    box-shadow: 0 0 20px rgba(191, 0, 255, 0.3);
}

/* Card hover effect */
.card-hover {
    transition: transform 0.2s, box-shadow 0.2s;
}
.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(191, 0, 255, 0.15);
}

/* Loading spinner */
.spinner {
    border: 3px solid rgba(191, 0, 255, 0.2);
    border-top-color: #BF00FF;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 0.8s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}