@supports (-webkit-touch-callout: none) {
    .min-h-screen {
        min-height: -webkit-fill-available;
    }
}

@keyframes buttonGlow {
   0% { 
       border-color: white;
       box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
   }
   50% { 
       border-color: #f6ff00;
       box-shadow: 0 0 20px rgba(246, 255, 0, 0.4);
   }
   100% { 
       border-color: white;
       box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
   }
}

.nav-link {
    position: relative;
    padding: 1px 2px;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.2s ease;
}

.nav-link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.dropdown-menu {
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
    transform: translateY(5px);
    transition: all 0.2s ease;
}

.group:hover .dropdown-menu {
    transform: translateY(0);
}

.mobile-link {
    position: relative;
    width: fit-content;
}

.mobile-link::after {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.2s ease;
}

.mobile-link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.social-link {
   width: 36px;
   height: 36px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(255,255,255,0.05);
   border-radius: 50%;
   color: rgba(255,255,255,0.8);
   transition: all 0.2s ease;
}

.social-link:hover {
   background: rgba(255,255,255,0.1);
   color: white;
   transform: translateY(-1px);
}