:root {
        --igph-dark: #262b33;
        --igph-gray: #636b76;
        --igph-silver: #e7e9ec;
        --igph-light: #f8f9fa;
        --igph-blue: #3157a4;
        --igph-red: #b43b4d;
        --igph-gold: #c58a23;
        --igph-green: #31856e;
    }

    .igph-about-page,
    .igph-about-page * {
        box-sizing: border-box;
    }

    .igph-about-page {
        position: relative;
        overflow: hidden;
        font-family: "Segoe UI", Arial, sans-serif;
        color: var(--igph-dark);
        background:
            linear-gradient(125deg, rgba(255,255,255,.7), transparent 38%),
            linear-gradient(315deg, rgba(67,75,88,.09), transparent 45%),
            #d9dde1;
    }

    .igph-about-page::before,
    .igph-about-page::after {
        content: "";
        position: absolute;
        pointer-events: none;
        border-radius: 50%;
        filter: blur(2px);
    }

    .igph-about-page::before {
        width: 420px;
        height: 420px;
        top: -170px;
        right: -130px;
        background: radial-gradient(circle, rgba(49,87,164,.17), transparent 68%);
        animation: igphFloat 9s ease-in-out infinite;
    }

    .igph-about-page::after {
        width: 360px;
        height: 360px;
        left: -140px;
        bottom: -150px;
        background: radial-gradient(circle, rgba(197,138,35,.18), transparent 68%);
        animation: igphFloat 11s ease-in-out infinite reverse;
    }

    .igph-line {
        position: absolute;
        z-index: 0;
        width: 300px;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(49,87,164,.45), transparent);
        transform: rotate(-28deg);
    }

    .igph-line-one {
        top: 150px;
        left: -50px;
    }

    .igph-line-two {
        right: -30px;
        bottom: 240px;
        transform: rotate(30deg);
        background: linear-gradient(90deg, transparent, rgba(180,59,77,.4), transparent);
    }

    .igph-title-area {
        position: relative;
        z-index: 2;
        padding: 80px 0 48px;
        text-align: center;
    }

    .igph-small-title {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 8px 17px;
        margin-bottom: 18px;
        border: 1px solid rgba(49,87,164,.25);
        border-radius: 30px;
        background: rgba(255,255,255,.7);
        box-shadow: 0 8px 25px rgba(35,41,48,.08);
        color: var(--igph-blue);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 1.7px;
        text-transform: uppercase;
        backdrop-filter: blur(10px);
    }

    .igph-title-area h1 {
        max-width: 850px;
        margin: 0 auto 15px;
        color: #222831;
        font-size: clamp(34px, 5vw, 62px);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -.9px;
    }

    .igph-title-area h1 span {
        color: var(--igph-blue);
    }

    .igph-title-area p {
        max-width: 720px;
        margin: 0 auto;
        color: #5c626c;
        font-size: 17px;
        line-height: 1.8;
    }

    .igph-main-section {
        position: relative;
        z-index: 2;
        padding: 30px 0 85px;
    }

    .igph-photo-layout {
        position: relative;
        min-height: 550px;
        padding: 18px 70px 50px 0;
    }

    .igph-main-photo {
        position: relative;
        overflow: hidden;
        height: 430px;
        border: 8px solid rgba(255,255,255,.84);
        border-radius: 10px;
        background: #fff;
        box-shadow:
            0 24px 45px rgba(40,45,52,.22),
            0 0 0 1px rgba(66,73,84,.16);
    }

    .igph-main-photo::before {
        content: "";
        position: absolute;
        z-index: 2;
        inset: 0;
        background: linear-gradient(180deg, transparent 55%, rgba(25,30,38,.65));
    }

    .igph-main-photo img,
    .igph-small-photo img,
    .igph-mission-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .8s ease;
    }

    .igph-main-photo:hover img,
    .igph-small-photo:hover img,
    .igph-mission-photo:hover img {
        transform: scale(1.07);
    }

    .igph-main-photo-caption {
        position: absolute;
        z-index: 3;
        left: 25px;
        right: 25px;
        bottom: 22px;
        color: #fff;
    }

    .igph-main-photo-caption span {
        display: block;
        margin-bottom: 3px;
        color: #f0c66f;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .igph-main-photo-caption h4 {
        margin: 0;
        font-size: 23px;
        font-weight: 700;
    }

    .igph-small-photo {
        position: absolute;
        z-index: 4;
        right: 0;
        bottom: 10px;
        width: 225px;
        height: 245px;
        overflow: hidden;
        border: 7px solid #f5f6f7;
        border-radius: 10px;
        box-shadow: 0 20px 40px rgba(32,38,46,.25);
    }

    .igph-year-box {
        position: absolute;
        z-index: 5;
        top: 55px;
        right: 0;
        width: 145px;
        padding: 20px 15px;
        border-left: 5px solid var(--igph-gold);
        border-radius: 7px;
        background: linear-gradient(135deg, #303741, #1f242b);
        box-shadow: 0 15px 30px rgba(31,36,43,.25);
        color: #fff;
        text-align: center;
    }

    .igph-year-box strong {
        display: block;
        color: #f1c875;
        font-size: 34px;
        line-height: 1;
    }

    .igph-year-box span {
        display: block;
        margin-top: 8px;
        color: #e6e8eb;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .8px;
        text-transform: uppercase;
    }

    .igph-content-card {
        position: relative;
        height: 100%;
        padding: 45px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.85);
        border-radius: 10px;
        background:
            linear-gradient(145deg, rgba(255,255,255,.92), rgba(228,231,235,.82));
        box-shadow:
            0 22px 50px rgba(55,61,69,.16),
            inset 0 1px 0 #fff;
        backdrop-filter: blur(12px);
    }

    .igph-content-card::after {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        top: -75px;
        right: -70px;
        border: 25px solid rgba(49,87,164,.06);
        border-radius: 50%;
    }

    .igph-section-label {
        display: inline-block;
        margin-bottom: 12px;
        color: var(--igph-red);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .igph-content-card h2,
    .igph-mission-content h2 {
        margin-bottom: 20px;
        color: #282e37;
        font-size: clamp(29px, 4vw, 43px);
        font-weight: 800;
        line-height: 1.15;
    }

    .igph-content-card p,
    .igph-mission-content p {
        color: #5a616b;
        font-size: 16px;
        line-height: 1.85;
    }

    .igph-quote {
        position: relative;
        margin: 25px 0;
        padding: 20px 20px 20px 65px;
        border-left: 4px solid var(--igph-blue);
        border-radius: 7px;
        background: rgba(255,255,255,.76);
        box-shadow: 0 9px 25px rgba(46,54,64,.09);
        color: #3e4650;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.7;
    }

    .igph-quote i {
        position: absolute;
        top: 22px;
        left: 21px;
        color: var(--igph-blue);
        font-size: 27px;
        opacity: .7;
    }

    .igph-feature {
        display: flex;
        gap: 15px;
        height: 100%;
        padding: 18px;
        border: 1px solid rgba(255,255,255,.8);
        border-radius: 9px;
        box-shadow: 0 10px 24px rgba(37,44,52,.10);
        transition: transform .35s ease, box-shadow .35s ease;
    }

    .igph-feature:hover {
        transform: translateY(-6px);
        box-shadow: 0 17px 34px rgba(37,44,52,.16);
    }

    .igph-feature-blue {
        background: linear-gradient(135deg, #e7efff, #f5f8ff);
    }

    .igph-feature-gold {
        background: linear-gradient(135deg, #fff0cf, #fffaf0);
    }

    .igph-feature-red {
        background: linear-gradient(135deg, #f9e3e6, #fff6f7);
    }

    .igph-feature-green {
        background: linear-gradient(135deg, #dff3ed, #f5fbf9);
    }

    .igph-feature-icon {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        display: grid;
        place-items: center;
        border-radius: 8px;
        color: #fff;
        font-size: 19px;
        box-shadow: 0 8px 16px rgba(32,39,47,.16);
    }

    .igph-feature-blue .igph-feature-icon {
        background: var(--igph-blue);
    }

    .igph-feature-gold .igph-feature-icon {
        background: var(--igph-gold);
    }

    .igph-feature-red .igph-feature-icon {
        background: var(--igph-red);
    }

    .igph-feature-green .igph-feature-icon {
        background: var(--igph-green);
    }

    .igph-feature h5 {
        margin: 1px 0 5px;
        color: #303741;
        font-size: 16px;
        font-weight: 750;
    }

    .igph-feature p {
        margin: 0;
        color: #626973;
        font-size: 13px;
        line-height: 1.55;
    }

    .igph-second-section {
        position: relative;
        z-index: 2;
        padding: 85px 0;
        border-top: 1px solid rgba(255,255,255,.8);
        background:
            linear-gradient(135deg, rgba(255,255,255,.82), rgba(211,215,220,.9)),
            #dfe2e5;
    }

    .igph-second-section::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: .55;
        background-image:
            linear-gradient(90deg, transparent 97%, rgba(80,88,99,.06) 97%),
            linear-gradient(0deg, transparent 97%, rgba(80,88,99,.05) 97%);
        background-size: 42px 42px;
    }

    .igph-mission-photo {
        position: relative;
        height: 520px;
        overflow: hidden;
        border: 8px solid rgba(255,255,255,.88);
        border-radius: 10px;
        box-shadow:
            0 24px 45px rgba(39,45,53,.20),
            20px 20px 0 rgba(49,87,164,.08);
    }

    .igph-mission-photo::after {
        content: "";
        position: absolute;
        inset: 18px;
        border: 1px solid rgba(255,255,255,.65);
        border-radius: 6px;
        pointer-events: none;
    }

    .igph-mission-content {
        position: relative;
        padding: 25px 15px 25px 40px;
    }

    .igph-value-list {
        margin-top: 28px;
    }

    .igph-value-item {
        position: relative;
        display: flex;
        align-items: center;
        gap: 17px;
        margin-bottom: 14px;
        padding: 17px 20px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.9);
        border-radius: 9px;
        background: rgba(255,255,255,.73);
        box-shadow: 0 10px 25px rgba(43,49,57,.09);
        transition: transform .3s ease;
    }

    .igph-value-item:hover {
        transform: translateX(8px);
    }

    .igph-value-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
    }

    .igph-value-item:nth-child(1)::before {
        background: var(--igph-blue);
    }

    .igph-value-item:nth-child(2)::before {
        background: var(--igph-red);
    }

    .igph-value-item:nth-child(3)::before {
        background: var(--igph-gold);
    }

    .igph-value-item i {
        width: 43px;
        height: 43px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: #303741;
        color: #fff;
        font-size: 17px;
    }

    .igph-value-item h5 {
        margin: 0 0 3px;
        color: #313842;
        font-size: 16px;
        font-weight: 750;
    }

    .igph-value-item p {
        margin: 0;
        font-size: 13px;
        line-height: 1.5;
    }

    .igph-verse {
        margin-top: 25px;
        padding: 24px;
        border-radius: 9px;
        background: linear-gradient(135deg, #2e3540, #20252c);
        box-shadow: 0 16px 32px rgba(32,37,44,.22);
        color: #f2f3f5;
    }

    .igph-verse i {
        margin-right: 8px;
        color: #edbf66;
    }

    .igph-verse p {
        margin: 0 0 8px;
        color: #f4f5f6;
        font-size: 15px;
        font-style: italic;
        line-height: 1.7;
    }

    .igph-verse span {
        color: #edbf66;
        font-size: 13px;
        font-weight: 700;
    }

    @keyframes igphFloat {
        0%, 100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(24px);
        }
    }

    @media (max-width: 991px) {
        .igph-photo-layout {
            min-height: auto;
            padding: 15px 50px 75px 0;
        }

        .igph-year-box {
            right: 5px;
        }

        .igph-content-card {
            padding: 35px 28px;
        }

        .igph-mission-content {
            padding: 40px 5px 0;
        }
    }

    @media (max-width: 767px) {
        .igph-title-area {
            padding: 65px 0 35px;
        }

        .igph-main-section,
        .igph-second-section {
            padding: 55px 0;
        }

        .igph-photo-layout {
            padding: 0 0 105px;
        }

        .igph-main-photo {
            height: 390px;
        }

        .igph-small-photo {
            right: 15px;
            bottom: 10px;
            width: 180px;
            height: 195px;
        }

        .igph-year-box {
            top: auto;
            right: auto;
            left: 15px;
            bottom: 30px;
            width: 135px;
        }

        .igph-content-card {
            padding: 30px 22px;
        }

        .igph-mission-photo {
            height: 420px;
            box-shadow: 0 22px 40px rgba(39,45,53,.20);
        }
    }

    @media (max-width: 480px) {
        .igph-title-area p {
            font-size: 15px;
        }

        .igph-main-photo {
            height: 340px;
        }

        .igph-main-photo-caption h4 {
            font-size: 18px;
        }

        .igph-small-photo {
            width: 155px;
            height: 170px;
        }

        .igph-year-box {
            width: 125px;
            padding: 16px 10px;
        }

        .igph-year-box strong {
            font-size: 28px;
        }

        .igph-content-card h2,
        .igph-mission-content h2 {
            font-size: 29px;
        }

        .igph-mission-photo {
            height: 350px;
        }
    }