:root {
    --glow: 43, 81%, 65%;
}

/* Logo Animation */
.animated-logo {
    width: 100%;
    height: 100%;
    /* filter: drop-shadow(0 0 8px hsla(var(--glow), .32)); */
}

/* Specific Path Animations */
.shield-path {
    stroke-dasharray: 2384.73;
    stroke-dashoffset: 2384.73;
    animation: drawPath 2.5s ease-out forwards;
    animation-delay: 0s;
}

.chevron-1 {
    stroke-dasharray: 490.812;
    stroke-dashoffset: 490.812;
    animation: drawPath 2.5s ease-out forwards;
    animation-delay: 0.8s;
}

.chevron-2 {
    stroke-dasharray: 490.812;
    stroke-dashoffset: 490.812;
    animation: drawPath 2.5s ease-out forwards;
    animation-delay: 1.2s;
}

.chevron-3 {
    stroke-dasharray: 490.812;
    stroke-dashoffset: 490.812;
    animation: drawPath 2.5s ease-out forwards;
    animation-delay: 1.6s;
}

.center-dot {
    stroke-dasharray: 124.854;
    stroke-dashoffset: 124.854;
    opacity: 0;
    animation: fadeIn 0.5s ease-out forwards;
    animation-delay: 2.2s;
}

.fill-grow {
    stroke-dasharray: 2648;
    stroke-dashoffset: 2648;
    opacity: 0;
    animation: fadeInFill 0.5s ease-out forwards;
    animation-delay: 2.5s;
}

/* Keyframes */
@keyframes drawPath {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes fadeInFill {
    to {
        opacity: 0.08;
    }
}

/* Hover Effects */
.logo-wrapper:hover .logo-group {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.file\:border-0::file-selector-button {
    border-width: 0px;
}

.file\:bg-transparent::file-selector-button {
    background-color: transparent;
}

/* Header sticky effect */
#main-header.scrolled {
    background-color: #1c1c1cf2 !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

#main-header a {
    text-decoration: none !important;
}

/* Remove underlines from mobile menu links and button */
#mobile-menu a,
#mobile-menu a:link,
#mobile-menu a:visited,
#mobile-menu a:hover,
#mobile-menu a:focus,
#mobile-menu a:active {
    text-decoration: none !important;
    border-bottom: none !important;
    text-decoration-line: none !important;
    text-underline-offset: 0 !important;
    text-underline-position: unset !important;
}

/* Remove underline from mobile menu CTA button specifically */
#mobile-menu a.inline-flex,
#mobile-menu a.inline-flex:hover,
#mobile-menu a.inline-flex:focus,
#mobile-menu a.inline-flex:active {
    text-decoration: none !important;
    border-bottom: none !important;
    text-decoration-line: none !important;
}

/* Mobile menu transform */
#mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

#mobile-menu.open {
    transform: translateX(0);
}

#mobile-menu-toggle {
    background: transparent !important;
    border: none !important;
    padding: 0;
    text-decoration: none !important;
}

#mobile-menu-toggle .icon-close {
    display: none;
}

#mobile-menu-toggle.active .icon-menu {
    display: none;
}

#mobile-menu-toggle.active .icon-close {
    display: block;
}