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

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Ambient glow blobs */
.glow-blob-1 {
    position: fixed;
    top: -10%;
    left: 20%;
    width: 450px;
    height: 450px;
    background: radial-gradient(circle, rgba(147, 51, 234, 0.25) 0%, rgba(79, 70, 229, 0.05) 70%, transparent 100%);
    filter: blur(60px);
    pointer-events: none;
    z-index: 0;
}

.glow-blob-2 {
    position: fixed;
    bottom: -10%;
    right: 15%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(236, 72, 153, 0.2) 0%, rgba(59, 130, 246, 0.05) 70%, transparent 100%);
    filter: blur(70px);
    pointer-events: none;
    z-index: 0;
}

/* Shimmer Progress animation */
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.animate-shimmer {
    background: linear-gradient(90deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);
    background-size: 200% 100%;
    animation: shimmer 2s infinite linear;
}

/* Custom scrollbars */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: rgba(30, 41, 59, 0.5);
    border-radius: 6px;
}
::-webkit-scrollbar-thumb {
    background: rgba(139, 92, 246, 0.5);
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(168, 85, 247, 0.8);
}

/* Fix browser native select option contrast in dark & light mode */
.dark select,
.dark select option {
    background-color: #0f172a !important;
    color: #f8fafc !important;
}

html:not(.dark) select,
html:not(.dark) select option {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

select option:checked,
select option:hover {
    background-color: #6366f1 !important;
    color: #ffffff !important;
}