/* --- Optimized Styling --- */
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}

pre, code { font-family: 'Fira Code', monospace; }

/* Bento Grid Optimization */
.glass-bento {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
    border-radius: 2.5rem;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.glass-bento:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(34, 211, 238, 0.3);
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

/* Morphing Animation */
.morph-img {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    animation: morph 8s ease-in-out infinite;
}

@keyframes morph {
    0%, 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
    50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
}

/* Hero Text Animation */
.word {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease-out;
}

.word.visible {
    opacity: 1;
    transform: translateY(0);
}

.highlight {
    color: #22d3ee;
    font-weight: 900;
}

/* Cursor Blink */
.cursor-blink {
    animation: blink 1s step-end infinite;
    color: #22d3ee;
    font-weight: bold;
}

@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

/* Mobile Menu Slide */
#mobile-menu.active {
    transform: translateX(0);
}