/* Footer */
        .footer {
            background: linear-gradient(180deg, #0a0a0f 0%, #000000 100%);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: 3rem;
            padding: 3rem 0;
        }
        
        .footer-brand {
            text-align: left;
        }
        
        .footer-logo {
            margin-bottom: 1rem;
            filter: brightness(0) invert(1);
        }
        
        .footer-brand p {
            color: #b0b0b0;
            font-size: 1rem;
        }
        
        .footer-links {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
        }
        
        .footer-column h4 {
            color: #00ffff;
            font-size: 1.2rem;
            margin-bottom: 1rem;
            text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
        }
        
        .footer-column ul {
            list-style: none;
        }
        
        .footer-column li {
            margin-bottom: 0.5rem;
        }
        
        .footer-column a {
            color: #b0b0b0;
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .footer-column a::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, #00ffff, #ff00ff);
            transition: width 0.3s ease;
        }
        
        .footer-column a:hover::after {
            width: 100%;
        }
        
        .footer-column a:hover {
            color: #00ffff;
        }
        
        .footer-bottom {
            text-align: center;
            padding: 1.5rem 0;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: #666;
        }
        
        /* Responsive Design */
        @media (max-width: 900px) {
            .hero-title { font-size: 3.5rem; }
            .section-title { font-size: 3rem; }
            .cta-title { font-size: 3rem; }
            .services-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
            .portfolio-grid { 
                gap: 1.5rem;
            }
            .footer-content { grid-template-columns: 1fr; text-align: center; }
            .footer-links { grid-template-columns: 1fr; }
        }