/* Base Typography Setup */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300..0,800;1,300..1,800&display=swap');

:root {
    --primary-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    --accent-gradient: linear-gradient(90deg, #fbbf24 0%, #f97316 50%, #facc15 100%);
    --text-main: #1e293b;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--text-main);
    letter-spacing: -0.01em;
    background-color: #f8fafc; /* Clean solid background */
}

html {
    scroll-behavior: smooth;
}

/* ⚡ FIX 1: Heavy Backdrop Blur hataya, simple solid white navigation rakha */
.glass-header {
    background: #ffffff;
}

/* Gradient Text Styles */
.brand-text-gradient {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-text-gradient {
    background: var(--accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Hero Section */
.hero-cosmic-bg {
    background: linear-gradient(135deg, #1e1b4b 0%, #0f172a 100%);
    position: relative;
    overflow: hidden;
}

/* ⚡ FIX 2: Dynamic Blur Blobs hata diye kyunki background rendering ko slow karte hain */
.glow-blob-1, .glow-blob-2 {
    display: none;
}

/* ⚡ FIX 3: Hover animations ko optimize kiya (Sirf transform animate hoga, 'all' nahi) */
.course-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    transition: transform 0.2s ease-out; /* Super fast and lightweight */
}

.course-card:hover {
    transform: translateY(-4px);
}

.icon-box {
    transition: transform 0.2s ease-out;
}

/* Media Gallery Grid */
.gallery-card-item {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #f1f5f9;
    transition: transform 0.2s ease-out;
}

.gallery-card-item:hover {
    transform: translateY(-4px);
}

/* About Me Badges */
.badge-card {
    background: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 24px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}

/* Trust Image Support */
.dynamic-trust-img {
    mix-blend-mode: multiply;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}