* {
    -webkit-tap-highlight-color: transparent;
}
body { 
    background: radial-gradient(circle at 20% 30%, #0a0a1a, #020108); 
    color: white; 
    font-family: 'Montserrat', sans-serif; 
    overflow-x: hidden; 
    font-size: 16px;
}
.glass { 
    background: rgba(255, 255, 255, 0.03); 
    backdrop-filter: blur(10px); 
    border: 1px solid rgba(255, 255, 255, 0.05); 
}
.glow-text { 
    text-shadow: 0 0 15px rgba(177, 156, 217, 0.6); 
}
.team-card { 
    transition: all 0.3s ease;
}
.team-card:active { 
    transform: scale(0.98); 
    border-color: rgba(177, 156, 217, 0.5); 
}
@media (hover: hover) {
    .team-card:hover { 
        transform: translateY(-8px); 
        border-color: rgba(177, 156, 217, 0.5); 
        box-shadow: 0 20px 40px rgba(0,0,0,0.3); 
    }
}
.floating { 
    animation: float 6s ease-in-out infinite; 
}
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}
.gradient-bg { 
    background: linear-gradient(135deg, rgba(177,156,217,0.1) 0%, rgba(177,156,217,0.02) 100%); 
}
.scroll-reveal { 
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.6s ease; 
}
.scroll-reveal.revealed { 
    opacity: 1; 
    transform: translateY(0); 
}
.logo-img { 
    filter: drop-shadow(0 0 15px rgba(177, 156, 217, 0.6)); 
}
.hero-logo {
    animation: float 4s ease-in-out infinite;
    transition: all 0.3s ease;
}
.hero-logo:active {
    transform: scale(1.05);
    filter: drop-shadow(0 0 25px rgba(177, 156, 217, 0.8));
}
@media (hover: hover) {
    .hero-logo:hover {
        transform: scale(1.05);
        filter: drop-shadow(0 0 25px rgba(177, 156, 217, 0.8));
    }
}
@media (max-width: 768px) {
    h1 { font-size: clamp(2rem, 10vw, 3.5rem); }
    h2 { font-size: clamp(1.5rem, 6vw, 2.5rem); }
    p { font-size: clamp(0.875rem, 3vw, 1rem); }
    .glass { padding: 1.25rem; }
    button, a { min-height: 44px; min-width: 44px; }
}