body.page-about,
body.page-contact,
body.page-privacy,
body.page-terms {
    background: #f8fafc;
}

.page-about main > section:first-of-type,
.page-contact main > section:first-of-type,
.page-privacy main > section:first-of-type,
.page-terms main > section:first-of-type {
    padding-top: 4.5rem;
    padding-bottom: 4rem;
}

.page-about main > div.bg-white,
.page-contact main > div.bg-white,
.page-privacy main > div.bg-white,
.page-terms main > div.bg-white {
    background: transparent;
    padding-top: 4rem;
    padding-bottom: 4.5rem;
}

.page-about main .bg-gradient-to-br,
.page-about main .bg-gray-50,
.page-contact main .bg-gradient-to-br,
.page-contact main .bg-gray-50,
.page-privacy main .bg-gray-50,
.page-terms main .bg-gray-50,
.page-privacy main .bg-blue-50,
.page-terms main .bg-blue-50,
.page-privacy main .bg-yellow-50,
.page-terms main .bg-yellow-50,
.page-terms main .bg-red-50,
.page-contact form,
.page-contact main .bg-purple-50 {
    border: 1px solid #e2e8f0;
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
}

.page-about main .border-l-4,
.page-privacy main .border-l-4,
.page-terms main .border-l-4 {
    border-radius: 1rem;
}

.page-contact input,
.page-contact select,
.page-contact textarea {
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.page-about main > section:first-of-type h1,
.page-contact main > section:first-of-type h1,
.page-privacy main > section:first-of-type h1,
.page-terms main > section:first-of-type h1 {
    letter-spacing: -0.04em;
}

.page-about .container > section,
.page-contact .container > section,
.page-privacy .container > section,
.page-terms .container > section {
    scroll-margin-top: 6rem;
}

.page-about .grid.md\:grid-cols-3 > div,
.page-about .grid.md\:grid-cols-2 > div,
.page-contact .grid.md\:grid-cols-2 > div,
.page-privacy .grid.md\:grid-cols-2 > div,
.page-terms .grid.md\:grid-cols-3 > div {
    border-radius: 1.5rem;
}

.page-contact .grid.md\:grid-cols-2 > div:first-child > .space-y-6 > div,
.page-contact .grid.md\:grid-cols-2 > div:first-child .mt-8,
.page-contact .grid.md\:grid-cols-2 > div:last-child > div,
.page-privacy .bg-gray-50.rounded-xl,
.page-terms .bg-gray-50.rounded-xl,
.page-privacy .bg-gradient-to-br.from-purple-50.to-blue-50,
.page-terms .bg-gradient-to-br.from-purple-50.to-blue-50,
.page-privacy .bg-gray-900,
.page-terms .bg-yellow-50,
.page-terms .bg-red-50,
.page-terms .bg-purple-50 {
    border: 1px solid #e2e8f0;
    border-radius: 1.5rem;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
}

.page-contact .grid.md\:grid-cols-2 > div:first-child > .space-y-6 > div {
    padding: 1.25rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.page-contact .grid.md\:grid-cols-2 > div:first-child > .space-y-6 > div:hover,
.page-contact .grid.md\:grid-cols-2 > div:last-child > div:hover {
    transform: translateY(-2px);
}

.page-contact .grid.md\:grid-cols-2 > div:last-child > div,
.page-contact .mt-16 .grid.md\:grid-cols-2 > div,
.page-about .grid.md\:grid-cols-3 > div,
.page-about .grid.md\:grid-cols-2 > div {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.page-contact .mt-16 .grid.md\:grid-cols-2 > div,
.page-about .grid.md\:grid-cols-3 > div,
.page-about .grid.md\:grid-cols-2 > div,
.page-privacy .grid.md\:grid-cols-2 > div,
.page-terms .grid.md\:grid-cols-3 > div {
    border: 1px solid #e2e8f0;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
}

.page-contact .mt-16 .grid.md\:grid-cols-2 > div,
.page-contact .grid.md\:grid-cols-2 > div:last-child > div {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.page-contact .mt-16 .grid.md\:grid-cols-2 > div h3,
.page-privacy h2,
.page-terms h2 {
    letter-spacing: -0.02em;
}

.page-contact .mt-16 .grid.md\:grid-cols-2 > div {
    position: relative;
    overflow: hidden;
}

.page-contact .mt-16 .grid.md\:grid-cols-2 > div::before {
    content: '';
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #8b5cf6, #ec4899);
}

.page-privacy .bg-blue-50.border-l-4,
.page-terms .bg-blue-50.border-l-4,
.page-privacy .bg-yellow-50.border-l-4,
.page-terms .bg-red-50.border-l-4,
.page-terms .bg-purple-50.border-l-4 {
    border-left-width: 5px;
    padding: 1.5rem;
}

.page-privacy .space-y-4 > div,
.page-terms .space-y-3 > div {
    border-radius: 1rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 0.9rem 1rem;
}

.page-contact .mt-16 .grid.md\:grid-cols-2 > div p,
.page-privacy p,
.page-terms p,
.page-privacy li,
.page-terms li {
    line-height: 1.75;
}

.page-contact .mt-16 .grid.md\:grid-cols-2 > div h3 {
    margin-top: 0.35rem;
}

@media (max-width: 768px) {
    .page-about main > section:first-of-type,
    .page-contact main > section:first-of-type,
    .page-privacy main > section:first-of-type,
    .page-terms main > section:first-of-type {
        padding-top: 3.5rem;
        padding-bottom: 3rem;
    }

    .page-about main > div.bg-white,
    .page-contact main > div.bg-white,
    .page-privacy main > div.bg-white,
    .page-terms main > div.bg-white {
        padding-top: 3rem;
        padding-bottom: 3.5rem;
    }

    .page-contact .grid.md\:grid-cols-2 > div:first-child > .space-y-6 > div,
    .page-contact .grid.md\:grid-cols-2 > div:last-child > div,
    .page-contact .mt-16 .grid.md\:grid-cols-2 > div,
    .page-privacy .bg-gray-50.rounded-xl,
    .page-terms .bg-gray-50.rounded-xl {
        border-radius: 1.25rem;
    }
}