/* Header Brand Animations */
@keyframes blurInFromTop {
    0% { filter: blur(10px); opacity: 0; transform: translateY(-20px); }
    100% { filter: blur(0px); opacity: 1; transform: translateY(0); }
}

.animated-kalum-brand { display: inline-flex; }

.animated-kalum-brand .letter {
    display: inline-block; opacity: 0;
    animation: blurInFromTop 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    will-change: transform, filter, opacity;
}

#signInBtn { font-size: clamp(0.75rem, 3vw, 0.875rem); white-space: nowrap; }

/* Hamburger Button Styling */
.hamburger-menu-btn {
    background: none; border: none; cursor: pointer; padding: 0.5rem;
    display: flex; flex-direction: column; justify-content: space-around;
    width: 40px; height: 40px; transition: transform 0.3s ease; border-radius: 0.5rem;
}

.hamburger-menu-btn:hover { background-color: rgba(255, 255, 255, 0.1); }

.hamburger-menu-btn .line {
    width: 24px; height: 3px; background-color: #fff; border-radius: 2px;
    transition: all 0.3s ease; margin: 2px 0;
}