@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
        
        body {
            font-family: 'Montserrat', sans-serif;
            background-color: #0a0f1e;
            color: #ffffff;
            overflow-x: hidden;
        }
        
        .gradient-bg {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
        }
        
        .tech-border {
            position: relative;
        }
        
        .tech-border::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 0.5rem;
            padding: 2px;
            background: linear-gradient(45deg, #00dc82, #36d1dc, #5b86e5);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
        }
        
        .glow-effect {
            box-shadow: 0 0 15px rgba(0, 220, 130, 0.5);
        }
        
        .feature-card:hover {
            transform: translateY(-5px);
            transition: all 0.3s ease;
        }
        
        .dev-card:hover {
            transform: scale(1.03);
            transition: all 0.3s ease;
        }
        
        .pulse-animation {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(0, 220, 130, 0.7);
            }
            70% {
                box-shadow: 0 0 0 10px rgba(0, 220, 130, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(0, 220, 130, 0);
            }
        }