body {
    font-family: 'Inter', sans-serif;
    background-color: #0c0a1d;
    color: #ffffff;
}

.header-scrolled {
    background-color: rgba(12, 10, 29, 0.8);
    backdrop-filter: blur(10px);
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.gradient-text {
    background: linear-gradient(90deg, #9333ea, #4f46e5, #ec4899);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

#mobile-menu {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

spline-viewer::part(logo) {
    display: none !important;
}

spline-viewer {
    --spline-logo-display: none;
}

spline-viewer [data-spline-logo],
spline-viewer .spline-logo,
spline-viewer svg[viewBox*="spline"],
spline-viewer a[href*="spline"],
spline-viewer div[style*="position: absolute"][style*="bottom"],
spline-viewer div[style*="position: fixed"][style*="bottom"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

spline-viewer * {
    --logo-display: none !important;
}