body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #0b0f19;
            color: #f3f4f6;
        }
        .glass-nav {
            background: rgba(11, 15, 25, 0.85);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }

        .logo img {
            width: 80px;
            height: 80px;
            object-fit: contain;
        }

        /* Project showcase — dot navigation */
        .project-dot {
            width: 7px;
            height: 7px;
            border-radius: 999px;
            background: #1f2937;
            border: none;
            padding: 0;
            cursor: pointer;
            transition: background 0.25s ease, width 0.25s ease;
        }
        .project-dot.active {
            background: #a855f7;
            width: 22px;
            border-radius: 4px;
        }

        /* FAQ accordion */
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            margin-top: 0;
            transition: max-height 0.35s ease, opacity 0.25s ease, margin-top 0.35s ease;
        }
        .faq-item.open .faq-answer {
            max-height: 240px;
            opacity: 1;
            margin-top: 12px;
        }
        .faq-question i.fa-chevron-down {
            transition: transform 0.3s ease;
        }
        .faq-item.open .faq-question i.fa-chevron-down {
            transform: rotate(180deg);
        }