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

body {
    font-family: 'Poppins', sans-serif;
}

.action-card:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

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

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

::-webkit-scrollbar-track {
    background: #000;
}

::-webkit-scrollbar-thumb {
    background: #f97316;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ea580c;
}
/* Account and login page specific styles */
.account-section {
    transition: all 0.3s ease;
}

.account-section:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(249, 115, 22, 0.1);
}

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

.ticket-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(249, 115, 22, 0.1);
}

/* Login page specific styles */
.login-form input:focus {
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.2);
}

.login-form .social-login a:hover {
    border-color: #f97316;
    color: #f97316;
}

.login-form .divider {
    color: rgba(249, 115, 22, 0.5);
}

.login-form .divider::before,
.login-form .divider::after {
    border-color: rgba(249, 115, 22, 0.3);
}