/* Base Transitions & Reveal System */
body {
    transition: background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

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

/* Liquid Glass Refraction */
.glass-card {
    position: relative;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.dark .glass-card {
    background: rgba(10, 15, 26, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Industrial Button Refinement */
.btn-industrial {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-industrial:active {
    transform: scale(0.97) translateY(1px);
}

/* Metallic Card Hover */
.card-industrial {
    position: relative;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.card-industrial::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #b59a75;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.card-industrial:hover::before {
    transform: scaleY(1);
}

.card-industrial:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -15px rgba(0,0,0,0.1);
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f8fafc; }
.dark ::-webkit-scrollbar-track { background: #0a0f1a; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #b59a75; }

.reveal-delay-100 { transition-delay: 100ms; }
.reveal-delay-200 { transition-delay: 200ms; }
.reveal-delay-300 { transition-delay: 300ms; }
.reveal-delay-400 { transition-delay: 400ms; }

.lang-hidden { display: none !important; }

/* Blinking effect for 24/7 indicator */
@keyframes blink-opacity {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
.blink i {
    animation: blink-opacity 0.8s infinite;
}

/* Forged Mobile Menu System */
#mobile-menu {
    background-color: #050505 !important;
    display: flex !important;
}

#mobile-menu.hidden {
    display: none !important;
}

#mobile-menu .mobile-link {
    transition: all 0.8s cubic-bezier(0.32, 0.72, 0, 1);
}

#mobile-menu a {
    position: relative;
    overflow: hidden;
}

#mobile-menu a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #b59a75, transparent);
    transform: scaleX(0);
    transition: transform 0.6s cubic-bezier(0.32, 0.72, 0, 1);
}

#mobile-menu a:hover::after {
    transform: scaleX(1);
}

/* Custom Hamburger Dynamics */
#menu-line-1, #menu-line-2, #menu-line-3 {
    transition: all 0.6s cubic-bezier(0.32, 0.72, 0, 1);
}

.overflow-hidden {
    overflow: hidden !important;
}
