/* Global Clean Up */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom Selection Color */
::selection {
    background-color: #2563eb;
    color: white;
}

/* Smooth Scrolling is already handled by html class="scroll-smooth" but ensuring anchor offsets */
html {
    scroll-padding-top: 100px;
}

/* Material Symbols Adjustments for perfect alignment */
.material-symbols-outlined {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 1;
}

/* Custom Glassmorphism Utilities if backdrop-filter fails */
@supports not (backdrop-filter: blur(12px)) {
    .glass-nav {
        background: rgba(255, 255, 255, 0.98);
    }
}

/* Animation Utilities */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}