:root {
    --primary: #3a0ca3;
    --secondary: #7209b7;
    --accent: #f72585;
    --gold: #ffd700;
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.2);
    --shadow-light: 0 8px 32px rgba(0, 0, 0, 0.1);
    --shadow-dark: 0 8px 32px rgba(0, 0, 0, 0.3);
    --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    scroll-behavior: smooth;
    background-color: #f8f9fa;
    overflow-x: hidden;
}

/* Skip link for accessibility */
.skip-link {
    position: absolute;
    left: -999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.skip-link:focus {
    position: fixed;
    left: 1rem;
    top: 1rem;
    width: auto;
    height: auto;
    background: #111827;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    z-index: 10000;
}

.luxury-font {
    font-family: 'Playfair Display', serif;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Header & Contact Gradients */
.hero-gradient, .contact-gradient {
    position: relative;
    background: linear-gradient(-45deg, #3a0ca3, #7209b7, #f72585);
    background-size: 400% 400%;
    animation: gradient-animation 15s ease infinite;
}

@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

#particles-js-header, #particles-js-contact {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

/* Navigation */
.navbar-link::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--gold);
    transition: width 0.3s ease;
}

.navbar-link:hover::after {
    width: 100%;
}

/* Active nav state */
.navbar-link.active {
    color: var(--gold);
}

/* Section Headings */
.section-heading {
    font-size: 3rem;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    margin-bottom: 3rem;
    position: relative;
    display: inline-block;
}

.sub-heading {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    margin-bottom: 2.5rem;
    color: #333;
}

/* Buttons */
.btn-primary {
    display: inline-block;
    background: linear-gradient(to right, var(--primary), var(--accent));
    color: white;
    padding: 0.8rem 2.2rem;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(247, 37, 133, 0.4);
}

.btn-primary:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(247, 37, 133, 0.5);
}

.btn-secondary {
    display: inline-block;
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary);
    padding: 0.8rem 2.2rem;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-secondary:hover {
    transform: translateY(-4px);
    background: white;
}

.btn-disabled {
    display: inline-block;
    background: #ccc;
    color: #666;
    padding: 0.8rem 2.2rem;
    border-radius: 50px;
    font-weight: 600;
    cursor: not-allowed;
}

/* Card for Skills and Certifications */
.card {
    background: white;
    padding: 2rem;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 8px 30px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.1);
}

/* Skills Section */
.skill-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 1rem;
}
.sql-icon {
    filter: invert(39%) sepia(87%) saturate(601%) hue-rotate(175deg) brightness(97%) contrast(92%);
}

/* Projects Section */
.project-image-container img {
    transition: transform 0.4s ease;
}
.project-image-container:hover img {
    transform: scale(1.05);
}

/* Certifications Section */
.cert-card {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cert-icon {
    font-size: 2.5rem;
    color: white;
    background: linear-gradient(to right, var(--primary), var(--accent));
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    box-shadow: 0 5px 15px rgba(247, 37, 133, 0.4);
}

/* Contact Section */
.glass-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.contact-link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: color 0.3s ease;
}
.contact-link i {
    margin-right: 0.75rem;
    color: var(--gold);
}
.contact-link:hover {
    color: var(--gold);
}
.social-link {
    color: white;
    font-size: 1.5rem;
    transition: color 0.3s ease;
}
.social-link:hover {
    color: var(--gold);
}

/* Statistics Section */
.stat-card {
    padding: 2rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Services Section */
.service-card {
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid #e5e7eb;
}

.service-icon {
    width: 4rem;
    height: 4rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: white;
    font-size: 1.5rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.service-card:hover .service-icon {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Loading Screen */
.loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, #3a0ca3, #7209b7, #f72585);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease;
}

.loading-content {
    text-align: center;
    color: white;
}

.loading-spinner {
    width: 4rem;
    height: 4rem;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid white;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 2rem;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-text {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    font-family: 'Playfair Display', serif;
}

.loading-subtitle {
    font-size: 1.1rem;
    opacity: 0.8;
}

/* Dark/Light Mode Toggle */
.theme-toggle-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

.theme-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Enhanced Card Hover Effects */
.card, .service-card, .stat-card {
    transition: all 0.3s ease;
}

.card:hover, .service-card:hover, .stat-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* Dark Mode Styles */
[data-theme="dark"] {
    --bg-primary: #1a1a1a;
    --bg-secondary: #2d2d2d;
    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --border-color: #404040;
}

[data-theme="dark"] body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .card {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .service-card {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] section:not(.hero-gradient):not(.contact-gradient):not(#stats) {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] h2, [data-theme="dark"] h3 {
    color: var(--text-primary);
}

[data-theme="dark"] p {
    color: var(--text-secondary);
}

/* Mobile Menu Enhancements */
@media (max-width: 768px) {
    .navbar-link {
        font-size: 0.9rem;
        padding: 0.5rem;
    }

    .theme-toggle-btn {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
    }

    .stat-card {
        padding: 1.5rem;
    }

    .service-card {
        padding: 1.5rem;
    }
}

/* Scroll Animations Enhancement */
[data-aos] {
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Scroll Progress Indicator */
.scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--gradient-primary);
    transform-origin: left;
    z-index: 1000;
    transition: transform 0.1s ease;
}

/* Back to top button */
#back-to-top {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    width: 44px;
    height: 44px;
    border-radius: 9999px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    cursor: pointer;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 1000;
}
#back-to-top.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Performance optimizations */
img {
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    /* Disable particles and float effects when reduced motion */
    #particles-js-header, #particles-js-contact {
        display: none !important;
    }
    .float-animation { animation: none !important; }
}

/* Optimize for touch devices */
@media (hover: none) and (pointer: coarse) {
    .hover-lift:hover,
    .hover-glow:hover,
    .hover-scale:hover,
    .hover-rotate:hover {
        transform: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .glass-card {
        background: rgba(255, 255, 255, 0.95);
        border: 2px solid #000;
    }
}

/* Focus states for accessibility */
.btn-primary:focus,
.btn-secondary:focus,
.case-study-toggle:focus,
.theme-toggle-btn:focus {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
}

/* Loading states */
.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Critical CSS for above-the-fold content */
.hero-gradient {
    content-visibility: auto;
    contain: layout style paint;
}

/* Optimize animations */
* {
    animation-fill-mode: both;
}

/* Better text rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Case Study Styles */
.case-study-toggle {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.case-study-toggle:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.case-study-content {
    background: #f8f9fa;
    border-radius: 1rem;
    padding: 2rem;
    margin: 1rem 0;
    border-left: 4px solid;
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.case-study-section {
    margin-bottom: 1.5rem;
}

.case-study-section:last-child {
    margin-bottom: 0;
}

.case-study-section h4 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.case-study-section i {
    width: 20px;
    color: inherit;
}

.tech-stack {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.tech-badge {
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

/* Feedback Case Study */
#feedback-case-study {
    border-left-color: #4f46e5;
}

/* DigiMenu Case Study */
#digimenu-case-study {
    border-left-color: #059669;
}

/* Maharaja Case Study */
#maharaja-case-study {
    border-left-color: #7c3aed;
}

/* Glassmorphism Effects */
.glass-card {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 1rem;
    box-shadow: var(--shadow-light);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: var(--shadow-dark);
    border-color: rgba(255, 255, 255, 0.3);
}

/* Advanced Hover Effects */
.hover-lift {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hover-lift:hover {
    transform: translateY(-8px) rotateX(5deg);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.hover-glow {
    position: relative;
    overflow: hidden;
}

.hover-glow::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.hover-glow:hover::before {
    left: 100%;
}

.hover-scale {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hover-scale:hover {
    transform: scale(1.05);
}

.hover-rotate {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hover-rotate:hover {
    transform: rotate(5deg) scale(1.02);
}

/* Micro-interactions */
.btn-pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(102, 126, 234, 0); }
    100% { box-shadow: 0 0 0 0 rgba(102, 126, 234, 0); }
}

.btn-shine {
    position: relative;
    overflow: hidden;
}

.btn-shine::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.btn-shine:hover::before {
    left: 100%;
}

/* Floating Animation */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

.float-animation {
    animation: float 3s ease-in-out infinite;
}

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

/* Advanced Card Designs */
.modern-card {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 1rem;
    padding: 2rem;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.modern-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gradient-primary);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.modern-card:hover::before {
    transform: scaleX(1);
}

.modern-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-dark);
}

/* Scroll-triggered animations */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.fade-in-up.animate {
    opacity: 1;
    transform: translateY(0);
}

.slide-in-left {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-in-left.animate {
    opacity: 1;
    transform: translateX(0);
}

.slide-in-right {
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-in-right.animate {
    opacity: 1;
    transform: translateX(0);
}

/* Performance optimizations */
.will-change-transform {
    will-change: transform;
}

.will-change-opacity {
    will-change: opacity;
}

.gpu-accelerated {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Blue Loading Screen Variant */
.loading-screen {
  background: linear-gradient(135deg, #0ea5e9, #2563eb, #1e3a8a);
}

/* Ghost Loader */
#ghost { position: relative; scale: 0.8; }
#red { animation: upNDown infinite 0.5s; position: relative; width: 140px; height: 140px; display: grid; grid-template-columns: repeat(14, 1fr); grid-template-rows: repeat(14, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; grid-template-areas:
"a1  a2  a3  a4  a5  top0  top0  top0  top0  a10 a11 a12 a13 a14"
"b1  b2  b3  top1 top1 top1 top1 top1 top1 top1 top1 b12 b13 b14"
"c1 c2 top2 top2 top2 top2 top2 top2 top2 top2 top2 top2 c13 c14"
"d1 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 d14"
"e1 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 e14"
"f1 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 top3 f14"
"top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4"
"top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4"
"top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4"
"top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4"
"top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4"
"top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4 top4"
"st0 st0 an4 st1 an7 st2 an10 an10 st3 an13 st4 an16 st5 st5"
"an1 an2 an3 an5 an6 an8 an9 an9 an11 an12 an14 an15 an17 an18"; }

@keyframes upNDown { 0%,49%{ transform: translateY(0);} 50%,100%{ transform: translateY(-10px);} }

#top0,#top1,#top2,#top3,#top4,#st0,#st1,#st2,#st3,#st4,#st5{ background-color:#0ea5e9; }
#top0{ grid-area:top0;} #top1{ grid-area:top1;} #top2{ grid-area:top2;} #top3{ grid-area:top3;} #top4{ grid-area:top4;}
#st0{ grid-area:st0;} #st1{ grid-area:st1;} #st2{ grid-area:st2;} #st3{ grid-area:st3;} #st4{ grid-area:st4;} #st5{ grid-area:st5;}

#an1{ grid-area:an1; animation:flicker0 infinite 0.5s;} #an18{ grid-area:an18; animation:flicker0 infinite 0.5s;}
#an2{ grid-area:an2; animation:flicker1 infinite 0.5s;} #an17{ grid-area:an17; animation:flicker1 infinite 0.5s;}
#an3{ grid-area:an3; animation:flicker1 infinite 0.5s;} #an16{ grid-area:an16; animation:flicker1 infinite 0.5s;}
#an4{ grid-area:an4; animation:flicker1 infinite 0.5s;} #an15{ grid-area:an15; animation:flicker1 infinite 0.5s;}
#an6{ grid-area:an6; animation:flicker0 infinite 0.5s;} #an12{ grid-area:an12; animation:flicker0 infinite 0.5s;}
#an7{ grid-area:an7; animation:flicker0 infinite 0.5s;} #an13{ grid-area:an13; animation:flicker0 infinite 0.5s;}
#an9{ grid-area:an9; animation:flicker1 infinite 0.5s;} #an10{ grid-area:an10; animation:flicker1 infinite 0.5s;}
#an8{ grid-area:an8; animation:flicker0 infinite 0.5s;} #an11{ grid-area:an11; animation:flicker0 infinite 0.5s;}

@keyframes flicker0 { 0%,49%{ background-color:#2563eb;} 50%,100%{ background-color:transparent;} }
@keyframes flicker1 { 0%,49%{ background-color:transparent;} 50%,100%{ background-color:#2563eb;} }

#eye{ width:40px; height:50px; position:absolute; top:30px; left:10px; }
#eye::before{ content:""; background-color:white; width:20px; height:50px; transform: translateX(10px); display:block; position:absolute; }
#eye::after{ content:""; background-color:white; width:40px; height:30px; transform: translateY(10px); display:block; position:absolute; }
#eye1{ width:40px; height:50px; position:absolute; top:30px; right:30px; }
#eye1::before{ content:""; background-color:white; width:20px; height:50px; transform: translateX(10px); display:block; position:absolute; }
#eye1::after{ content:""; background-color:white; width:40px; height:30px; transform: translateY(10px); display:block; position:absolute; }
#pupil{ width:20px; height:20px; background-color:#0ea5e9; position:absolute; top:50px; left:10px; z-index:1; animation: eyesMovement infinite 3s; }
#pupil1{ width:20px; height:20px; background-color:#0ea5e9; position:absolute; top:50px; right:50px; z-index:1; animation: eyesMovement infinite 3s; }
@keyframes eyesMovement { 0%,49%{ transform: translateX(0);} 50%,99%{ transform: translateX(10px);} 100%{ transform: translateX(0);} }
#shadow{ background-color:black; width:140px; height:140px; position:absolute; border-radius:50%; transform: rotateX(80deg); filter: blur(20px); top:80%; animation: shadowMovement infinite 0.5s; }
@keyframes shadowMovement { 0%,49%{ opacity:0.5;} 50%,100%{ opacity:0.2;} }

/* Stats visibility adjustments */
#stats { background: linear-gradient(90deg, #0f172a, #1e293b, #0f172a); }
#stats .stat-number { color: #ffffff !important; -webkit-text-fill-color: #ffffff; background: none; }
#stats .stat-card { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.25); }