@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
        * {
            font-family: 'Noto Sans SC', sans-serif;
        }
        .flink {
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
        }
        .flink:hover {
            border-left-color: #1a56db;
            transform: translateX(5px);
        }
        .service-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }
        .portfolio-item {
            overflow: hidden;
            position: relative;
        }
        .portfolio-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(26, 86, 219, 0.9);
            opacity: 0;
            transition: opacity 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .portfolio-item:hover .portfolio-overlay {
            opacity: 1;
        }
        .mobile-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease;
        }
        .mobile-menu.active {
            max-height: 1000px;
        }