:root {
            --dark: #111719;
            --rose: #bd7777;
            --rose-dark: #8d454f;
            --text: #657078;
        }

        * {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            font-family: 'DM Sans', sans-serif;
            background: #fffdfa;
            color: #17252a;
        }

        a {
            text-decoration: none;
        }

        .terms-hero {
            position: relative;
            overflow: hidden;
            background: linear-gradient(110deg, #fffaf7 0%, #fae9e7 55%, #f2cecb 100%);
        }

        .hero-image {
            position: absolute;
            top: 0;
            right: 0;
            width: 46%;
            height: 100%;
            background: url('https://images.unsplash.com/photo-1616394584738-fc6e612e71b9?auto=format&fit=crop&w=1200&q=85') center/cover;
            clip-path: ellipse(80% 100% at 80% 50%);
        }

        .hero-content {
            position: relative;
            z-index: 2;
            padding: 55px 0 35px;
        }

        .hero-label {
            color: var(--rose-dark);
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 3px;
            text-transform: uppercase;
        }

        .terms-hero h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(36px, 5vw, 56px);
            font-weight: 600;
            line-height: 1.2;
            margin: 15px 0;
        }

        .terms-hero h1 span {
            color: var(--rose-dark);
        }

        .hero-description {
            max-width: 470px;
            color: #59646c;
            font-size: 15px;
            line-height: 1.8;
        }

        .breadcrumb {
            margin: 20px 0 0;
            font-size: 13px;
        }

        .breadcrumb a {
            color: #343d42;
        }

        .breadcrumb-item.active {
            color: var(--rose-dark);
        }

        .terms-section {
            padding: 25px 0;
        }

        .terms-item {
            display: grid;
            grid-template-columns: 65px minmax(0, 1fr);
            align-items: start;
            gap: 22px;
            padding: 22px 18px;
            margin-bottom: 12px;
            border-radius: 15px;
            transition: .3s ease;
        }

        .terms-item:nth-child(odd) {
            background: linear-gradient(100deg, #fff 0%, #fff5f3 100%);
        }

        .terms-item:hover {
            transform: translateY(-2px);
        }

        .terms-icon {
            width: 65px;
            height: 65px;
            border-radius: 50%;
            background: #fde8e5;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #963e48;
            font-size: 25px;
        }

        .terms-content h2 {
            font-family: 'Playfair Display', serif;
            font-size: 21px;
            margin: 0 0 8px;
        }

        .terms-content p {
            color: var(--text);
            font-size: 14px;
            line-height: 1.85;
            margin: 0;
        }

        .terms-content a {
            color: var(--rose-dark);
            font-weight: 600;
        }

        @media (max-width: 991px) {
            .hero-image {
                width: 50%;
                opacity: .3;
            }

            .hero-content {
                padding: 45px 0 30px;
            }
        }

        @media (max-width: 575px) {
            .terms-hero h1 {
                font-size: 37px;
            }

            .hero-image {
                width: 100%;
                opacity: .13;
                clip-path: none;
            }

            .hero-content {
                padding: 38px 0 28px;
            }

            .hero-description {
                font-size: 14px;
            }

            .terms-section {
                padding: 15px 0;
            }

            .terms-item {
                grid-template-columns: 47px minmax(0, 1fr);
                gap: 13px;
                padding: 18px 5px;
            }

            .terms-icon {
                width: 47px;
                height: 47px;
                font-size: 19px;
            }

            .terms-content h2 {
                font-size: 18px;
            }

            .terms-content p {
                font-size: 13px;
            }
        }