* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Quicksand', sans-serif;
            background: #f5edf5;
            color: #4a3a4a;
            line-height: 1.5;
            overflow-x: hidden;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 1;
        }

        /* ============================================================
           ЯРКИЙ НЕЖНО-ФИОЛЕТОВЫЙ ВЯЗАНЫЙ ПАТТЕРН
           ============================================================ */
        .knit-pattern {
            position: relative;
            min-height: 100vh;
        }

        .knit-pattern::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 0;
            background-image:
                /* "цветочные мотивы" — более яркие */
                radial-gradient(circle at 15% 20%, rgba(200, 150, 215, 0.25) 0%, transparent 28px),
                radial-gradient(circle at 45% 55%, rgba(200, 150, 215, 0.20) 0%, transparent 28px),
                radial-gradient(circle at 75% 30%, rgba(200, 150, 215, 0.22) 0%, transparent 28px),
                radial-gradient(circle at 90% 70%, rgba(200, 150, 215, 0.18) 0%, transparent 28px),
                radial-gradient(circle at 25% 80%, rgba(200, 150, 215, 0.20) 0%, transparent 28px),
                radial-gradient(circle at 60% 10%, rgba(200, 150, 215, 0.16) 0%, transparent 28px),
                radial-gradient(circle at 5% 50%, rgba(200, 150, 215, 0.15) 0%, transparent 28px),
                /* "лепестки" — ярче */
                radial-gradient(circle at 12% 18%, rgba(195, 140, 210, 0.18) 0%, transparent 14px),
                radial-gradient(circle at 18% 22%, rgba(195, 140, 210, 0.18) 0%, transparent 14px),
                radial-gradient(circle at 42% 53%, rgba(195, 140, 210, 0.15) 0%, transparent 14px),
                radial-gradient(circle at 48% 57%, rgba(195, 140, 210, 0.15) 0%, transparent 14px),
                radial-gradient(circle at 72% 28%, rgba(195, 140, 210, 0.18) 0%, transparent 14px),
                radial-gradient(circle at 78% 32%, rgba(195, 140, 210, 0.18) 0%, transparent 14px),
                /* "воздушные петли" — заметнее */
                repeating-linear-gradient(30deg,
                    transparent 0px,
                    transparent 25px,
                    rgba(190, 135, 205, 0.10) 25px,
                    rgba(190, 135, 205, 0.04) 26px,
                    transparent 26px,
                    transparent 51px
                ),
                repeating-linear-gradient(-30deg,
                    transparent 0px,
                    transparent 25px,
                    rgba(190, 135, 205, 0.10) 25px,
                    rgba(190, 135, 205, 0.04) 26px,
                    transparent 26px,
                    transparent 51px
                ),
                /* яркий фон */
                radial-gradient(ellipse at 30% 20%, #f8eef8 0%, #f0e4f0 40%, #e8d8e8 70%, #e0d0e5 100%);
            background-size:
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                52px 52px,
                52px 52px,
                100% 100%;
        }

        /* Дополнительный слой — "ажурные веера" ярче */
        .knit-pattern::after {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 0;
            background-image:
                /* "веерки" из столбиков — ярче */
                radial-gradient(circle at 10% 30%, rgba(200, 150, 215, 0.12) 0%, transparent 18px),
                radial-gradient(circle at 30% 60%, rgba(200, 150, 215, 0.10) 0%, transparent 18px),
                radial-gradient(circle at 55% 20%, rgba(200, 150, 215, 0.12) 0%, transparent 18px),
                radial-gradient(circle at 70% 75%, rgba(200, 150, 215, 0.10) 0%, transparent 18px),
                radial-gradient(circle at 90% 40%, rgba(200, 150, 215, 0.12) 0%, transparent 18px),
                radial-gradient(circle at 45% 90%, rgba(200, 150, 215, 0.10) 0%, transparent 18px),
                /* "пико" — маленькие петельки ярче */
                radial-gradient(circle at 20% 15%, rgba(195, 140, 210, 0.14) 0%, transparent 6px),
                radial-gradient(circle at 60% 45%, rgba(195, 140, 210, 0.14) 0%, transparent 6px),
                radial-gradient(circle at 80% 80%, rgba(195, 140, 210, 0.14) 0%, transparent 6px),
                radial-gradient(circle at 40% 35%, rgba(195, 140, 210, 0.12) 0%, transparent 6px),
                radial-gradient(circle at 10% 70%, rgba(195, 140, 210, 0.12) 0%, transparent 6px),
                radial-gradient(circle at 50% 60%, rgba(195, 140, 210, 0.12) 0%, transparent 6px),
                /* волнистые линии — "косички" */
                repeating-linear-gradient(0deg,
                    transparent 0px,
                    transparent 30px,
                    rgba(185, 130, 200, 0.06) 30px,
                    rgba(185, 130, 200, 0.03) 31px,
                    transparent 31px,
                    transparent 61px
                ),
                repeating-linear-gradient(90deg,
                    transparent 0px,
                    transparent 30px,
                    rgba(185, 130, 200, 0.06) 30px,
                    rgba(185, 130, 200, 0.03) 31px,
                    transparent 31px,
                    transparent 61px
                );
            background-size:
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 100%,
                100% 62px,
                62px 100%;
        }

        /* ---- секции поверх паттерна ---- */
        .section {
            padding: 60px 0;
            border-bottom: 1px solid rgba(180, 150, 195, 0.12);
            position: relative;
            z-index: 1;
        }

        .section:last-of-type {
            border-bottom: none;
        }

        .section {
            background: rgba(248, 238, 248, 0.72);
            backdrop-filter: blur(2px);
        }

        .section:nth-child(even) {
            background: rgba(248, 238, 248, 0.62);
        }

        /* современные заголовки */
        h2 {
            font-family: 'Playfair Display', serif;
            font-weight: 400;
            font-size: 2.4rem;
            letter-spacing: 1px;
            color: #8a6a8a;
            margin-bottom: 40px;
            position: relative;
            display: inline-block;
        }
        h2::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -10px;
            width: 60%;
            height: 2px;
            background: linear-gradient(90deg, #c9b0d4, #e8d4e8);
        }

        h3 {
            font-family: 'Playfair Display', serif;
            font-weight: 400;
            font-size: 1.6rem;
            color: #8a6a8a;
            margin-bottom: 12px;
        }