body {
            background-color: #f8fafc;
            color: #0f172a;
            line-height: 1.6;
        }

        /* Анімація підкреслення навігації */
        .nav-link {
            position: relative;
            padding-bottom: 4px;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 0;
            height: 2px;
            background-color: #f59e0b;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after {
            width: 100%;
        }

        /* Анімація появи при скролі */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Кнопки */
        .btn-primary {
            background-color: #f59e0b;
            color: #020617;
            border-radius: 4px;
            transition: background-color 300ms ease, transform 300ms ease;
            cursor: pointer;
        }
        .btn-primary:hover {
            background-color: #d97706;
        }
        
        .btn-outline {
            background-color: transparent;
            color: #0f172a;
            border: 1px solid #0f172a;
            border-radius: 4px;
            transition: all 300ms ease;
            cursor: pointer;
        }
        .btn-outline:hover {
            background-color: #0f172a;
            color: #ffffff;
        }

        /* Маркери карток */
        .tech-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 4px;
            background-color: #f59e0b;
            transition: width 0.4s ease;
        }
        .tech-card:hover::before {
            width: 100%;
        }
        
        /* Стиль для прихованих сторінок */
        .page-section {
            animation: fadeIn 0.5s ease-in-out;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }