body {
}

.ttpv-btn-gradient {
    background: linear-gradient(166deg, #f22876 0%, #942dd9 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0.872px 5px 12px 0 rgba(12, 78, 165, 0.22);
}

.ttpv-btn-gradient:hover,
.ttpv-btn-gradient:focus {
    color: #fff !important;
}

.ttpv-banner-gradient {
    background: linear-gradient(166deg, #f22876 0%, #942dd9 100%) !important;
}

.ttpv-btn-sm {
    font-size: 13px;
    padding: 8px 18px !important;
}


.ttpv-text-purple {
    color: #c42aa8 !important;
}

/* Gioi thieu - Thien Thanh Phat Vien */
.ttpv-about-hero {
    padding: 110px 0 95px;
    background:
        radial-gradient(circle at 15% 20%, rgba(255, 213, 79, 0.30), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(196, 42, 168, 0.16), transparent 26%),
        linear-gradient(135deg, #fffaf0 0%, #fff5dc 48%, #fff9ef 100%);
}

.ttpv-about-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(148, 45, 217, 0.28), transparent);
}

.ttpv-about-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
    pointer-events: none;
    animation: ttpvAboutFloat 8s ease-in-out infinite;
}

.ttpv-about-orb--one {
    width: 220px;
    height: 220px;
    top: -70px;
    right: 10%;
    background: rgba(255, 202, 40, 0.16);
}

.ttpv-about-orb--two {
    width: 150px;
    height: 150px;
    left: 4%;
    bottom: -55px;
    background: rgba(196, 42, 168, 0.10);
    animation-delay: -3s;
}

.ttpv-about-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    color: #9b2e9d;
    background: rgba(196, 42, 168, 0.08);
    border: 1px solid rgba(196, 42, 168, 0.14);
}

.ttpv-about-title {
    margin: 22px 0 24px;
    font-size: clamp(36px, 5vw, 64px);
    line-height: 1.08;
    font-weight: 800;
    color: #17131a;
}

.ttpv-about-lead,
.ttpv-about-card p,
.ttpv-about-feature p,
.ttpv-about-callout p,
.ttpv-about-person p,
.ttpv-about-elder p,
.ttpv-about-prose p,
.ttpv-about-final-card p,
.ttpv-about-mission p {
    margin: 0;
    font-size: 17px;
    line-height: 1.9;
    color: #514a55;
}

.ttpv-about-symbol {
    position: relative;
    width: min(390px, 88vw);
    aspect-ratio: 1;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ttpv-about-symbol__halo {
    position: absolute;
    inset: 2%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 205, 58, 0.28) 0%, rgba(255, 205, 58, 0.10) 45%, transparent 70%);
    animation: ttpvAboutPulse 4s ease-in-out infinite;
}

.ttpv-about-symbol__inner {
    position: relative;
    z-index: 2;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 105px;
    color: #b32ca7;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(255, 193, 7, .35);
    box-shadow: 0 25px 65px rgba(118, 72, 0, .14), inset 0 0 35px rgba(255, 204, 51, .12);
}

.ttpv-about-symbol__caption {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    width: max-content;
    max-width: 92%;
    padding: 10px 18px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(60, 38, 7, .12);
    font-weight: 700;
    color: #5d3d16;
}

.ttpv-about-section {
    padding: 95px 0;
    background: #fffdf8;
}

.ttpv-about-section--soft {
    background:
        linear-gradient(180deg, rgba(255, 248, 228, .72), rgba(255,255,255,.95));
}

.ttpv-about-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ttpv-about-card {
    position: relative;
    overflow: hidden;
    padding: 34px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(133, 89, 20, .10);
    box-shadow: 0 18px 50px rgba(79, 57, 16, .08);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.ttpv-about-card::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: rgba(255, 205, 58, .11);
}

.ttpv-about-card:hover,
.ttpv-about-feature:hover,
.ttpv-about-person:hover,
.ttpv-about-final-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 25px 65px rgba(83, 53, 11, .13);
    border-color: rgba(196, 42, 168, .22);
}

.ttpv-about-card--wide {
    grid-column: 1 / -1;
}

.ttpv-about-card__icon,
.ttpv-about-final-card__icon {
    width: 54px;
    height: 54px;
    margin-bottom: 22px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    color: #fff;
    background: linear-gradient(145deg, #f0b323, #b52aaa);
    box-shadow: 0 10px 28px rgba(181, 42, 170, .18);
}

.ttpv-about-feature {
    padding: 32px;
    border-radius: 24px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(184, 128, 22, .12);
    box-shadow: 0 18px 46px rgba(83, 58, 13, .07);
    transition: transform .35s ease, box-shadow .35s ease;
}

.ttpv-about-feature__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.ttpv-about-feature__head i {
    font-size: 32px;
    color: #b72eab;
}

.ttpv-about-feature__number {
    font-size: 14px;
    font-weight: 800;
    color: #a27523;
    letter-spacing: .12em;
}

.ttpv-about-callout,
.ttpv-about-elder,
.ttpv-about-mission {
    position: relative;
    margin-top: 34px;
    padding: 36px 38px;
    border-radius: 28px;
    color: #fff;
    background: linear-gradient(135deg, #6e207e 0%, #a028a1 48%, #d59724 100%);
    box-shadow: 0 24px 65px rgba(96, 31, 105, .22);
    overflow: hidden;
}

.ttpv-about-callout::after,
.ttpv-about-elder::after,
.ttpv-about-mission::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -70px;
    top: -70px;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
}

.ttpv-about-callout p,
.ttpv-about-elder p,
.ttpv-about-mission p {
    position: relative;
    z-index: 2;
    color: #fff;
}

.ttpv-about-callout__icon,
.ttpv-about-elder__icon,
.ttpv-about-mission__mark {
    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    margin-bottom: 20px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 29px;
    color: #6f237c;
    background: rgba(255,255,255,.94);
}

.ttpv-about-heading {
    margin-top: 16px;
    color: #241b26;
    font-weight: 800;
}

.ttpv-about-person {
    padding: 34px 28px;
    border-radius: 26px;
    background: linear-gradient(180deg, #fff, #fffaf0);
    border: 1px solid rgba(180, 124, 15, .14);
    box-shadow: 0 18px 46px rgba(85, 58, 13, .08);
    text-align: center;
    transition: transform .35s ease, box-shadow .35s ease;
}

.ttpv-about-person__icon {
    width: 82px;
    height: 82px;
    margin: 0 auto 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px;
    color: #a7289d;
    background: radial-gradient(circle, #fff 35%, #fff0bd 100%);
    border: 1px solid rgba(220, 169, 39, .22);
    box-shadow: 0 12px 32px rgba(157, 107, 10, .12);
}

.ttpv-about-person h3 {
    margin-bottom: 14px;
    font-size: 21px;
    font-weight: 800;
    color: #2b202d;
}

.ttpv-about-study-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 14px;
    margin: 28px 0;
}

.ttpv-about-study {
    min-height: 130px;
    padding: 20px 12px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(166, 110, 15, .12);
    box-shadow: 0 12px 34px rgba(81, 54, 12, .07);
    transition: transform .3s ease, box-shadow .3s ease;
}

.ttpv-about-study:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 18px 42px rgba(81, 54, 12, .11);
}

.ttpv-about-study i {
    font-size: 32px;
    color: #b52aaa;
}

.ttpv-about-study span {
    font-size: 14px;
    font-weight: 800;
    color: #403343;
}

.ttpv-about-prose {
    padding: 30px 34px;
    border-left: 4px solid #c12bad;
    border-radius: 0 20px 20px 0;
    background: rgba(255,255,255,.82);
}

.ttpv-about-final-card {
    padding: 34px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid rgba(155, 105, 19, .12);
    box-shadow: 0 18px 46px rgba(82, 55, 15, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.ttpv-about-closing {
    margin-top: 36px;
    padding: 28px 32px;
    border-radius: 24px;
    display: flex;
    gap: 18px;
    align-items: center;
    background: linear-gradient(135deg, #fff5cc, #fff, #f8eaff);
    border: 1px solid rgba(196, 42, 168, .14);
    box-shadow: 0 16px 44px rgba(95, 62, 14, .08);
    font-size: 19px;
    line-height: 1.7;
    color: #2d232f;
}

.ttpv-about-closing i {
    flex: 0 0 auto;
    font-size: 42px;
    color: #b52aaa;
    animation: ttpvAboutPulse 3.5s ease-in-out infinite;
}

@keyframes ttpvAboutFloat {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, 14px, 0); }
}

@keyframes ttpvAboutPulse {
    0%, 100% { transform: scale(1); opacity: .82; }
    50% { transform: scale(1.06); opacity: 1; }
}

@media (max-width: 1199.98px) {
    .ttpv-about-study-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .ttpv-about-hero {
        padding: 78px 0 68px;
    }

    .ttpv-about-section {
        padding: 68px 0;
    }

    .ttpv-about-grid {
        grid-template-columns: 1fr;
    }

    .ttpv-about-card--wide {
        grid-column: auto;
    }

    .ttpv-about-card,
    .ttpv-about-feature,
    .ttpv-about-final-card,
    .ttpv-about-callout,
    .ttpv-about-elder,
    .ttpv-about-mission {
        padding: 26px 24px;
    }

    .ttpv-about-study-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ttpv-about-symbol {
        width: min(320px, 90vw);
    }

    .ttpv-about-symbol__inner {
        width: 180px;
        height: 180px;
        font-size: 84px;
    }

    .ttpv-about-closing {
        align-items: flex-start;
        font-size: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ttpv-about-orb,
    .ttpv-about-symbol__halo,
    .ttpv-about-closing i {
        animation: none !important;
    }

    .ttpv-about-card,
    .ttpv-about-feature,
    .ttpv-about-person,
    .ttpv-about-study,
    .ttpv-about-final-card {
        transition: none !important;
    }
}

/* Gioi thieu - visual enhancement */
body:has(.ttpv-about-hero) {
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 214, 84, .18), transparent 34%),
        linear-gradient(180deg, #fffdf8 0%, #fff8e8 52%, #fffdf9 100%);
}

.ttpv-about-hero {
    min-height: 620px;
    display: flex;
    align-items: center;
    isolation: isolate;
    background:
        linear-gradient(115deg, rgba(255,255,255,.94), rgba(255,249,223,.88)),
        radial-gradient(circle at 20% 10%, rgba(255, 199, 52, .38), transparent 30%),
        radial-gradient(circle at 88% 25%, rgba(188, 43, 178, .20), transparent 28%);
}

.ttpv-about-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .4;
    background-image:
        linear-gradient(rgba(181,42,170,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(181,42,170,.045) 1px, transparent 1px);
    background-size: 34px 34px;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 85%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 85%);
}

.ttpv-about-title {
    max-width: 820px;
    background: linear-gradient(120deg, #17131a 0%, #7d245f 58%, #a76e00 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 8px 30px rgba(120, 71, 0, .08);
}

.ttpv-about-lead {
    max-width: 860px;
    padding: 26px 30px;
    border-radius: 24px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(215, 165, 42, .18);
    box-shadow: 0 20px 55px rgba(82, 54, 8, .08);
    backdrop-filter: blur(8px);
}

.ttpv-about-kicker {
    box-shadow: 0 10px 28px rgba(181,42,170,.08);
    animation: ttpvAboutKickerGlow 3.6s ease-in-out infinite;
}

.ttpv-about-symbol {
    filter: drop-shadow(0 30px 45px rgba(114, 72, 6, .13));
}

.ttpv-about-symbol::before,
.ttpv-about-symbol::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(194, 139, 25, .18);
    animation: ttpvAboutOrbit 10s linear infinite;
}

.ttpv-about-symbol::before {
    width: 300px;
    height: 300px;
}

.ttpv-about-symbol::after {
    width: 350px;
    height: 350px;
    animation-direction: reverse;
    animation-duration: 14s;
}

.ttpv-about-symbol__inner {
    background:
        radial-gradient(circle at 50% 38%, #ffffff 0%, #fff7d7 58%, #f8e5ff 100%);
    box-shadow:
        0 28px 70px rgba(118,72,0,.18),
        0 0 0 10px rgba(255,255,255,.55),
        0 0 80px rgba(246,184,36,.20);
    animation: ttpvAboutLotusFloat 4.5s ease-in-out infinite;
}

.ttpv-about-section {
    position: relative;
}

.ttpv-about-section + .ttpv-about-section {
    border-top: 1px solid rgba(167, 111, 17, .08);
}

.ttpv-about-grid {
    gap: 30px;
}

.ttpv-about-card,
.ttpv-about-feature,
.ttpv-about-person,
.ttpv-about-final-card {
    border: 1px solid rgba(190, 132, 25, .14);
    box-shadow:
        0 18px 45px rgba(74, 49, 10, .07),
        0 2px 0 rgba(255,255,255,.9) inset;
}

.ttpv-about-card {
    min-height: 100%;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,251,240,.96));
}

.ttpv-about-card:nth-child(odd) {
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(253,245,255,.90));
}

.ttpv-about-card__icon,
.ttpv-about-final-card__icon {
    position: relative;
    overflow: visible;
}

.ttpv-about-card__icon::after,
.ttpv-about-final-card__icon::after {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 22px;
    background: rgba(241, 180, 35, .12);
    z-index: -1;
    animation: ttpvAboutIconPulse 3.2s ease-in-out infinite;
}

.ttpv-about-card:hover .ttpv-about-card__icon,
.ttpv-about-final-card:hover .ttpv-about-final-card__icon {
    transform: rotate(-4deg) scale(1.06);
}

.ttpv-about-card__icon,
.ttpv-about-final-card__icon,
.ttpv-about-person__icon,
.ttpv-about-study i {
    transition: transform .35s ease, box-shadow .35s ease;
}

.ttpv-about-feature {
    position: relative;
    overflow: hidden;
}

.ttpv-about-feature::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    top: -42px;
    right: -42px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 207, 81, .25), rgba(255, 207, 81, 0));
}

.ttpv-about-feature:hover .ttpv-about-feature__head i {
    transform: scale(1.12) rotate(8deg);
}

.ttpv-about-feature__head i {
    transition: transform .35s ease;
}

.ttpv-about-callout,
.ttpv-about-elder,
.ttpv-about-mission {
    background-size: 180% 180%;
    animation: ttpvAboutGradient 8s ease infinite;
}

.ttpv-about-callout::before,
.ttpv-about-elder::before,
.ttpv-about-mission::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 27px;
    border: 1px solid rgba(255,255,255,.16);
    pointer-events: none;
}

.ttpv-about-person {
    position: relative;
    overflow: hidden;
}

.ttpv-about-person::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 5px;
    background: linear-gradient(90deg, #e5a819, #bd2cb0, #e5a819);
    background-size: 200% 100%;
    animation: ttpvAboutGradient 5s linear infinite;
}

.ttpv-about-person:hover .ttpv-about-person__icon {
    transform: translateY(-4px) scale(1.06);
    box-shadow: 0 16px 38px rgba(157, 107, 10, .18), 0 0 34px rgba(193, 42, 171, .10);
}

.ttpv-about-study-grid {
    gap: 18px;
}

.ttpv-about-study {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, #fff 0%, #fff9ea 100%);
}

.ttpv-about-study::after {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #e0a11e, #b92bab);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .3s ease;
}

.ttpv-about-study:hover::after {
    transform: scaleX(1);
}

.ttpv-about-study:hover i {
    transform: scale(1.12) rotate(-5deg);
}

.ttpv-about-prose {
    box-shadow: 0 18px 40px rgba(83, 55, 13, .07);
    border-left-width: 6px;
}

.ttpv-about-final-card {
    background:
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,249,230,.92));
}

.ttpv-about-mission {
    margin-top: 42px;
    box-shadow: 0 30px 75px rgba(96,31,105,.24);
}

.ttpv-about-closing {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(202, 146, 22, .22);
    box-shadow: 0 20px 55px rgba(95,62,14,.10);
}

.ttpv-about-closing::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -80px;
    bottom: -90px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(190,43,174,.18), transparent 68%);
}

.ttpv-about-closing strong {
    position: relative;
    z-index: 1;
}

@keyframes ttpvAboutGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes ttpvAboutOrbit {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes ttpvAboutLotusFloat {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-10px) scale(1.02); }
}

@keyframes ttpvAboutIconPulse {
    0%, 100% { transform: scale(.96); opacity: .45; }
    50% { transform: scale(1.05); opacity: .9; }
}

@keyframes ttpvAboutKickerGlow {
    0%, 100% { box-shadow: 0 10px 28px rgba(181,42,170,.08); }
    50% { box-shadow: 0 14px 36px rgba(181,42,170,.18); }
}

@media (max-width: 991.98px) {
    .ttpv-about-hero {
        min-height: auto;
        padding-top: 90px;
    }

    .ttpv-about-symbol::before {
        width: 250px;
        height: 250px;
    }

    .ttpv-about-symbol::after {
        width: 290px;
        height: 290px;
    }
}

@media (max-width: 767.98px) {
    .ttpv-about-lead {
        padding: 22px;
    }

    .ttpv-about-title {
        font-size: clamp(34px, 10vw, 48px);
    }
}

/* Gioi thieu - DRBRAIN workflow inspired refinement */
body:has(.ttpv-about-hero) .ttpv-about-section:nth-of-type(2) {
    background:
        radial-gradient(circle at 8% 16%, rgba(83, 210, 255, .10), transparent 23%),
        radial-gradient(circle at 92% 20%, rgba(255, 115, 191, .10), transparent 24%),
        linear-gradient(180deg, #fffdf8 0%, #fbfdff 100%);
}

body:has(.ttpv-about-hero) .ttpv-about-section:nth-of-type(3) {
    background:
        radial-gradient(circle at 12% 28%, rgba(255, 205, 68, .15), transparent 24%),
        radial-gradient(circle at 88% 18%, rgba(123, 104, 255, .12), transparent 25%),
        linear-gradient(135deg, #fffaf0 0%, #fbf6ff 52%, #f4fbff 100%);
}

body:has(.ttpv-about-hero) .ttpv-about-section:nth-of-type(4) {
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 215, 79, .14), transparent 24%),
        linear-gradient(135deg, #f6fff9 0%, #f7fbff 100%);
}

body:has(.ttpv-about-hero) .ttpv-about-section:nth-of-type(5) {
    background:
        radial-gradient(circle at 10% 15%, rgba(100, 221, 255, .11), transparent 22%),
        radial-gradient(circle at 90% 18%, rgba(255, 120, 197, .10), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body:has(.ttpv-about-hero) .ttpv-about-section:nth-of-type(6) {
    background:
        radial-gradient(circle at 18% 10%, rgba(73, 211, 255, .14), transparent 25%),
        radial-gradient(circle at 82% 12%, rgba(255, 123, 195, .14), transparent 24%),
        radial-gradient(circle at 50% 100%, rgba(255, 207, 66, .17), transparent 30%),
        linear-gradient(135deg, #f5fcff, #fbf5ff 50%, #fffaf0);
}

.ttpv-about-card,
.ttpv-about-feature,
.ttpv-about-person,
.ttpv-about-final-card,
.ttpv-about-study {
    overflow: hidden;
}

.ttpv-about-card::after,
.ttpv-about-feature::after,
.ttpv-about-person::after,
.ttpv-about-final-card::after {
    content: "";
    position: absolute;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    right: -26px;
    bottom: -30px;
    background: linear-gradient(135deg, rgba(255, 206, 75, .22), rgba(236, 83, 161, .12));
    transition: transform .35s ease, opacity .35s ease;
    opacity: .75;
}

.ttpv-about-card:hover::after,
.ttpv-about-feature:hover::after,
.ttpv-about-person:hover::after,
.ttpv-about-final-card:hover::after {
    transform: scale(1.35);
    opacity: 1;
}

.ttpv-about-card:nth-child(2n) .ttpv-about-card__icon,
.ttpv-about-feature:nth-child(2n) .ttpv-about-feature__head i {
    color: #6d5be8;
}

.ttpv-about-card:nth-child(3n) .ttpv-about-card__icon {
    background: linear-gradient(135deg, #54cffa, #806be9);
}

.ttpv-about-card:nth-child(4n) .ttpv-about-card__icon {
    background: linear-gradient(135deg, #5fd39a, #45bfe5);
}

.ttpv-about-card strong,
.ttpv-about-feature strong,
.ttpv-about-prose strong,
.ttpv-about-final-card strong {
    color: #6a45c9;
}

.ttpv-about-card--wide {
    border-left: 6px solid transparent;
    border-image: linear-gradient(180deg, #f0b323, #c12bad) 1;
}

.ttpv-about-feature__number {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0;
    background: linear-gradient(135deg, #58caf2, #7d69e6);
    box-shadow: 0 10px 25px rgba(112, 99, 221, .20);
}

.ttpv-about-feature:nth-child(even) .ttpv-about-feature__number {
    background: linear-gradient(135deg, #f3b52c, #ec6ea8);
}

.ttpv-about-callout,
.ttpv-about-elder,
.ttpv-about-mission {
    text-align: center;
    padding: 42px 48px;
}

.ttpv-about-callout__icon,
.ttpv-about-elder__icon,
.ttpv-about-mission__mark {
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(255,255,255,.12);
}

.ttpv-about-callout::before,
.ttpv-about-elder::before,
.ttpv-about-mission::before {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}

.ttpv-about-person:nth-child(1) .ttpv-about-person__icon {
    background: linear-gradient(135deg, #fff4bb, #ffeaf6);
    color: #d28f18;
}

.ttpv-about-person:nth-child(2) .ttpv-about-person__icon {
    background: linear-gradient(135deg, #eaf9ff, #f2ecff);
    color: #6956d7;
}

.ttpv-about-person:nth-child(3) .ttpv-about-person__icon {
    background: linear-gradient(135deg, #effff8, #f5f3ff);
    color: #32aa78;
}

.ttpv-about-person h3 {
    color: #5949c7;
}

.ttpv-about-study:nth-child(1) { background: linear-gradient(135deg, #eefaff, #ffffff); }
.ttpv-about-study:nth-child(2) { background: linear-gradient(135deg, #fff3fb, #ffffff); }
.ttpv-about-study:nth-child(3) { background: linear-gradient(135deg, #fff8e6, #ffffff); }
.ttpv-about-study:nth-child(4) { background: linear-gradient(135deg, #effff8, #ffffff); }
.ttpv-about-study:nth-child(5) { background: linear-gradient(135deg, #f6f1ff, #ffffff); }
.ttpv-about-study:nth-child(6) { background: linear-gradient(135deg, #fff2ed, #ffffff); }
.ttpv-about-study:nth-child(7) { background: linear-gradient(135deg, #f1fbff, #ffffff); }

.ttpv-about-study:nth-child(1) i { color: #3ebce7; }
.ttpv-about-study:nth-child(2) i { color: #e552a1; }
.ttpv-about-study:nth-child(3) i { color: #e8a11e; }
.ttpv-about-study:nth-child(4) i { color: #36b879; }
.ttpv-about-study:nth-child(5) i { color: #775de0; }
.ttpv-about-study:nth-child(6) i { color: #ef7659; }
.ttpv-about-study:nth-child(7) i { color: #3e9ed8; }

.ttpv-about-study span {
    color: #584bc7;
}

.ttpv-about-study:hover {
    transform: translateY(-8px) scale(1.025);
}

.ttpv-about-prose {
    position: relative;
    background: linear-gradient(135deg, #f7f3ff, #fff8fc);
    border-left-color: #8067e7;
    font-size: 18px;
}

.ttpv-about-prose::before {
    content: "“";
    position: absolute;
    top: -18px;
    left: 14px;
    font-family: Georgia, serif;
    font-size: 80px;
    line-height: 1;
    color: rgba(128, 103, 231, .16);
}

.ttpv-about-closing {
    text-align: center;
    justify-content: center;
    padding: 36px 40px;
    background:
        radial-gradient(circle at 15% 20%, rgba(82, 207, 249, .14), transparent 28%),
        radial-gradient(circle at 84% 18%, rgba(238, 91, 167, .14), transparent 28%),
        linear-gradient(135deg, #fff, #fff8ee);
}

.ttpv-about-closing strong {
    max-width: 1000px;
    color: #5949c7;
    font-size: 21px;
}

.ttpv-about-closing i {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fff3bd, #ffe7f5);
    box-shadow: 0 10px 28px rgba(180, 128, 80, .13);
}

.ttpv-about-hero .container,
.ttpv-about-section .container {
    max-width: 1180px;
}

.ttpv-about-card p,
.ttpv-about-feature p,
.ttpv-about-person p,
.ttpv-about-final-card p,
.ttpv-about-prose p {
    position: relative;
    z-index: 2;
}

.ttpv-about-card:hover,
.ttpv-about-feature:hover,
.ttpv-about-person:hover,
.ttpv-about-final-card:hover,
.ttpv-about-study:hover {
    box-shadow: 0 24px 54px rgba(70, 72, 145, .14);
}

@media (min-width: 992px) {
    .ttpv-about-card:nth-child(2),
    .ttpv-about-feature:nth-child(2),
    .ttpv-about-person:nth-child(2) {
        transform: translateY(14px);
    }

    .ttpv-about-card:nth-child(2):hover,
    .ttpv-about-feature:nth-child(2):hover,
    .ttpv-about-person:nth-child(2):hover {
        transform: translateY(6px);
    }
}

@media (max-width: 767.98px) {
    .ttpv-about-callout,
    .ttpv-about-elder,
    .ttpv-about-mission {
        text-align: left;
        padding: 30px 24px;
    }

    .ttpv-about-callout__icon,
    .ttpv-about-elder__icon,
    .ttpv-about-mission__mark {
        margin-left: 0;
    }

    .ttpv-about-closing {
        text-align: left;
        justify-content: flex-start;
        padding: 28px 24px;
    }

    .ttpv-about-closing strong {
        font-size: 18px;
    }
}

/* GioiThieu V2 - inspired by DRBRAIN workflow page */
.ttpv-intro2 {
    overflow: hidden;
    background: #fff;
    color: #4f5365;
    font-size: 17px;
    line-height: 1.9;
}

.ttpv-intro2 p {
    margin: 0 0 18px;
}

.ttpv-intro2 strong {
    color: #6f42c1;
}

.ttpv-intro2-hero {
    min-height: 640px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 95px 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(255, 207, 66, .26), transparent 24%),
        radial-gradient(circle at 88% 18%, rgba(255, 95, 181, .17), transparent 26%),
        radial-gradient(circle at 74% 85%, rgba(129, 105, 238, .15), transparent 28%),
        linear-gradient(135deg, #fffaf0 0%, #fbf3ff 48%, #fff8e8 100%);
}

.ttpv-intro2-hero::before,
.ttpv-intro2-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.ttpv-intro2-hero::before {
    width: 240px;
    height: 240px;
    left: -80px;
    top: 70px;
    background: rgba(255, 208, 80, .15);
    animation: ttpvIntroFloat 7s ease-in-out infinite;
}

.ttpv-intro2-hero::after {
    width: 320px;
    height: 320px;
    right: -110px;
    bottom: -90px;
    background: rgba(207, 77, 180, .11);
    animation: ttpvIntroFloat 9s ease-in-out infinite reverse;
}

.ttpv-intro2-pill {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 20px;
    border-radius: 30px;
    background: #fff;
    color: #9b2d93;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 8px 25px rgba(103, 81, 209, .12);
}

.ttpv-intro2-hero h1 {
    margin: 0 0 18px;
    font-size: clamp(40px, 5vw, 62px);
    line-height: 1.1;
    font-weight: 900;
    color: #5b42c4;
}

.ttpv-intro2-lead {
    font-size: 19px;
    color: #536985;
}

.ttpv-intro2-colorline {
    width: 140px;
    height: 5px;
    margin: 16px 0 28px;
    border-radius: 10px;
    background: linear-gradient(90deg, #4fcaf4, #62d389, #ffcf4b, #ff8a50, #ef62aa, #7b68de);
}

.ttpv-intro2-section-title .ttpv-intro2-colorline {
    margin-left: auto;
    margin-right: auto;
}

.ttpv-intro2-image-frame {
    position: relative;
    padding: 16px;
    background: rgba(255,255,255,.94);
    border-radius: 36px;
    box-shadow: 0 22px 55px rgba(79, 80, 160, .16);
}

.ttpv-intro2-image-frame img {
    width: 100%;
    min-height: 360px;
    object-fit: cover;
    border-radius: 26px;
}

.ttpv-intro2-image-frame::before {
    content: "";
    position: absolute;
    width: 105px;
    height: 105px;
    left: -30px;
    bottom: -30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffcf4b, #ff85b9);
    z-index: -1;
    opacity: .7;
}

.ttpv-intro2-image-frame::after {
    content: "";
    position: absolute;
    width: 78px;
    height: 78px;
    right: -24px;
    top: -24px;
    border-radius: 50%;
    background: linear-gradient(135deg, #54d6ff, #8e76ff);
    z-index: -1;
    opacity: .75;
}

.ttpv-intro2-image-frame--small img {
    min-height: 300px;
}

.ttpv-intro2-section {
    position: relative;
    padding: 82px 0;
}

.ttpv-intro2-soft {
    background:
        radial-gradient(circle at 10% 15%, rgba(100, 221, 255, .14), transparent 22%),
        radial-gradient(circle at 90% 20%, rgba(255, 120, 197, .12), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.ttpv-intro2-purple {
    background:
        radial-gradient(circle at 12% 30%, rgba(255, 208, 80, .18), transparent 22%),
        radial-gradient(circle at 90% 20%, rgba(104, 91, 255, .15), transparent 28%),
        linear-gradient(135deg, #f7f4ff 0%, #fff8fd 50%, #f3fbff 100%);
}

.ttpv-intro2-green {
    background:
        radial-gradient(circle at 90% 20%, rgba(255, 215, 79, .16), transparent 24%),
        linear-gradient(135deg, #f4fff9 0%, #f4fbff 100%);
}

.ttpv-intro2-section-title {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 48px;
}

.ttpv-intro2-section-icon {
    font-size: 42px;
    line-height: 1;
    color: #b52aaa;
    margin-bottom: 10px;
}

.ttpv-intro2-section-title h2 {
    margin: 0;
    font-size: 35px;
    line-height: 1.25;
    font-weight: 900;
    color: #5949c7;
}

.ttpv-intro2-highlight {
    padding: 26px 30px;
    margin: 28px 0 0;
    border-radius: 22px;
    border-left: 6px solid #8b71f5;
    background: linear-gradient(135deg, #f6f1ff, #fff7fc);
    box-shadow: 0 10px 30px rgba(104, 89, 196, .09);
}

.ttpv-intro2-highlight p {
    margin: 0;
}

.ttpv-intro2-highlight--gold {
    border-left-color: #f5b52d;
    background: linear-gradient(135deg, #fff9ea, #fffdf8);
}

.ttpv-intro2-card {
    position: relative;
    padding: 32px;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(62, 73, 137, .10);
    border: 1px solid rgba(123, 105, 221, .08);
    transition: transform .3s ease, box-shadow .3s ease;
}

.ttpv-intro2-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 20px 46px rgba(62, 73, 137, .16);
}

.ttpv-intro2-card-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33px;
    background: linear-gradient(135deg, #fff4bb, #ffeaf6);
    color: #b52aaa;
}

.ttpv-intro2-step {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px;
    padding: 25px 28px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 9px 28px rgba(67, 74, 141, .08);
    transition: transform .3s ease, box-shadow .3s ease;
}

.ttpv-intro2-step:hover {
    transform: translateX(8px);
    box-shadow: 0 16px 36px rgba(67, 74, 141, .13);
}

.ttpv-intro2-step-number {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 900;
    font-size: 22px;
    background: linear-gradient(135deg, #5bcff8, #8266e9);
    box-shadow: 0 10px 25px rgba(112, 99, 221, .22);
}

.ttpv-intro2-step:nth-of-type(even) .ttpv-intro2-step-number {
    background: linear-gradient(135deg, #ffcf4b, #ef6ba8);
}

.ttpv-intro2-step p {
    margin: 0;
}

.ttpv-intro2-quote {
    position: relative;
    margin-top: 36px;
    padding: 38px 42px;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #7359df, #a15ed4 48%, #ee6bab);
    box-shadow: 0 20px 45px rgba(116, 85, 214, .22);
}

.ttpv-intro2-quote::before {
    content: "“";
    position: absolute;
    left: 20px;
    top: -20px;
    font-size: 88px;
    opacity: .22;
    font-family: Georgia, serif;
}

.ttpv-intro2-quote i {
    display: block;
    font-size: 44px;
    margin-bottom: 14px;
}

.ttpv-intro2-quote p,
.ttpv-intro2-quote strong {
    color: #fff;
}

.ttpv-intro2-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.ttpv-intro2-badges span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 16px;
    border-radius: 25px;
    background: #fff;
    color: #5b4bc7;
    font-weight: 800;
    box-shadow: 0 7px 20px rgba(68, 81, 155, .09);
}

.ttpv-intro2-levels {
    display: grid;
    grid-template-columns: repeat(7, minmax(0,1fr));
    gap: 15px;
    margin: 34px 0;
}

.ttpv-intro2-levels > div {
    min-height: 135px;
    padding: 22px 12px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 10px 25px rgba(74, 78, 151, .09);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    color: #5e4cca;
    font-weight: 900;
    transition: all .3s ease;
}

.ttpv-intro2-levels > div:hover {
    transform: translateY(-6px) scale(1.03);
    color: #ef549c;
}

.ttpv-intro2-levels i {
    font-size: 34px;
}

.ttpv-intro2-final {
    position: relative;
    padding: 100px 0;
    text-align: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 10%, rgba(73,211,255,.25), transparent 25%),
        radial-gradient(circle at 80% 10%, rgba(255,123,195,.22), transparent 25%),
        radial-gradient(circle at 50% 100%, rgba(255,207,66,.25), transparent 30%),
        linear-gradient(135deg, #f1fbff, #faf2ff 50%, #fff8ea);
}

.ttpv-intro2-final-icon {
    font-size: 52px;
    color: #ef4e9b;
    margin-bottom: 18px;
    animation: ttpvIntroPulse 3.5s ease-in-out infinite;
}

.ttpv-intro2-final-text {
    max-width: 1050px;
    margin: 0 auto;
    font-size: 20px;
    color: #64718b;
}

.ttpv-intro2-final-line {
    width: 150px;
    height: 5px;
    margin: 28px auto;
    border-radius: 10px;
    background: linear-gradient(90deg, #4fcaf4, #62d389, #ffcf4b, #ff8a50, #ef62aa, #7b68de);
}

.ttpv-intro2-final-quote {
    max-width: 980px;
    margin: 0 auto;
    padding: 28px 34px;
    border-radius: 26px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 14px 36px rgba(99, 92, 198, .12);
    font-size: 22px;
    line-height: 1.7;
    color: #5949c7;
}

@keyframes ttpvIntroFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(16px); }
}

@keyframes ttpvIntroPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

@media (max-width: 1199.98px) {
    .ttpv-intro2-levels {
        grid-template-columns: repeat(4, minmax(0,1fr));
    }
}

@media (max-width: 991.98px) {
    .ttpv-intro2-hero {
        min-height: auto;
        padding: 72px 0;
    }

    .ttpv-intro2-image-frame {
        margin-top: 18px;
    }
}

@media (max-width: 767.98px) {
    .ttpv-intro2 {
        font-size: 16px;
    }

    .ttpv-intro2-section {
        padding: 60px 0;
    }

    .ttpv-intro2-section-title h2 {
        font-size: 28px;
    }

    .ttpv-intro2-step {
        padding: 22px;
    }

    .ttpv-intro2-step-number {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        font-size: 19px;
    }

    .ttpv-intro2-levels {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .ttpv-intro2-quote {
        padding: 30px 24px;
        text-align: left;
    }

    .ttpv-intro2-final {
        padding: 75px 0;
    }

    .ttpv-intro2-final-text {
        font-size: 18px;
    }

    .ttpv-intro2-final-quote {
        font-size: 19px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ttpv-intro2-hero::before,
    .ttpv-intro2-hero::after,
    .ttpv-intro2-final-icon {
        animation: none !important;
    }

    .ttpv-intro2-card,
    .ttpv-intro2-step,
    .ttpv-intro2-levels > div {
        transition: none !important;
    }
}

/* DieuKhoan - shared content/effect system */
.ttpv-policy-page {
    overflow: hidden;
    background: #fff;
    color: #4f5365;
    font-size: 17px;
    line-height: 1.9;
}

.ttpv-policy-page p {
    margin: 0 0 18px;
}

.ttpv-policy-page strong {
    color: #6941c6;
}

.ttpv-policy-hero {
    position: relative;
    padding: 100px 0 85px;
    background:
        radial-gradient(circle at 10% 18%, rgba(255, 207, 66, .25), transparent 25%),
        radial-gradient(circle at 88% 20%, rgba(234, 74, 174, .16), transparent 28%),
        radial-gradient(circle at 72% 90%, rgba(112, 92, 232, .12), transparent 28%),
        linear-gradient(135deg, #fffaf0 0%, #fbf4ff 48%, #fff9ec 100%);
}

.ttpv-policy-hero::before,
.ttpv-policy-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    animation: ttpvPolicyFloat 8s ease-in-out infinite;
}

.ttpv-policy-hero::before {
    width: 230px;
    height: 230px;
    top: 70px;
    left: -80px;
    background: rgba(255, 202, 40, .13);
}

.ttpv-policy-hero::after {
    width: 310px;
    height: 310px;
    right: -110px;
    bottom: -100px;
    background: rgba(188, 46, 177, .10);
    animation-delay: -3s;
}

.ttpv-policy-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    margin-bottom: 18px;
    border-radius: 30px;
    background: rgba(255,255,255,.92);
    color: #982b93;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 9px 28px rgba(106, 71, 146, .12);
}

.ttpv-policy-hero h1 {
    margin: 0;
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1.08;
    font-weight: 900;
    color: #5844c6;
}

.ttpv-policy-accent {
    width: 150px;
    height: 5px;
    margin: 20px 0 30px;
    border-radius: 999px;
    background: linear-gradient(90deg, #4fcaf4, #62d389, #ffcf4b, #ff8a50, #ef62aa, #7b68de);
}

.ttpv-policy-intro {
    max-width: 850px;
    color: #58687f;
    font-size: 18px;
}

.ttpv-policy-principle {
    position: relative;
    overflow: hidden;
    padding: 38px 34px;
    border-radius: 32px;
    color: #fff;
    background: linear-gradient(135deg, #7359df, #9f56d5 48%, #e75da8);
    box-shadow: 0 24px 58px rgba(111, 78, 194, .23);
}

.ttpv-policy-principle::after {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    right: -65px;
    top: -70px;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
}

.ttpv-policy-principle-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 22px;
    background: rgba(255,255,255,.94);
    color: #7b4bc8;
    font-size: 34px;
}

.ttpv-policy-principle-label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .11em;
    color: #ffe9a7;
}

.ttpv-policy-principle h2 {
    margin: 0 0 16px;
    font-size: 29px;
    line-height: 1.3;
    color: #fff;
    font-weight: 900;
}

.ttpv-policy-principle p {
    position: relative;
    z-index: 2;
    margin: 0;
    color: rgba(255,255,255,.94);
}

.ttpv-policy-nav-wrap {
    padding: 24px 0;
    background: #fff;
    border-bottom: 1px solid rgba(109, 78, 166, .08);
    box-shadow: 0 8px 24px rgba(82, 60, 122, .04);
}

.ttpv-policy-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
}

.ttpv-policy-nav > span {
    margin-right: 6px;
    font-weight: 900;
    color: #5541c9;
}

.ttpv-policy-nav a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f7f2ff;
    color: #654bc9;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 5px 16px rgba(73, 66, 143, .08);
    transition: transform .25s ease, color .25s ease, background .25s ease, box-shadow .25s ease;
}

.ttpv-policy-nav a:hover {
    transform: translateY(-3px);
    color: #fff;
    background: linear-gradient(135deg, #f0ae25, #bd2caf);
    box-shadow: 0 9px 22px rgba(188, 44, 175, .20);
}

.ttpv-policy-body {
    padding: 78px 0 90px;
    background:
        radial-gradient(circle at 8% 8%, rgba(83, 210, 255, .08), transparent 22%),
        radial-gradient(circle at 92% 14%, rgba(255, 118, 194, .08), transparent 22%),
        linear-gradient(180deg, #fbfdff 0%, #fffaf3 52%, #fbf9ff 100%);
}

.ttpv-policy-card {
    position: relative;
    margin-bottom: 28px;
    padding: 34px 36px;
    border-radius: 28px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(118, 92, 182, .10);
    box-shadow: 0 16px 42px rgba(72, 68, 133, .08);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    scroll-margin-top: 120px;
}

.ttpv-policy-card:hover {
    transform: translateY(-5px);
    border-color: rgba(190, 44, 174, .18);
    box-shadow: 0 23px 52px rgba(72, 68, 133, .13);
}

.ttpv-policy-heading {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
}

.ttpv-policy-number {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    background: linear-gradient(135deg, #58cff5, #8069e8);
    box-shadow: 0 10px 25px rgba(112, 99, 221, .22);
}

.ttpv-policy-card:nth-child(even) .ttpv-policy-number {
    background: linear-gradient(135deg, #f3b52c, #ec6ea8);
}

.ttpv-policy-label {
    display: block;
    margin-bottom: 3px;
    color: #b52aaa;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
}

.ttpv-policy-heading h2 {
    margin: 0;
    color: #5541c9;
    font-size: 27px;
    line-height: 1.3;
    font-weight: 900;
}

.ttpv-policy-content {
    color: #56647a;
}

.ttpv-policy-list {
    margin: 12px 0 22px;
    padding: 0;
    display: grid;
    gap: 10px;
}

.ttpv-policy-list li {
    position: relative;
    padding: 11px 16px 11px 44px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f8fbff, #fffaf4);
    border: 1px solid rgba(104, 82, 165, .07);
}

.ttpv-policy-list li::before {
    content: "✓";
    position: absolute;
    left: 15px;
    top: 10px;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    background: linear-gradient(135deg, #62d389, #54bde8);
}

.ttpv-policy-card--share {
    border-left: 6px solid #55c894;
    background:
        radial-gradient(circle at 95% 10%, rgba(91, 211, 154, .10), transparent 25%),
        #fff;
}

.ttpv-policy-card--partner {
    border-left: 6px solid #f0b228;
    background:
        radial-gradient(circle at 95% 10%, rgba(255, 203, 69, .11), transparent 25%),
        #fff;
}

.ttpv-policy-card--safety {
    border-left: 6px solid #e56c9e;
    background:
        radial-gradient(circle at 95% 10%, rgba(238, 102, 159, .09), transparent 25%),
        #fff;
}

.ttpv-policy-card--final {
    border: 1px solid rgba(186, 46, 173, .18);
    background:
        radial-gradient(circle at 8% 15%, rgba(255, 208, 80, .13), transparent 24%),
        radial-gradient(circle at 92% 18%, rgba(121, 104, 238, .11), transparent 26%),
        linear-gradient(135deg, #fffdf6, #fbf7ff);
}

.ttpv-policy-closing {
    padding: 90px 0;
    background:
        radial-gradient(circle at 20% 10%, rgba(73,211,255,.22), transparent 25%),
        radial-gradient(circle at 80% 10%, rgba(255,123,195,.20), transparent 25%),
        radial-gradient(circle at 50% 100%, rgba(255,207,66,.22), transparent 30%),
        linear-gradient(135deg, #f1fbff, #faf2ff 50%, #fff8ea);
}

.ttpv-policy-closing-card {
    max-width: 980px;
    margin: 0 auto;
    padding: 42px 46px;
    text-align: center;
    border-radius: 32px;
    background: rgba(255,255,255,.84);
    box-shadow: 0 20px 50px rgba(85, 71, 151, .13);
}

.ttpv-policy-closing-icon {
    width: 76px;
    height: 76px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b52aaa;
    font-size: 38px;
    background: linear-gradient(135deg, #fff4bb, #ffeaf6);
    box-shadow: 0 12px 30px rgba(180, 128, 80, .12);
    animation: ttpvPolicyPulse 3.5s ease-in-out infinite;
}

.ttpv-policy-closing-card h2 {
    margin: 0 0 15px;
    color: #5949c7;
    font-size: 31px;
    font-weight: 900;
}

.ttpv-policy-closing-card p {
    margin: 0;
    color: #64718b;
    font-size: 18px;
}

@keyframes ttpvPolicyFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(15px); }
}

@keyframes ttpvPolicyPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

@media (max-width: 991.98px) {
    .ttpv-policy-hero {
        padding: 75px 0;
    }

    .ttpv-policy-principle {
        margin-top: 10px;
    }
}

@media (max-width: 767.98px) {
    .ttpv-policy-page {
        font-size: 16px;
    }

    .ttpv-policy-hero h1 {
        font-size: 38px;
    }

    .ttpv-policy-intro {
        font-size: 17px;
    }

    .ttpv-policy-body {
        padding: 58px 0 70px;
    }

    .ttpv-policy-card {
        padding: 26px 22px;
        border-radius: 22px;
    }

    .ttpv-policy-heading {
        align-items: flex-start;
        gap: 14px;
    }

    .ttpv-policy-number {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
        font-size: 17px;
    }

    .ttpv-policy-heading h2 {
        font-size: 23px;
    }

    .ttpv-policy-nav {
        gap: 7px;
    }

    .ttpv-policy-nav > span {
        width: 100%;
        margin-bottom: 5px;
    }

    .ttpv-policy-closing-card {
        padding: 32px 24px;
    }

    .ttpv-policy-closing-card h2 {
        font-size: 26px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ttpv-policy-hero::before,
    .ttpv-policy-hero::after,
    .ttpv-policy-closing-icon {
        animation: none !important;
    }

    .ttpv-policy-card,
    .ttpv-policy-nav a {
        transition: none !important;
    }
}

/* DieuKhoan V2 - 616 lesson design refinement */
.ttpv-policy-page {
    --policy-bg: #f3f0f7;
    --policy-surface: #ffffff;
    --policy-soft: #fff8e9;
    --policy-dark: #1b1028;
    --policy-dark-2: #5a1d72;
    --policy-primary: #b62ca9;
    --policy-primary-2: #e4a92b;
    --policy-text: #3f3a47;
    --policy-text-soft: #6d6572;
    --policy-border: #eadfeb;
    --policy-shadow-sm: 0 6px 18px rgba(56, 30, 67, .06);
    --policy-shadow-md: 0 12px 32px rgba(56, 30, 67, .10);
    --policy-shadow-lg: 0 20px 52px rgba(49, 20, 61, .20);
    background: var(--policy-bg);
    color: var(--policy-text);
}

.ttpv-policy-page * { box-sizing: border-box; }

.ttpv-policy-hero {
    width: min(1180px, calc(100% - 40px));
    margin: 34px auto;
    padding: 64px 58px;
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 12% 10%, rgba(255, 214, 84, .28), transparent 30%),
        radial-gradient(circle at 90% 85%, rgba(230, 64, 173, .25), transparent 35%),
        linear-gradient(135deg, #1c0f28, #4d185f 52%, #24102f);
    box-shadow: var(--policy-shadow-lg);
}

.ttpv-policy-hero h1 {
    color: #fff !important;
    font-size: clamp(40px, 5vw, 58px);
    line-height: 1.12;
}

.ttpv-policy-badge {
    color: #4b203f;
    background: linear-gradient(135deg, #ffe48a, #f2b73e);
    box-shadow: none;
}

.ttpv-policy-accent {
    background: linear-gradient(90deg, #ffd65f, #f58bcf);
}

.ttpv-policy-intro,
.ttpv-policy-intro p {
    color: #f5edf7;
}

.ttpv-policy-intro strong {
    color: #ffe07a;
}

.ttpv-policy-principle {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    box-shadow: none;
}

.ttpv-policy-principle-icon {
    color: #52205f;
    background: linear-gradient(135deg, #ffe899, #fff6cf);
}

.ttpv-policy-principle-label {
    color: #ffd65f;
}

.ttpv-policy-nav-wrap {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto 26px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ttpv-policy-nav {
    padding: 18px 20px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--policy-border);
    box-shadow: var(--policy-shadow-sm);
}

.ttpv-policy-nav a {
    color: #6d2a75;
    background: #f8eff9;
    border: 1px solid #ead7ec;
}

.ttpv-policy-nav a:hover {
    color: #fff;
    background: linear-gradient(135deg, #a52599, #d29c26);
}

.ttpv-policy-body {
    padding: 0 0 45px;
    background: transparent;
}

.ttpv-policy-body > .container {
    max-width: 1180px;
}

.ttpv-policy-card {
    margin: 28px 0;
    padding: 48px 50px;
    border-radius: 24px;
    background: var(--policy-surface);
    border: 1px solid var(--policy-border);
    box-shadow: var(--policy-shadow-md);
}

.ttpv-policy-card:nth-child(4n+2) {
    background: linear-gradient(135deg, #fffaf0, #fff3d5);
}

.ttpv-policy-card:nth-child(4n+3) {
    color: #fff;
    background:
        radial-gradient(circle at 85% 10%, rgba(255, 214, 95, .16), transparent 30%),
        linear-gradient(135deg, #26112f, #652275);
    border-color: rgba(255,255,255,.08);
    box-shadow: var(--policy-shadow-lg);
}

.ttpv-policy-card:nth-child(4n+4) {
    background: linear-gradient(135deg, #fbf6ff, #f0e7f7);
}

.ttpv-policy-card:nth-child(4n+3) .ttpv-policy-content,
.ttpv-policy-card:nth-child(4n+3) .ttpv-policy-content p,
.ttpv-policy-card:nth-child(4n+3) .ttpv-policy-heading h2 {
    color: #fff;
}

.ttpv-policy-card:nth-child(4n+3) strong {
    color: #ffe27c;
}

.ttpv-policy-heading {
    gap: 17px;
    margin-bottom: 30px;
}

.ttpv-policy-number {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 17px;
    color: #4f213e;
    background: linear-gradient(135deg, #ffe88f, #efb53a);
    box-shadow: none;
}

.ttpv-policy-card:nth-child(even) .ttpv-policy-number {
    background: linear-gradient(135deg, #f2a4dc, #ba45b4);
    color: #fff;
}

.ttpv-policy-label {
    color: #ad2ca4;
}

.ttpv-policy-card:nth-child(4n+3) .ttpv-policy-label {
    color: #f5a9df;
}

.ttpv-policy-heading h2 {
    color: #4c2b62;
    font-size: 30px;
    line-height: 1.28;
}

.ttpv-policy-content {
    color: var(--policy-text);
}

.ttpv-policy-content p {
    font-size: 17px;
    line-height: 1.82;
}

.ttpv-policy-list {
    gap: 12px;
}

.ttpv-policy-list li {
    padding: 15px 18px 15px 48px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(112, 70, 119, .12);
    border-radius: 14px;
}

.ttpv-policy-card:nth-child(4n+3) .ttpv-policy-list li {
    color: #fff;
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.13);
}

.ttpv-policy-list li::before {
    left: 15px;
    top: 14px;
    background: linear-gradient(135deg, #c23ab3, #e0a92f);
}

.ttpv-policy-card--share,
.ttpv-policy-card--partner,
.ttpv-policy-card--safety,
.ttpv-policy-card--final {
    border-left-width: 1px;
}

.ttpv-policy-card--share {
    box-shadow: 0 0 0 2px rgba(64, 180, 132, .10), var(--policy-shadow-md);
}

.ttpv-policy-card--partner {
    box-shadow: 0 0 0 2px rgba(224, 169, 47, .11), var(--policy-shadow-md);
}

.ttpv-policy-card--safety {
    box-shadow: 0 0 0 2px rgba(211, 80, 140, .10), var(--policy-shadow-md);
}

.ttpv-policy-closing {
    width: min(1180px, calc(100% - 40px));
    margin: 32px auto 45px;
    padding: 58px 45px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 214, 95, .22), transparent 35%),
        linear-gradient(135deg, #1c0f28, #5b1f6b, #281132);
    box-shadow: var(--policy-shadow-lg);
}

.ttpv-policy-closing-card {
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: none;
}

.ttpv-policy-closing-card h2,
.ttpv-policy-closing-card p {
    color: #fff;
}

.ttpv-policy-closing-icon {
    color: #4f213e;
    background: linear-gradient(135deg, #ffe88f, #efb53a);
}

.ttpv-policy-card,
.ttpv-policy-principle,
.ttpv-policy-closing-card {
    position: relative;
    overflow: hidden;
}

.ttpv-policy-card::after,
.ttpv-policy-principle::after,
.ttpv-policy-closing-card::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-120%);
    background: linear-gradient(110deg, transparent 32%, rgba(255,255,255,.13) 50%, transparent 68%);
    animation: ttpvPolicyShimmer 5.2s ease-in-out infinite;
    pointer-events: none;
}

@keyframes ttpvPolicyShimmer {
    0%, 68% { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
}

@media (max-width: 991.98px) {
    .ttpv-policy-hero,
    .ttpv-policy-closing {
        width: 94%;
        padding: 48px 34px;
    }

    .ttpv-policy-card {
        padding: 40px 34px;
    }
}

@media (max-width: 767.98px) {
    .ttpv-policy-hero,
    .ttpv-policy-closing {
        width: 92%;
        margin: 22px auto;
        padding: 34px 22px;
        border-radius: 18px;
    }

    .ttpv-policy-nav-wrap {
        width: 92%;
    }

    .ttpv-policy-card {
        margin: 22px 0;
        padding: 32px 22px;
        border-radius: 17px;
    }

    .ttpv-policy-heading h2 {
        font-size: 24px;
    }

    .ttpv-policy-content p {
        font-size: 15.5px;
        line-height: 1.75;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ttpv-policy-card::after,
    .ttpv-policy-principle::after,
    .ttpv-policy-closing-card::after {
        animation: none !important;
    }
}

/* GioiThieu V3 - 616 lesson design refinement */
.ttpv-intro2 {
    --intro-bg: #f3f0f7;
    --intro-surface: #ffffff;
    --intro-soft: #fff8e9;
    --intro-dark: #1b1028;
    --intro-dark-2: #5a1d72;
    --intro-primary: #b62ca9;
    --intro-gold: #e4a92b;
    --intro-text: #3f3a47;
    --intro-text-soft: #6d6572;
    --intro-border: #eadfeb;
    --intro-shadow-sm: 0 6px 18px rgba(56,30,67,.06);
    --intro-shadow-md: 0 12px 32px rgba(56,30,67,.10);
    --intro-shadow-lg: 0 20px 52px rgba(49,20,61,.20);
    padding: 1px 0 34px;
    background: var(--intro-bg);
    color: var(--intro-text);
}

.ttpv-intro2 * {
    box-sizing: border-box;
}

.ttpv-intro2-hero {
    width: min(1180px, calc(100% - 40px));
    min-height: 0;
    margin: 34px auto;
    padding: 64px 58px;
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 12% 10%, rgba(255,214,84,.28), transparent 30%),
        radial-gradient(circle at 90% 85%, rgba(230,64,173,.25), transparent 35%),
        linear-gradient(135deg, #1c0f28, #4d185f 52%, #24102f);
    box-shadow: var(--intro-shadow-lg);
}

.ttpv-intro2-hero::before,
.ttpv-intro2-hero::after {
    display: none;
}

.ttpv-intro2-pill {
    color: #4b203f;
    background: linear-gradient(135deg,#ffe48a,#f2b73e);
    box-shadow: none;
}

.ttpv-intro2-hero h1 {
    color: #fff !important;
    font-size: clamp(40px,5vw,58px);
    line-height: 1.12;
}

.ttpv-intro2-colorline {
    background: linear-gradient(90deg,#ffd65f,#f58bcf);
}

.ttpv-intro2-lead,
.ttpv-intro2-hero .ttpv-intro2-lead {
    color: #f4edf7;
    font-size: 18px;
    line-height: 1.82;
}

.ttpv-intro2-hero strong {
    color: #ffe27c;
}

.ttpv-intro2-image-frame {
    padding: 14px;
    border-radius: 24px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 18px 46px rgba(0,0,0,.24);
    overflow: hidden;
}

.ttpv-intro2-image-frame img {
    min-height: 0;
    border-radius: 17px;
    transition: transform .45s ease, filter .45s ease;
}

.ttpv-intro2-image-frame:hover img {
    transform: scale(1.025);
    filter: saturate(1.05);
}

.ttpv-intro2-image-frame::before,
.ttpv-intro2-image-frame::after {
    display: none;
}

.ttpv-intro2-section {
    width: min(1180px, calc(100% - 40px));
    margin: 28px auto;
    padding: 58px 55px;
    border-radius: 24px;
    box-shadow: var(--intro-shadow-md);
    overflow: hidden;
}

.ttpv-intro2-soft {
    background: #fff;
}

.ttpv-intro2-purple {
    color: #fff;
    background:
        radial-gradient(circle at 85% 10%, rgba(255,214,95,.16), transparent 30%),
        linear-gradient(135deg,#26112f,#652275);
    box-shadow: var(--intro-shadow-lg);
}

.ttpv-intro2-green {
    background: linear-gradient(135deg,#fffaf0,#fff3d5);
}

.ttpv-intro2-section:nth-of-type(6) {
    background: linear-gradient(135deg,#fbf6ff,#f0e7f7);
}

.ttpv-intro2-section-title {
    margin-bottom: 34px;
}

.ttpv-intro2-section-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px;
    color: #4f213e;
    font-size: 28px;
    background: linear-gradient(135deg,#ffe88f,#efb53a);
}

.ttpv-intro2-section-title h2 {
    color: #4c2b62;
    font-size: 31px;
    line-height: 1.25;
}

.ttpv-intro2-purple .ttpv-intro2-section-title h2,
.ttpv-intro2-purple p {
    color: #fff;
}

.ttpv-intro2-purple strong {
    color: #ffe27c;
}

.ttpv-intro2-purple .ttpv-intro2-section-icon {
    color: #fff;
    background: linear-gradient(135deg,#f2a4dc,#ba45b4);
}

.ttpv-intro2-highlight {
    margin: 30px 0 0;
    padding: 25px;
    border: 2px solid #dcb64b;
    border-left-width: 2px;
    border-radius: 17px;
    background: linear-gradient(135deg,#fff8ea,#fff0cf);
    color: #6f4b16;
    box-shadow: none;
}

.ttpv-intro2-highlight strong {
    color: #7a5315;
}

.ttpv-intro2-highlight--gold {
    background: linear-gradient(135deg,#fffaf0,#fff2d4);
}

.ttpv-intro2-card {
    padding: 28px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--intro-border);
    box-shadow: var(--intro-shadow-sm);
    transition: transform .25s ease, box-shadow .25s ease;
}

.ttpv-intro2-purple .ttpv-intro2-card {
    color: #fff;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: none;
}

.ttpv-intro2-purple .ttpv-intro2-card p {
    color: #fff;
}

.ttpv-intro2-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--intro-shadow-md);
}

.ttpv-intro2-card-icon {
    width: 58px;
    height: 58px;
    border-radius: 17px;
    color: #4f213e;
    background: linear-gradient(135deg,#ffe88f,#efb53a);
}

.ttpv-intro2-purple .ttpv-intro2-card-icon {
    color: #fff;
    background: linear-gradient(135deg,#f2a4dc,#ba45b4);
}

.ttpv-intro2-step {
    padding: 22px 24px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #eadfeb;
    box-shadow: var(--intro-shadow-sm);
}

.ttpv-intro2-step:hover {
    transform: translateY(-4px);
    box-shadow: var(--intro-shadow-md);
}

.ttpv-intro2-step-number {
    border-radius: 15px;
    color: #4f213e;
    background: linear-gradient(135deg,#ffe88f,#efb53a);
    box-shadow: none;
}

.ttpv-intro2-step:nth-of-type(even) .ttpv-intro2-step-number {
    color: #fff;
    background: linear-gradient(135deg,#f2a4dc,#ba45b4);
}

.ttpv-intro2-quote {
    padding: 30px;
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(circle at 85% 15%, rgba(255,214,95,.18), transparent 32%),
        linear-gradient(135deg,#1c0f28,#5b1f6b);
    box-shadow: var(--intro-shadow-lg);
}

.ttpv-intro2-quote p,
.ttpv-intro2-quote strong {
    color: #fff;
}

.ttpv-intro2-badges span {
    color: #5f2a66;
    background: #fff;
    border: 1px solid #eadfeb;
    box-shadow: var(--intro-shadow-sm);
}

.ttpv-intro2-levels {
    gap: 18px;
}

.ttpv-intro2-levels > div {
    min-height: 125px;
    border-radius: 17px;
    background: #fff;
    border: 1px solid var(--intro-border);
    box-shadow: var(--intro-shadow-sm);
}

.ttpv-intro2-purple .ttpv-intro2-levels > div {
    color: #fff;
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.14);
    box-shadow: none;
}

.ttpv-intro2-purple .ttpv-intro2-levels span,
.ttpv-intro2-purple .ttpv-intro2-levels i {
    color: #fff;
}

.ttpv-intro2-levels > div:hover {
    transform: translateY(-5px);
    box-shadow: var(--intro-shadow-md);
}

.ttpv-intro2-final {
    width: min(1180px, calc(100% - 40px));
    margin: 32px auto 45px;
    padding: 58px 45px;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,214,95,.22), transparent 35%),
        linear-gradient(135deg,#1c0f28,#5b1f6b,#281132);
    box-shadow: var(--intro-shadow-lg);
}

.ttpv-intro2-final-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 21px;
    color: #4f213e;
    background: linear-gradient(135deg,#ffe88f,#efb53a);
}

.ttpv-intro2-final-text,
.ttpv-intro2-final-text p,
.ttpv-intro2-final-text strong {
    color: #fff;
}

.ttpv-intro2-final-quote {
    color: #fff;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: none;
}

.ttpv-intro2-final-quote strong {
    color: #ffe27c;
}

.ttpv-intro2-card,
.ttpv-intro2-step,
.ttpv-intro2-highlight,
.ttpv-intro2-final-quote,
.ttpv-intro2-image-frame {
    position: relative;
    overflow: hidden;
}

.ttpv-intro2-card::after,
.ttpv-intro2-step::after,
.ttpv-intro2-highlight::after,
.ttpv-intro2-final-quote::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-120%);
    background: linear-gradient(110deg,transparent 32%,rgba(255,255,255,.13) 50%,transparent 68%);
    animation: ttpvIntroShimmer 5.4s ease-in-out infinite;
    pointer-events: none;
}

@keyframes ttpvIntroShimmer {
    0%,68% { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
}

@media (max-width: 991.98px) {
    .ttpv-intro2-hero,
    .ttpv-intro2-section,
    .ttpv-intro2-final {
        width: 94%;
        padding: 48px 34px;
    }
}

@media (max-width: 767.98px) {
    .ttpv-intro2-hero,
    .ttpv-intro2-section,
    .ttpv-intro2-final {
        width: 92%;
        margin: 22px auto;
        padding: 34px 22px;
        border-radius: 18px;
    }

    .ttpv-intro2-section-title h2 {
        font-size: 24px;
    }

    .ttpv-intro2-step {
        padding: 20px 18px;
    }

    .ttpv-intro2-final-quote {
        padding: 24px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ttpv-intro2-card::after,
    .ttpv-intro2-step::after,
    .ttpv-intro2-highlight::after,
    .ttpv-intro2-final-quote::after {
        animation: none !important;
    }
}

/* Intro purple highlight text fix */
.ttpv-intro2-purple .ttpv-intro2-highlight,
.ttpv-intro2-purple .ttpv-intro2-highlight p {
    color: #6f4b16 !important;
}

.ttpv-intro2-purple .ttpv-intro2-highlight strong {
    color: #7a5315 !important;
}

/* Order products catalogue */
 .ttpv-products-page {
    min-height: 70vh;
    background-color: #f5cf55;
    color: #332b34;
}

 .ttpv-products-hero {
    padding: 92px 0 56px;
    background: transparent;
}

.ttpv-products-kicker {
    display: inline-block;
    color: #15b7ad;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ttpv-products-hero h1 {
    margin: 14px 0 12px;
    color: #17223f;
    font-size: clamp(34px,4vw,50px);
    line-height: 1.12;
    font-weight: 900;
}

.ttpv-products-hero p {
    max-width: 770px;
    margin: 0 auto;
    color: #6f5b19;
    font-size: 16px;
    line-height: 1.7;
}

 .ttpv-products-content {
    padding: 0 0 90px;
    background: transparent;
}

.ttpv-products-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 26px;
    padding: 14px 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ttpv-products-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 20px;
    border-radius: 999px;
    color: #67544d;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(151,101,0,.14);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(113,77,0,.07);
    transition: transform .25s ease, box-shadow .25s ease, color .25s ease, background .25s ease;
}

.ttpv-products-tab:hover {
    color: #a3279b;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(144,73,137,.13);
}

.ttpv-products-tab.is-active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(166deg,#f22876 0%,#942dd9 100%);
    box-shadow: 0 9px 24px rgba(164,46,170,.26);
}

.ttpv-products-count {
    margin: 0 0 20px;
    color: #4f411a;
    font-size: 14px;
    font-weight: 700;
}

.ttpv-products-count span {
    color: #b52aaa;
    font-size: 21px;
    font-weight: 900;
}

.ttpv-products-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 24px;
}

.ttpv-product-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-radius: 22px;
    background: #fff;
    border: 1px solid rgba(127,87,0,.10);
    box-shadow: 0 14px 34px rgba(91,62,0,.11);
    transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}

.ttpv-product-card:hover {
    transform: translateY(-7px);
    border-color: rgba(181,42,170,.22);
    box-shadow: 0 24px 52px rgba(91,52,91,.17);
}

.ttpv-product-media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #fff7d0;
}

.ttpv-product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease, filter .5s ease;
}

.ttpv-product-card:hover .ttpv-product-media img {
    transform: scale(1.045);
    filter: saturate(1.04);
}

.ttpv-product-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c43aaa;
    font-size: 58px;
}

.ttpv-product-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 22px;
}

.ttpv-product-body h2 {
    margin: 0 0 10px;
    color: #352d37;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 900;
}

.ttpv-product-description {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 18px;
    color: #766b79;
    font-size: 14px;
    line-height: 1.65;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ttpv-product-bottom {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid rgba(115,91,119,.09);
}

.ttpv-product-price {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ttpv-product-price-old {
    color: #a49aa6;
    font-size: 13px;
    text-decoration: line-through;
}

.ttpv-product-price strong {
    color: #b52aaa;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 900;
}

.ttpv-products-empty {
    padding: 42px 25px;
    text-align: center;
    border-radius: 22px;
    background: rgba(255,255,255,.93);
    border: 1px solid rgba(151,101,0,.12);
    box-shadow: 0 14px 34px rgba(91,62,0,.09);
}

.ttpv-products-empty i {
    display: block;
    margin-bottom: 12px;
    color: #b52aaa;
    font-size: 48px;
}

.ttpv-products-empty h2 {
    margin-bottom: 7px;
    color: #3b303e;
    font-size: 22px;
    font-weight: 900;
}

.ttpv-products-empty p {
    margin: 0;
    color: #796d7b;
}

@media (max-width: 1199.98px) {
    .ttpv-products-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 991.98px) {
    .ttpv-products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 767.98px) {
    .ttpv-products-hero { padding: 64px 0 38px; }
    .ttpv-products-content { padding-bottom: 65px; }
    .ttpv-products-tabs { gap: 8px; padding: 10px 0; }
    .ttpv-products-tab { padding: 8px 14px; font-size: 13px; }
    .ttpv-products-grid { grid-template-columns: 1fr; gap: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .ttpv-product-card,
    .ttpv-product-media img,
    .ttpv-products-tab {
        transition: none !important;
    }
}

/* Order product search */
 .ttpv-products-search {
    padding: 0 0 18px;
    background: transparent;
}

.ttpv-products-search__row {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ttpv-products-search__input {
    flex: 1;
}

.ttpv-products-search__input input {
    width: 100%;
    min-height: 48px;
    padding: 12px 20px;
    border: 0;
    border-radius: 999px;
    outline: 0;
    color: #443646;
    background: #fff;
    box-shadow: 0 8px 24px rgba(92,62,0,.08);
}

.ttpv-products-search__input input::placeholder {
    color: #948690;
}

.ttpv-products-search .btn {
    min-height: 48px;
    padding: 11px 30px !important;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .ttpv-products-search__row {
        align-items: stretch;
        flex-direction: column;
    }

    .ttpv-products-search .btn {
        width: 100%;
    }
}

/* Product card detail links */
.ttpv-product-media,
.ttpv-product-title-link,
.ttpv-product-description-link,
.ttpv-product-price-link {
    text-decoration: none !important;
}

.ttpv-product-title-link {
    color: inherit;
}

.ttpv-product-title-link:hover {
    color: #b52aaa;
}

.ttpv-product-description-link {
    display: block;
    color: inherit;
}

.ttpv-product-price-link {
    display: block;
    color: inherit;
}

.ttpv-product-buy {
    width: 100%;
    margin-top: 14px;
    padding: 10px 18px !important;
    text-align: center;
    letter-spacing: .04em;
}

/* Product detail page */
.ttpv-product-detail-page {
    min-height: 70vh;
    color: #332b34;
}

.ttpv-product-detail-main {
    padding: 78px 0 70px;
}

.ttpv-product-detail-media {
    overflow: hidden;
    min-height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
    background: #fff8d2;
    border: 1px solid rgba(137,91,0,.12);
    box-shadow: 0 18px 46px rgba(91,62,0,.12);
}

.ttpv-product-detail-media img {
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
    transition: transform .5s ease;
}

.ttpv-product-detail-media:hover img {
    transform: scale(1.025);
}

.ttpv-product-detail-placeholder {
    color: #c42aa8;
    font-size: 82px;
}

.ttpv-product-detail-info {
    padding: 10px 10px 10px 20px;
}

.ttpv-product-detail-back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 20px;
    color: #168f88;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
}

.ttpv-product-detail-back:hover {
    color: #b52aaa;
}

.ttpv-product-detail-category {
    display: block;
    margin-bottom: 8px;
    color: #14a49a;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ttpv-product-detail-info h1 {
    margin: 0 0 20px;
    color: #17223f;
    font-size: clamp(34px,4vw,50px);
    line-height: 1.15;
    font-weight: 900;
}

.ttpv-product-detail-description {
    max-width: 620px;
    margin: 0 0 28px;
    color: #64531c;
    font-size: 17px;
    line-height: 1.75;
}

.ttpv-product-detail-price {
    display: flex;
    align-items: baseline;
    gap: 13px;
    margin-bottom: 24px;
}

.ttpv-product-detail-price-old {
    color: #8d7d72;
    font-size: 16px;
    text-decoration: line-through;
}

.ttpv-product-detail-price strong {
    color: #b52aaa;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 900;
}

.ttpv-product-detail-buy {
    min-width: 165px;
    padding: 13px 28px !important;
}

.ttpv-product-detail-content {
    padding: 0 0 90px;
}

.ttpv-product-detail-content-card {
    padding: 42px 46px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid rgba(132,87,0,.11);
    box-shadow: 0 16px 42px rgba(91,62,0,.10);
}

.ttpv-product-detail-content-card h2 {
    margin: 0 0 24px;
    color: #352039;
    font-size: 28px;
    font-weight: 900;
}

.ttpv-product-detail-html {
    color: #5f5662;
    font-size: 16px;
    line-height: 1.8;
}

.ttpv-product-detail-html img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 991.98px) {
    .ttpv-product-detail-main {
        padding: 58px 0 55px;
    }

    .ttpv-product-detail-info {
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {
    .ttpv-product-detail-main {
        padding: 38px 0 45px;
    }

    .ttpv-product-detail-media,
    .ttpv-product-detail-media img {
        min-height: 300px;
    }

    .ttpv-product-detail-info h1 {
        font-size: 32px;
    }

    .ttpv-product-detail-price strong {
        font-size: 27px;
    }

    .ttpv-product-detail-buy {
        width: 100%;
    }

    .ttpv-product-detail-content-card {
        padding: 30px 22px;
        border-radius: 20px;
    }
}

/* Shopping cart page */
.ttpv-cart-page{background:#ffd400;color:#332b34;min-height:70vh}
.ttpv-cart-section{padding:64px 0}
.ttpv-cart-section-soft{background:rgba(255,255,255,.24);border-top:1px solid rgba(99,68,0,.08);border-bottom:1px solid rgba(99,68,0,.08)}
.ttpv-cart-heading{display:flex;align-items:center;gap:18px;margin-bottom:30px}
.ttpv-cart-heading>span{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,#c62bad,#7d36d3);color:#fff;font-size:20px;font-weight:900;box-shadow:0 12px 25px rgba(125,54,211,.24)}
.ttpv-cart-heading p{margin:0 0 3px;color:#158d86;font-size:12px;font-weight:900;letter-spacing:.09em}
.ttpv-cart-heading h1,.ttpv-cart-heading h2{margin:0;color:#18223f;font-weight:900}
.ttpv-cart-heading h1{font-size:38px}.ttpv-cart-heading h2{font-size:31px}
.ttpv-cart-list{display:grid;gap:14px}
.ttpv-cart-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:20px;align-items:center;padding:16px 20px;background:#fff;border-radius:22px;box-shadow:0 12px 30px rgba(83,58,0,.08)}
.ttpv-cart-item-image{width:92px;height:76px;border-radius:16px;overflow:hidden;background:#fff5bd;display:flex;align-items:center;justify-content:center;color:#b52aaa;font-size:32px}
.ttpv-cart-item-image img{width:100%;height:100%;object-fit:cover}
.ttpv-cart-item-info h3{margin:0 0 10px;color:#202945;font-size:18px;font-weight:900}
.ttpv-cart-item-meta{display:flex;flex-wrap:wrap;gap:18px;color:#776525;font-size:14px}
.ttpv-cart-item-total{text-align:right}.ttpv-cart-item-total small{display:block;margin-bottom:4px;color:#887935}.ttpv-cart-item-total strong{color:#b52aaa;font-size:19px}
.ttpv-cart-summary{margin-top:20px;margin-left:auto;max-width:440px;padding:22px 26px;background:#fff;border-radius:22px;box-shadow:0 12px 30px rgba(83,58,0,.08)}
.ttpv-cart-summary>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.ttpv-cart-summary>div+div{border-top:1px solid #f0e8c4}.ttpv-cart-summary span{color:#74641f}.ttpv-cart-summary strong{color:#b52aaa;font-size:18px}
.ttpv-cart-empty{padding:48px 24px;text-align:center;background:#fff;border-radius:24px;box-shadow:0 12px 30px rgba(83,58,0,.08)}.ttpv-cart-empty i{font-size:54px;color:#b52aaa}.ttpv-cart-empty h3{margin:12px 0 8px;color:#202945;font-weight:900}.ttpv-cart-empty p{margin:0;color:#756629}
.ttpv-cart-customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:28px;background:#fff;border-radius:24px;box-shadow:0 12px 30px rgba(83,58,0,.08)}
.ttpv-cart-field-full{grid-column:1/-1}.ttpv-cart-field label{display:block;margin-bottom:8px;color:#382f36;font-size:14px;font-weight:800}
.ttpv-cart-field input,.ttpv-cart-field textarea{width:100%;border:1px solid #e9dfbb;border-radius:14px;background:#fffdf3;padding:13px 15px;color:#312a31;outline:none;transition:.2s ease}
.ttpv-cart-field input:focus,.ttpv-cart-field textarea:focus{border-color:#b52aaa;box-shadow:0 0 0 3px rgba(181,42,170,.10)}
.ttpv-cart-field input[readonly]{background:#f3eed7;color:#7b7050}
.ttpv-cart-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ttpv-cart-payment-option{position:relative;display:flex;align-items:center;gap:16px;margin:0;padding:24px;background:#fff;border:2px solid transparent;border-radius:22px;cursor:pointer;box-shadow:0 12px 30px rgba(83,58,0,.08);transition:.2s ease}
.ttpv-cart-payment-option:hover{transform:translateY(-2px);border-color:rgba(181,42,170,.35)}
.ttpv-cart-payment-option input{accent-color:#b52aaa}.ttpv-cart-payment-icon{width:50px;height:50px;flex:0 0 50px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c62bad,#7d36d3);color:#fff;font-size:25px}
.ttpv-cart-payment-option strong,.ttpv-cart-payment-option small{display:block}.ttpv-cart-payment-option strong{color:#202945;font-size:17px}.ttpv-cart-payment-option small{margin-top:4px;color:#796b32;line-height:1.45}
.ttpv-cart-actions{display:flex;justify-content:space-between;gap:16px;margin-top:34px}.ttpv-cart-btn{min-height:50px;padding:0 25px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;text-decoration:none!important;cursor:pointer}
.ttpv-cart-btn-secondary{background:#fff;color:#5a4758;box-shadow:0 10px 24px rgba(83,58,0,.09)}.ttpv-cart-btn-primary{background:linear-gradient(135deg,#c62bad,#7d36d3);color:#fff;box-shadow:0 12px 26px rgba(125,54,211,.24)}
@media(max-width:767.98px){.ttpv-cart-section{padding:44px 0}.ttpv-cart-heading h1{font-size:31px}.ttpv-cart-heading h2{font-size:27px}.ttpv-cart-item{grid-template-columns:76px 1fr}.ttpv-cart-item-image{width:76px;height:70px}.ttpv-cart-item-total{grid-column:1/-1;text-align:right;border-top:1px solid #f0e8c4;padding-top:10px}.ttpv-cart-customer-grid,.ttpv-cart-payment-grid{grid-template-columns:1fr}.ttpv-cart-field-full{grid-column:auto}.ttpv-cart-actions{flex-direction:column}.ttpv-cart-btn{width:100%}}

/* Product detail quantity */
.ttpv-product-buy-form {
    display: flex;
    align-items: end;
    gap: 14px;
    flex-wrap: wrap;
}

.ttpv-product-quantity {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ttpv-product-quantity label {
    color: #5f4f1c;
    font-size: 13px;
    font-weight: 800;
}

.ttpv-product-quantity input {
    width: 92px;
    height: 48px;
    padding: 0 12px;
    border: 1px solid rgba(111, 77, 0, .20);
    border-radius: 14px;
    background: #fff;
    color: #282038;
    font-weight: 800;
    text-align: center;
    outline: none;
}

.ttpv-product-quantity input:focus {
    border-color: #b52aaa;
    box-shadow: 0 0 0 3px rgba(181, 42, 170, .10);
}

@media (max-width: 575.98px) {
    .ttpv-product-buy-form {
        align-items: stretch;
    }

    .ttpv-product-quantity,
    .ttpv-product-quantity input,
    .ttpv-product-detail-buy {
        width: 100%;
    }
}


/* Logged-in account menu */
.ttpv-account-logo {
    width: 32px;
    height: 32px;
    object-fit: contain;
    flex: 0 0 32px;
    margin-right: 8px;
}


/* Dang ky hoc Giang Su - Dieu khoan */
.giangsu-terms {
    font-size: 16px;
    line-height: 1.75;
    color: #222;
}

.giangsu-terms-title {
    text-align: center;
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 20px;
    color: #c2188b;
}

.giangsu-terms-intro {
    margin-bottom: 22px;
    font-weight: 500;
}

.giangsu-terms-list {
    margin: 0;
    padding-left: 30px;
}

.giangsu-terms-list li {
    margin-bottom: 14px;
    padding-left: 8px;
}

.giangsu-terms-list li::marker {
    color: #c2188b;
    font-weight: 700;
}

.giangsu-terms-confirm {
    margin-top: 24px;
    padding: 18px 20px;
    background: #fff6cc;
    border-left: 5px solid #c2188b;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.7;
}

@media (max-width: 768px) {
    .giangsu-terms-title {
        font-size: 22px;
    }

    .giangsu-terms {
        font-size: 15px;
    }
}


/* Dang ky Giang Su - Hanh trinh tu hoc */
.giangsu-journey {
    background: #fff;
    border: 1px solid #f2d7e8;
    border-radius: 24px;
    padding: 32px;
    box-shadow: 0 12px 34px rgba(68, 27, 54, 0.08);
}

.giangsu-journey-header {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1dce8;
    margin-bottom: 24px;
}

.giangsu-journey-header h2,
.giangsu-study-guide > h2 {
    margin: 0 0 14px;
    color: #c2188b;
    font-size: 30px;
    font-weight: 800;
}

.giangsu-journey-header p {
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.8;
}

.giangsu-journey-section,
.giangsu-study-guide {
    padding: 22px 0;
    border-bottom: 1px solid #f3e7ee;
}

.giangsu-journey-section h3,
.giangsu-study-guide h3 {
    color: #7d2868;
    font-size: 21px;
    font-weight: 800;
    margin: 0 0 14px;
}

.giangsu-journey-section h4 {
    color: #8d3976;
    font-size: 18px;
    font-weight: 800;
    margin: 22px 0 12px;
}

.giangsu-journey p,
.giangsu-journey li {
    font-size: 16px;
    line-height: 1.78;
    color: #2f2f2f;
}

.giangsu-journey ul {
    margin: 10px 0 16px;
    padding-left: 24px;
}

.giangsu-journey li {
    margin-bottom: 7px;
}

.giangsu-journey-emphasis {
    text-align: center;
    color: #9a246f;
    background: #fff6fb;
    border: 1px solid #f0ccdf;
    border-radius: 12px;
    padding: 12px 16px;
}

.giangsu-journey-encourage {
    background: #fffaf0;
    margin: 20px -8px 0;
    padding: 22px 20px;
    border-radius: 16px;
}

.giangsu-study-guide {
    margin-top: 16px;
    border-bottom: 0;
}

.giangsu-journey-quote {
    margin: 18px 0 0;
    padding: 20px 22px;
    background: linear-gradient(135deg, #fff4fb, #fff9e8);
    border-left: 5px solid #c2188b;
    border-radius: 14px;
    color: #6f2858;
    line-height: 1.75;
}

@media (max-width: 768px) {
    .giangsu-journey {
        padding: 22px 16px;
        border-radius: 18px;
    }

    .giangsu-journey-header h2,
    .giangsu-study-guide > h2 {
        font-size: 24px;
    }

    .giangsu-journey-section h3,
    .giangsu-study-guide h3 {
        font-size: 19px;
    }

    .giangsu-journey p,
    .giangsu-journey li {
        font-size: 15px;
    }
}


/* Nen vang kim dung chung */
.ttpv-gold-page-bg,
.ttpv-gold-page-bg .customer-portal-body,
.ttpv-products-page,
.ttpv-product-detail-page {
    background-color: #f5cf55;
    background-image: url('../images/Layout/nen.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


/* Nen chung: cac section mau vang cu phai trong suot de hien hoa van nen.png */
.ttpv-gold-page-bg > section.bg-main-10,
.ttpv-gold-page-bg section.bg-main-10 {
    background: transparent !important;
}