/* DEMEN STUDIO CUSTOM STYLE 2026 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap');

body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    transition: background-color 0.3s ease, color 0.3s ease; 
}

.glass { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }

.text-gradient { 
    background: linear-gradient(to right, #3b82f6, #10b981); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}

/* Card Styling */
.card-tool { 
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
    cursor: pointer; 
    border: 1px solid rgba(255,255,255,0.05); 
}

.card-tool:hover { 
    transform: translateY(-12px); 
    border-color: rgba(59, 130, 246, 0.5); 
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.dark .card-tool:hover { 
    background: rgba(30, 41, 59, 0.8); 
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

/* Mobile Menu */
#mobile-menu { 
    transition: all 0.3s ease-in-out; 
    max-height: 0; 
    opacity: 0; 
    overflow: hidden; 
}

#mobile-menu.open { 
    max-height: 600px; 
    opacity: 1; 
    padding: 1.5rem; 
}