/* Custom Styles for Bachdesign */

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glass-card {
    background: rgba(22, 22, 26, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.glow-hover {
    position: relative;
    z-index: 1;
}

.glow-hover::before {
    content: '';
    position: absolute;
    inset: -1px;
    background: linear-gradient(135deg, #00F0FF, #8A2BE2);
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.glow-hover:hover::before {
    opacity: 0.5;
    filter: blur(8px);
}

/* Intersection Observer Animations */
.reveal-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-up.active {
    opacity: 1;
    transform: translateY(0);
}

/* Bento Grid Optimization */
.bento-grid > div {
    will-change: transform, border-color;
}