.elementor-10756 .elementor-element.elementor-element-4c45d026{--display:flex;--min-height:61vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-10756 .elementor-element.elementor-element-4c45d026:not(.elementor-motion-effects-element-type-background), .elementor-10756 .elementor-element.elementor-element-4c45d026 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://io.undip.ac.id/wp-content/uploads/2026/11/AJK09986-scaled.jpg");background-position:center center;background-size:cover;}.elementor-10756 .elementor-element.elementor-element-25e13310{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10756 .elementor-element.elementor-element-6169a74a{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-10756 .elementor-element.elementor-element-6d046d36 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10756 .elementor-element.elementor-element-6d046d36{text-align:start;}.elementor-10756 .elementor-element.elementor-element-6d046d36 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:#FFFFFF;}.elementor-10756 .elementor-element.elementor-element-50e2b4a9{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10756 .elementor-element.elementor-element-3c282547{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-10756 .elementor-element.elementor-element-3c282547:not(.elementor-motion-effects-element-type-background), .elementor-10756 .elementor-element.elementor-element-3c282547 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB7D;}.elementor-10756 .elementor-element.elementor-element-3d708a51{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10756 .elementor-element.elementor-element-20aa385b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:#0E0E0E;--border-color:#0E0E0E;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-10756 .elementor-element.elementor-element-74348942 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}.elementor-10756 .elementor-element.elementor-element-74348942{text-align:start;}.elementor-10756 .elementor-element.elementor-element-74348942 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );color:#0E0E0E;}.elementor-10756 .elementor-element.elementor-element-44793753{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10756 .elementor-element.elementor-element-7f0bae26{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-10756 .elementor-element.elementor-element-6d046d36 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-10756 .elementor-element.elementor-element-74348942 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-10756 .elementor-element.elementor-element-7f0bae26{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-10756 .elementor-element.elementor-element-4c45d026{--min-height:400px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-10756 .elementor-element.elementor-element-6169a74a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-10756 .elementor-element.elementor-element-6d046d36{text-align:center;}.elementor-10756 .elementor-element.elementor-element-6d046d36 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-10756 .elementor-element.elementor-element-50e2b4a9{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10756 .elementor-element.elementor-element-3c282547{--padding-top:35px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}.elementor-10756 .elementor-element.elementor-element-3d708a51{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10756 .elementor-element.elementor-element-20aa385b{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-10756 .elementor-element.elementor-element-74348942 > .elementor-widget-container{padding:15px 0px 15px 0px;}.elementor-10756 .elementor-element.elementor-element-74348942{text-align:center;}.elementor-10756 .elementor-element.elementor-element-74348942 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-10756 .elementor-element.elementor-element-44793753{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-10756 .elementor-element.elementor-element-7f0bae26{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS *//* =====================================================
   DEEP PAGE
   DESIGN SYSTEM MATCHED WITH DARMASISWA
===================================================== */

.deep-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
    color: #555;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.8;
}

.deep-page *,
.deep-page *::before,
.deep-page *::after {
    box-sizing: border-box;
}

.deep-page h2,
.deep-page h3 {
    font-family: "Libre Baskerville", serif;
}

.deep-page h2,
.deep-page h3,
.deep-page p {
    margin-top: 0;
}

.deep-page a {
    color: #123F94;
    text-decoration: none;
    transition: .3s ease;
}

.deep-page img {
    display: block;
    width: 100%;
    object-fit: cover;
}


/* INTRO */

.deep-intro {
    max-width: 850px;
    margin: 0 auto 65px;
    text-align: center;
}

.deep-eyebrow,
.deep-intro .deep-eyebrow {
    display: inline-block;
    padding: 7px 16px;
    margin-bottom: 20px;
    background: #F8FAFD;
    color: #123F94;
    border: 1px solid #DCE5F3;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-intro h2 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 34px;
    line-height: 1.45;
}

.deep-intro p {
    margin-bottom: 15px;
    color: #666;
    line-height: 1.9;
}

.deep-intro-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.deep-intro-links a,
.deep-cta > a {
    display: inline-block;
    padding: 12px 25px;
    background: #000352;
    color: #fff !important;
    border: 1px solid #000352;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
}

.deep-intro-links a:hover,
.deep-cta > a:hover {
    background: #123F94;
    border-color: #123F94;
    transform: translateY(-2px);
}

.deep-intro-links .deep-outline-btn {
    background: #fff;
    color: #000352 !important;
}

.deep-intro-links .deep-outline-btn:hover {
    background: #F8FAFD;
    color: #123F94 !important;
}


/* HERO IMAGE */

.deep-hero-image {
    position: relative;
    height: 420px;
    margin-bottom: 90px;
    overflow: hidden;
    border-radius: 22px;
}

.deep-hero-image img {
    height: 100%;
    object-fit: cover;
}

.deep-hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 45px;
    background: linear-gradient(
        0deg,
        rgba(0,3,52,.88),
        rgba(0,3,52,.08)
    );
}

.deep-hero-overlay span,
.deep-cta > span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.deep-hero-overlay h2 {
    max-width: 650px;
    margin: 12px 0;
    color: #fff;
    font-size: 31px;
    line-height: 1.5;
}

.deep-hero-overlay p {
    max-width: 650px;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
}


/* SECTION HEADING */

.deep-section-heading {
    max-width: 800px;
    margin-bottom: 38px;
}

.deep-section-heading > span {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-section-heading h2 {
    margin-bottom: 15px;
    color: #000352;
    font-size: 33px;
    line-height: 1.45;
}

.deep-section-heading p {
    margin-bottom: 0;
    color: #666;
    line-height: 1.8;
}


/* OVERVIEW */

.deep-overview,
.deep-semarang,
.deep-structure,
.deep-funding,
.deep-credit,
.deep-schedule,
.deep-grading,
.deep-programmes,
.deep-application,
.deep-eligibility,
.deep-documents,
.deep-activities,
.deep-contact {
    margin-bottom: 90px;
}

.deep-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.deep-overview-card {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-overview-card:hover,
.deep-structure-card:hover,
.deep-programme-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 22px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
}

.deep-overview-card > span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-overview-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 19px;
    line-height: 1.5;
}

.deep-overview-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* APPLY NOW BUTTON */

.deep-intro-links .deep-apply-btn {
    background: #123F94;
    color: #fff !important;
    border: 1px solid #123F94;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(18, 63, 148, 0.15);
}

.deep-intro-links .deep-apply-btn:hover {
    background: #000352;
    border-color: #000352;
    color: #fff !important;
    transform: translateY(-3px);
}

/* UNDIP FACTS */

.deep-undip {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 45px;
    margin-bottom: 90px;
    padding: 35px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 22px;
}

.deep-undip-image {
    height: 390px;
    overflow: hidden;
    border-radius: 16px;
}

.deep-undip-image img {
    height: 100%;
}

.deep-undip-content h2 {
    margin-bottom: 18px;
    color: #000352;
    font-size: 29px;
    line-height: 1.5;
}

.deep-undip-content > p {
    color: #666;
}

.deep-facts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-fact {
    padding: 17px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 12px;
}

.deep-fact strong {
    display: block;
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 23px;
}

.deep-fact span {
    display: block;
    color: #666;
    font-size: 12px;
}

.deep-small-note {
    margin-top: 15px;
    color: #888;
    font-size: 12px;
}


/* SEMARANG */

.deep-city-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.deep-city-main {
    position: relative;
    min-height: 510px;
    overflow: hidden;
    border-radius: 18px;
}

.deep-city-main img {
    position: absolute;
    inset: 0;
    height: 100%;
}

.deep-city-caption {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    background: linear-gradient(0deg, rgba(0,3,52,.85), transparent 75%);
}

.deep-city-caption span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-city-caption h3 {
    margin: 8px 0 0;
    color: #fff;
    font-size: 25px;
}

.deep-city-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.deep-city-card {
    display: flex;
    gap: 17px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-city-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.deep-city-card h3 {
    margin-bottom: 6px;
    color: #000352;
    font-size: 17px;
}

.deep-city-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-text-link {
    display: inline-block;
    margin-top: 10px;
    color: #123F94;
    font-size: 14px;
    font-weight: 700;
}

.deep-text-link:hover {
    color: #000352;
}


/* PROGRAMME STRUCTURE */

.deep-structure-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.deep-structure-card {
    position: relative;
    min-height: 250px;
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-structure-feature {
    background: #F8FAFD;
}

.deep-structure-number {
    position: absolute;
    top: 18px;
    right: 22px;
    color: #DCE5F3;
    font-family: "Libre Baskerville", serif;
    font-size: 27px;
    font-weight: 700;
}

.deep-structure-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 24px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.deep-structure-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 18px;
}

.deep-structure-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FUNDING */

.deep-funding-highlight {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    margin-bottom: 22px;
    padding: 35px;
    background: #000352;
    border-radius: 18px;
    color: #fff;
}

.deep-funding-highlight span {
    display: block;
    margin-bottom: 10px;
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-highlight h3 {
    margin-bottom: 8px;
    color: #fff;
    font-size: 34px;
}

.deep-funding-highlight p,
.deep-funding-highlight small {
    margin-bottom: 0;
    color: #DCE5F3;
    font-size: 13px;
}

.deep-funding-highlight-side {
    padding: 20px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 13px;
}

.deep-funding-highlight-side strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-family: "Libre Baskerville", serif;
    font-size: 24px;
}

.deep-funding-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-funding-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-funding-label {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-card h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-funding-card ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.deep-funding-card li {
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
}

.deep-funding-pay {
    background: #F8FAFD;
}

.deep-notice {
    margin-top: 22px;
    padding: 22px 25px;
    background: #EEF4FF;
    border-left: 4px solid #123F94;
    border-radius: 10px;
}

.deep-notice strong {
    display: block;
    margin-bottom: 5px;
    color: #000352;
}

.deep-notice p {
    margin-bottom: 0;
    color: #555;
    font-size: 14px;
}


/* CREDIT TRANSFER */

.deep-credit-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-credit-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-credit-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 22px;
}

.deep-credit-top span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 13px;
    font-weight: 700;
}

.deep-credit-top small {
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-credit-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 21px;
}

.deep-credit-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}

.deep-certificate {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-certificate-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 22px;
}

.deep-certificate span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-certificate h3 {
    margin: 5px 0;
    color: #000352;
    font-size: 18px;
}

.deep-certificate p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}


/* SCHEDULE */

.deep-schedule-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-schedule-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-schedule-heading {
    padding: 25px;
    background: #F8FAFD;
    border-bottom: 1px solid #E4EAF3;
}

.deep-schedule-heading span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-schedule-heading h3 {
    margin: 8px 0 0;
    color: #000352;
    font-size: 25px;
}

.deep-schedule-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 25px;
    border-bottom: 1px solid #E4EAF3;
    font-size: 13px;
}

.deep-schedule-row:last-child {
    border-bottom: 0;
}

.deep-schedule-row span {
    color: #666;
}

.deep-schedule-row strong {
    color: #000352;
    text-align: right;
}


/* GRADING */

.deep-conversion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 25px;
}

.deep-conversion > div {
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-conversion span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-conversion strong {
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 21px;
}

.deep-table-wrap {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-table-wrap h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.deep-table th {
    padding: 13px 16px;
    background: #F8FAFD;
    color: #000352;
    text-align: left;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table td {
    padding: 12px 16px;
    color: #555;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table tbody tr:last-child td {
    border-bottom: 0;
}


/* PROGRAMMES */

.deep-programme-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-programme-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-programme-card h3 {
    margin-bottom: 15px;
    padding-bottom: 12px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
    border-bottom: 1px solid #E4EAF3;
}

.deep-programme-card ul {
    padding-left: 19px;
    margin-bottom: 0;
}

.deep-programme-card li {
    margin-bottom: 8px;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-programme-wide {
    grid-column: 1 / -1;
}

.deep-programme-list-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-programme-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-programme-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 21px 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-programme-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
    border-color: #C9D8F0;
}

.deep-programme-links small {
    display: block;
    margin-bottom: 5px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-programme-links strong {
    display: block;
    color: #000352;
    font-size: 14px;
}

.deep-programme-links b {
    color: #123F94;
    font-size: 19px;
}


/* APPLICATION STEPS */

.deep-steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-step {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-step:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-step > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: #000352;
    color: #fff;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
}

.deep-step h3 {
    margin-bottom: 8px;
    color: #000352;
    font-size: 17px;
}

.deep-step p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}

.deep-step a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ELIGIBILITY */

.deep-eligibility-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-eligibility-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-eligibility-item:hover {
    border-color: #C9D8F0;
    background: #F8FAFD;
}

.deep-eligibility-item > span,
.deep-document-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.deep-eligibility-item p {
    margin: 3px 0 0;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}


/* DOCUMENTS */

.deep-document-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-document-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-document-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-document-card h3 {
    margin-bottom: 7px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
}

.deep-document-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-document-card a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ACTIVITIES */

.deep-activity-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-activity-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-activity-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-activity-card img {
    height: 240px;
}

.deep-activity-card > div {
    padding: 24px;
}

.deep-activity-card span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-activity-card h3 {
    margin: 8px 0;
    color: #000352;
    font-size: 23px;
}

.deep-activity-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FINAL CTA */

.deep-cta {
    margin-bottom: 90px;
    padding: 55px 35px;
    background: #000352;
    border-radius: 22px;
    text-align: center;
}

.deep-cta h2 {
    max-width: 700px;
    margin: 13px auto;
    color: #fff;
    font-size: 30px;
    line-height: 1.5;
}

.deep-cta p {
    max-width: 650px;
    margin: 0 auto 25px;
    color: #DCE5F3;
    font-size: 14px;
}

.deep-cta > a {
    background: #fff;
    color: #000352 !important;
    border-color: #fff;
}

.deep-cta > a:hover {
    background: #EEF4FF;
    color: #000352 !important;
}


/* CONTACT */

.deep-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.deep-contact-card {
    padding: 25px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-contact-card > span {
    display: block;
    margin-bottom: 10px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-contact-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 17px;
}

.deep-contact-card a,
.deep-contact-card p {
    display: block;
    margin-bottom: 6px;
    color: #666;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.deep-contact-card a:hover {
    color: #123F94;
}


/* TABLET */

@media(max-width: 800px) {
    .deep-overview-grid,
    .deep-structure-grid,
    .deep-contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .deep-undip,
    .deep-city-layout {
        grid-template-columns: 1fr;
    }

    .deep-undip-image {
        height: 300px;
    }

    .deep-city-main {
        min-height: 350px;
    }
}


/* MOBILE */

@media(max-width: 600px) {
    .deep-page {
        padding: 10px;
    }

    .deep-intro {
        margin-bottom: 55px;
    }

    .deep-intro h2,
    .deep-section-heading h2 {
        font-size: 26px;
    }

    .deep-hero-image {
        height: 340px;
        margin-bottom: 60px;
    }

    .deep-hero-overlay {
        padding: 24px;
    }

    .deep-hero-overlay h2 {
        font-size: 23px;
    }

    .deep-overview,
    .deep-semarang,
    .deep-structure,
    .deep-funding,
    .deep-credit,
    .deep-schedule,
    .deep-grading,
    .deep-programmes,
    .deep-application,
    .deep-eligibility,
    .deep-documents,
    .deep-activities,
    .deep-contact {
        margin-bottom: 60px;
    }

    .deep-overview-grid,
    .deep-structure-grid,
    .deep-funding-columns,
    .deep-credit-grid,
    .deep-schedule-grid,
    .deep-conversion,
    .deep-programme-grid,
    .deep-steps-grid,
    .deep-eligibility-box,
    .deep-document-grid,
    .deep-activity-grid,
    .deep-contact-grid,
    .deep-programme-links {
        grid-template-columns: 1fr;
    }

    .deep-undip {
        padding: 20px;
        gap: 25px;
    }

    .deep-undip-image {
        height: 240px;
    }

    .deep-undip-content h2 {
        font-size: 24px;
    }

    .deep-facts-grid {
        gap: 10px;
    }

    .deep-city-main {
        min-height: 290px;
    }

    .deep-funding-highlight {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .deep-funding-highlight h3 {
        font-size: 28px;
    }

    .deep-schedule-row {
        flex-direction: column;
        gap: 5px;
    }

    .deep-schedule-row strong {
        text-align: left;
    }

    .deep-programme-wide {
        grid-column: auto;
    }

    .deep-programme-list-columns {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .deep-table-wrap {
        padding: 15px;
        overflow-x: auto;
    }

    .deep-table {
        min-width: 400px;
    }

    .deep-cta {
        padding: 38px 22px;
    }

    .deep-cta h2 {
        font-size: 24px;
    }

    .deep-intro-links {
        flex-direction: column;
    }

    .deep-intro-links a {
        text-align: center;
    }
}

/* =====================================================
   DEEP PAGE
   DESIGN SYSTEM MATCHED WITH DARMASISWA
===================================================== */

.deep-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
    color: #555;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.8;
}

.deep-page *,
.deep-page *::before,
.deep-page *::after {
    box-sizing: border-box;
}

.deep-page h2,
.deep-page h3 {
    font-family: "Libre Baskerv
/* =====================================================
   DEEP PAGE
   DESIGN SYSTEM MATCHED WITH DARMASISWA
===================================================== */

.deep-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
    color: #555;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.8;
}

.deep-page *,
.deep-page *::before,
.deep-page *::after {
    box-sizing: border-box;
}

.deep-page h2,
.deep-page h3 {
    font-family: "Libre Baskerville", serif;
}

.deep-page h2,
.deep-page h3,
.deep-page p {
    margin-top: 0;
}

.deep-page a {
    color: #123F94;
    text-decoration: none;
    transition: .3s ease;
}

.deep-page img {
    display: block;
    width: 100%;
    object-fit: cover;
}


/* INTRO */

.deep-intro {
    max-width: 850px;
    margin: 0 auto 65px;
    text-align: center;
}

.deep-eyebrow,
.deep-intro .deep-eyebrow {
    display: inline-block;
    padding: 7px 16px;
    margin-bottom: 20px;
    background: #F8FAFD;
    color: #123F94;
    border: 1px solid #DCE5F3;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-intro h2 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 34px;
    line-height: 1.45;
}

.deep-intro p {
    margin-bottom: 15px;
    color: #666;
    line-height: 1.9;
}

.deep-intro-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.deep-intro-links a,
.deep-cta > a {
    display: inline-block;
    padding: 12px 25px;
    background: #000352;
    color: #fff !important;
    border: 1px solid #000352;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
}

.deep-intro-links a:hover,
.deep-cta > a:hover {
    background: #123F94;
    border-color: #123F94;
    transform: translateY(-2px);
}

.deep-intro-links .deep-outline-btn {
    background: #fff;
    color: #000352 !important;
}

.deep-intro-links .deep-outline-btn:hover {
    background: #F8FAFD;
    color: #123F94 !important;
}


/* HERO IMAGE */

.deep-hero-image {
    position: relative;
    height: 420px;
    margin-bottom: 90px;
    overflow: hidden;
    border-radius: 22px;
}

.deep-hero-image img {
    height: 100%;
    object-fit: cover;
}

.deep-hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 45px;
    background: linear-gradient(
        0deg,
        rgba(0,3,52,.88),
        rgba(0,3,52,.08)
    );
}

.deep-hero-overlay span,
.deep-cta > span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.deep-hero-overlay h2 {
    max-width: 650px;
    margin: 12px 0;
    color: #fff;
    font-size: 31px;
    line-height: 1.5;
}

.deep-hero-overlay p {
    max-width: 650px;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
}


/* SECTION HEADING */

.deep-section-heading {
    max-width: 800px;
    margin-bottom: 38px;
}

.deep-section-heading > span {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-section-heading h2 {
    margin-bottom: 15px;
    color: #000352;
    font-size: 33px;
    line-height: 1.45;
}

.deep-section-heading p {
    margin-bottom: 0;
    color: #666;
    line-height: 1.8;
}


/* OVERVIEW */

.deep-overview,
.deep-semarang,
.deep-structure,
.deep-funding,
.deep-credit,
.deep-schedule,
.deep-grading,
.deep-programmes,
.deep-application,
.deep-eligibility,
.deep-documents,
.deep-activities,
.deep-contact {
    margin-bottom: 90px;
}

.deep-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.deep-overview-card {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-overview-card:hover,
.deep-structure-card:hover,
.deep-programme-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 22px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
}

.deep-overview-card > span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-overview-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 19px;
    line-height: 1.5;
}

.deep-overview-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* APPLY NOW BUTTON */

.deep-intro-links .deep-apply-btn {
    background: #123F94;
    color: #fff !important;
    border: 1px solid #123F94;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(18, 63, 148, 0.15);
}

.deep-intro-links .deep-apply-btn:hover {
    background: #000352;
    border-color: #000352;
    color: #fff !important;
    transform: translateY(-3px);
}

/* UNDIP FACTS */

.deep-undip {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 45px;
    margin-bottom: 90px;
    padding: 35px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 22px;
}

.deep-undip-image {
    height: 390px;
    overflow: hidden;
    border-radius: 16px;
}

.deep-undip-image img {
    height: 100%;
}

.deep-undip-content h2 {
    margin-bottom: 18px;
    color: #000352;
    font-size: 29px;
    line-height: 1.5;
}

.deep-undip-content > p {
    color: #666;
}

.deep-facts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-fact {
    padding: 17px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 12px;
}

.deep-fact strong {
    display: block;
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 23px;
}

.deep-fact span {
    display: block;
    color: #666;
    font-size: 12px;
}

.deep-small-note {
    margin-top: 15px;
    color: #888;
    font-size: 12px;
}


/* SEMARANG */

.deep-city-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.deep-city-main {
    position: relative;
    min-height: 510px;
    overflow: hidden;
    border-radius: 18px;
}

.deep-city-main img {
    position: absolute;
    inset: 0;
    height: 100%;
}

.deep-city-caption {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    background: linear-gradient(0deg, rgba(0,3,52,.85), transparent 75%);
}

.deep-city-caption span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-city-caption h3 {
    margin: 8px 0 0;
    color: #fff;
    font-size: 25px;
}

.deep-city-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.deep-city-card {
    display: flex;
    gap: 17px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-city-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.deep-city-card h3 {
    margin-bottom: 6px;
    color: #000352;
    font-size: 17px;
}

.deep-city-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-text-link {
    display: inline-block;
    margin-top: 10px;
    color: #123F94;
    font-size: 14px;
    font-weight: 700;
}

.deep-text-link:hover {
    color: #000352;
}


/* PROGRAMME STRUCTURE */

.deep-structure-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.deep-structure-card {
    position: relative;
    min-height: 250px;
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-structure-feature {
    background: #F8FAFD;
}

.deep-structure-number {
    position: absolute;
    top: 18px;
    right: 22px;
    color: #DCE5F3;
    font-family: "Libre Baskerville", serif;
    font-size: 27px;
    font-weight: 700;
}

.deep-structure-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 24px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.deep-structure-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 18px;
}

.deep-structure-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FUNDING */

.deep-funding-highlight {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    margin-bottom: 22px;
    padding: 35px;
    background: #000352;
    border-radius: 18px;
    color: #fff;
}

.deep-funding-highlight span {
    display: block;
    margin-bottom: 10px;
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-highlight h3 {
    margin-bottom: 8px;
    color: #fff;
    font-size: 34px;
}

.deep-funding-highlight p,
.deep-funding-highlight small {
    margin-bottom: 0;
    color: #DCE5F3;
    font-size: 13px;
}

.deep-funding-highlight-side {
    padding: 20px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 13px;
}

.deep-funding-highlight-side strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-family: "Libre Baskerville", serif;
    font-size: 24px;
}

.deep-funding-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-funding-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-funding-label {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-card h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-funding-card ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.deep-funding-card li {
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
}

.deep-funding-pay {
    background: #F8FAFD;
}

.deep-notice {
    margin-top: 22px;
    padding: 22px 25px;
    background: #EEF4FF;
    border-left: 4px solid #123F94;
    border-radius: 10px;
}

.deep-notice strong {
    display: block;
    margin-bottom: 5px;
    color: #000352;
}

.deep-notice p {
    margin-bottom: 0;
    color: #555;
    font-size: 14px;
}


/* CREDIT TRANSFER */

.deep-credit-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-credit-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-credit-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 22px;
}

.deep-credit-top span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 13px;
    font-weight: 700;
}

.deep-credit-top small {
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-credit-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 21px;
}

.deep-credit-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}

.deep-certificate {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-certificate-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 22px;
}

.deep-certificate span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-certificate h3 {
    margin: 5px 0;
    color: #000352;
    font-size: 18px;
}

.deep-certificate p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}


/* SCHEDULE */

.deep-schedule-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-schedule-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-schedule-heading {
    padding: 25px;
    background: #F8FAFD;
    border-bottom: 1px solid #E4EAF3;
}

.deep-schedule-heading span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-schedule-heading h3 {
    margin: 8px 0 0;
    color: #000352;
    font-size: 25px;
}

.deep-schedule-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 25px;
    border-bottom: 1px solid #E4EAF3;
    font-size: 13px;
}

.deep-schedule-row:last-child {
    border-bottom: 0;
}

.deep-schedule-row span {
    color: #666;
}

.deep-schedule-row strong {
    color: #000352;
    text-align: right;
}


/* GRADING */

.deep-conversion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 25px;
}

.deep-conversion > div {
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-conversion span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-conversion strong {
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 21px;
}

.deep-table-wrap {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-table-wrap h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.deep-table th {
    padding: 13px 16px;
    background: #F8FAFD;
    color: #000352;
    text-align: left;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table td {
    padding: 12px 16px;
    color: #555;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table tbody tr:last-child td {
    border-bottom: 0;
}


/* PROGRAMMES */

.deep-programme-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-programme-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-programme-card h3 {
    margin-bottom: 15px;
    padding-bottom: 12px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
    border-bottom: 1px solid #E4EAF3;
}

.deep-programme-card ul {
    padding-left: 19px;
    margin-bottom: 0;
}

.deep-programme-card li {
    margin-bottom: 8px;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-programme-wide {
    grid-column: 1 / -1;
}

.deep-programme-list-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-programme-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-programme-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 21px 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-programme-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
    border-color: #C9D8F0;
}

.deep-programme-links small {
    display: block;
    margin-bottom: 5px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-programme-links strong {
    display: block;
    color: #000352;
    font-size: 14px;
}

.deep-programme-links b {
    color: #123F94;
    font-size: 19px;
}


/* APPLICATION STEPS */

.deep-steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-step {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-step:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-step > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: #000352;
    color: #fff;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
}

.deep-step h3 {
    margin-bottom: 8px;
    color: #000352;
    font-size: 17px;
}

.deep-step p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}

.deep-step a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ELIGIBILITY */

.deep-eligibility-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-eligibility-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-eligibility-item:hover {
    border-color: #C9D8F0;
    background: #F8FAFD;
}

.deep-eligibility-item > span,
.deep-document-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.deep-eligibility-item p {
    margin: 3px 0 0;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}


/* DOCUMENTS */

.deep-document-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-document-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-document-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-document-card h3 {
    margin-bottom: 7px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
}

.deep-document-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-document-card a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ACTIVITIES */

.deep-activity-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-activity-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-activity-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-activity-card img {
    height: 240px;
}

.deep-activity-card > div {
    padding: 24px;
}

.deep-activity-card span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-activity-card h3 {
    margin: 8px 0;
    color: #000352;
    font-size: 23px;
}

.deep-activity-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FINAL CTA */

.deep-cta {
    margin-bottom: 90px;
    padding: 55px 35px;
    background: #000352;
    border-radius: 22px;
    text-align: center;
}

.deep-cta h2 {
    max-width: 700px;
    margin: 13px auto;
    color: #fff;
    font-size: 30px;
    line-height: 1.5;
}

.deep-cta p {
    max-width: 650px;
    margin: 0 auto 25px;
    color: #DCE5F3;
    font-size: 14px;
}

.deep-cta > a {
    background: #fff;
    color: #000352 !important;
    border-color: #fff;
}

.deep-cta > a:hover {
    background: #EEF4FF;
    color: #000352 !important;
}


/* CONTACT */

.deep-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.deep-contact-card {
    padding: 25px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-contact-card > span {
    display: block;
    margin-bottom: 10px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-contact-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 17px;
}

.deep-contact-card a,
.deep-contact-card p {
    display: block;
    margin-bottom: 6px;
    color: #666;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.deep-contact-card a:hover {
    color: #123F94;
}


/* TABLET */

@media(max-width: 800px) {
    .deep-overview-grid,
    .deep-structure-grid,
    .deep-contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .deep-undip,
    .deep-city-layout {
        grid-template-columns: 1fr;
    }

    .deep-undip-image {
        height: 300px;
    }

    .deep-city-main {
        min-height: 350px;
    }
}


/* MOBILE */

@media(max-width: 600px) {
    .deep-page {
        padding: 10px;
    }

    .deep-intro {
        margin-bottom: 55px;
    }

    .deep-intro h2,
    .deep-section-heading h2 {
        font-size: 26px;
    }

    .deep-hero-image {
        height: 340px;
        margin-bottom: 60px;
    }

    .deep-hero-overlay {
        padding: 24px;
    }

    .deep-hero-overlay h2 {
        font-size: 23px;
    }

    .deep-overview,
    .deep-semarang,
    .deep-structure,
    .deep-funding,
    .deep-credit,
    .deep-schedule,
    .deep-grading,
    .deep-programmes,
    .deep-application,
    .deep-eligibility,
    .deep-documents,
    .deep-activities,
    .deep-contact {
        margin-bottom: 60px;
    }

    .deep-overview-grid,
    .deep-structure-grid,
    .deep-funding-columns,
    .deep-credit-grid,
    .deep-schedule-grid,
    .deep-conversion,
    .deep-programme-grid,
    .deep-steps-grid,
    .deep-eligibility-box,
    .deep-document-grid,
    .deep-activity-grid,
    .deep-contact-grid,
    .deep-programme-links {
        grid-template-columns: 1fr;
    }

    .deep-undip {
        padding: 20px;
        gap: 25px;
    }

    .deep-undip-image {
        height: 240px;
    }

    .deep-undip-content h2 {
        font-size: 24px;
    }

    .deep-facts-grid {
        gap: 10px;
    }

    .deep-city-main {
        min-height: 290px;
    }

    .deep-funding-highlight {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .deep-funding-highlight h3 {
        font-size: 28px;
    }

    .deep-schedule-row {
        flex-direction: column;
        gap: 5px;
    }

    .deep-schedule-row strong {
        text-align: left;
    }

    .deep-programme-wide {
        grid-column: auto;
    }

    .deep-programme-list-columns {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .deep-table-wrap {
        padding: 15px;
        overflow-x: auto;
    }

    .deep-table {
        min-width: 400px;
    }

    .deep-cta {
        padding: 38px 22px;
    }

    .deep-cta h2 {
        font-size: 24px;
    }

    .deep-intro-links {
        flex-direction: column;
    }

    .deep-intro-links a {
        text-align: center;
    }
}

/* =====================================================
   DEEP PAGE
   DESIGN SYSTEM MATCHED WITH DARMASISWA
===================================================== */

.deep-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
    color: #555;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.8;
}

.deep-page *,
.deep-page *::before,
.deep-page *::after {
    box-sizing: border-box;
}

.deep-page h2,
.deep-page h3 {
    font-family: "Libre Baskerville", serif;
}

.deep-page h2,
.deep-page h3,
.deep-page p {
    margin-top: 0;
}

.deep-page a {
    color: #123F94;
    text-decoration: none;
    transition: .3s ease;
}

.deep-page img {
    display: block;
    width: 100%;
    object-fit: cover;
}


/* INTRO */

.deep-intro {
    max-width: 850px;
    margin: 0 auto 65px;
    text-align: center;
}

.deep-eyebrow,
.deep-intro .deep-eyebrow {
    display: inline-block;
    padding: 7px 16px;
    margin-bottom: 20px;
    background: #F8FAFD;
    color: #123F94;
    border: 1px solid #DCE5F3;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-intro h2 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 34px;
    line-height: 1.45;
}

.deep-intro p {
    margin-bottom: 15px;
    color: #666;
    line-height: 1.9;
}

.deep-intro-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.deep-intro-links a,
.deep-cta > a {
    display: inline-block;
    padding: 12px 25px;
    background: #000352;
    color: #fff !important;
    border: 1px solid #000352;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
}

.deep-intro-links a:hover,
.deep-cta > a:hover {
    background: #123F94;
    border-color: #123F94;
    transform: translateY(-2px);
}

.deep-intro-links .deep-outline-btn {
    background: #fff;
    color: #000352 !important;
}

.deep-intro-links .deep-outline-btn:hover {
    background: #F8FAFD;
    color: #123F94 !important;
}


/* HERO IMAGE */

.deep-hero-image {
    position: relative;
    height: 420px;
    margin-bottom: 90px;
    overflow: hidden;
    border-radius: 22px;
}

.deep-hero-image img {
    height: 100%;
    object-fit: cover;
}

.deep-hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 45px;
    background: linear-gradient(
        0deg,
        rgba(0,3,52,.88),
        rgba(0,3,52,.08)
    );
}

.deep-hero-overlay span,
.deep-cta > span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.deep-hero-overlay h2 {
    max-width: 650px;
    margin: 12px 0;
    color: #fff;
    font-size: 31px;
    line-height: 1.5;
}

.deep-hero-overlay p {
    max-width: 650px;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
}


/* SECTION HEADING */

.deep-section-heading {
    max-width: 800px;
    margin-bottom: 38px;
}

.deep-section-heading > span {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-section-heading h2 {
    margin-bottom: 15px;
    color: #000352;
    font-size: 33px;
    line-height: 1.45;
}

.deep-section-heading p {
    margin-bottom: 0;
    color: #666;
    line-height: 1.8;
}


/* OVERVIEW */

.deep-overview,
.deep-semarang,
.deep-structure,
.deep-funding,
.deep-credit,
.deep-schedule,
.deep-grading,
.deep-programmes,
.deep-application,
.deep-eligibility,
.deep-documents,
.deep-activities,
.deep-contact {
    margin-bottom: 90px;
}

.deep-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.deep-overview-card {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-overview-card:hover,
.deep-structure-card:hover,
.deep-programme-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 22px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
}

.deep-overview-card > span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-overview-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 19px;
    line-height: 1.5;
}

.deep-overview-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* APPLY NOW BUTTON */

.deep-intro-links .deep-apply-btn {
    background: #123F94;
    color: #fff !important;
    border: 1px solid #123F94;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(18, 63, 148, 0.15);
}

.deep-intro-links .deep-apply-btn:hover {
    background: #000352;
    border-color: #000352;
    color: #fff !important;
    transform: translateY(-3px);
}

/* UNDIP FACTS */

.deep-undip {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 45px;
    margin-bottom: 90px;
    padding: 35px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 22px;
}

.deep-undip-image {
    height: 390px;
    overflow: hidden;
    border-radius: 16px;
}

.deep-undip-image img {
    height: 100%;
}

.deep-undip-content h2 {
    margin-bottom: 18px;
    color: #000352;
    font-size: 29px;
    line-height: 1.5;
}

.deep-undip-content > p {
    color: #666;
}

.deep-facts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-fact {
    padding: 17px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 12px;
}

.deep-fact strong {
    display: block;
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 23px;
}

.deep-fact span {
    display: block;
    color: #666;
    font-size: 12px;
}

.deep-small-note {
    margin-top: 15px;
    color: #888;
    font-size: 12px;
}


/* SEMARANG */

.deep-city-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.deep-city-main {
    position: relative;
    min-height: 510px;
    overflow: hidden;
    border-radius: 18px;
}

.deep-city-main img {
    position: absolute;
    inset: 0;
    height: 100%;
}

.deep-city-caption {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    background: linear-gradient(0deg, rgba(0,3,52,.85), transparent 75%);
}

.deep-city-caption span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-city-caption h3 {
    margin: 8px 0 0;
    color: #fff;
    font-size: 25px;
}

.deep-city-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.deep-city-card {
    display: flex;
    gap: 17px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-city-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.deep-city-card h3 {
    margin-bottom: 6px;
    color: #000352;
    font-size: 17px;
}

.deep-city-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-text-link {
    display: inline-block;
    margin-top: 10px;
    color: #123F94;
    font-size: 14px;
    font-weight: 700;
}

.deep-text-link:hover {
    color: #000352;
}


/* PROGRAMME STRUCTURE */

.deep-structure-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.deep-structure-card {
    position: relative;
    min-height: 250px;
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-structure-feature {
    background: #F8FAFD;
}

.deep-structure-number {
    position: absolute;
    top: 18px;
    right: 22px;
    color: #DCE5F3;
    font-family: "Libre Baskerville", serif;
    font-size: 27px;
    font-weight: 700;
}

.deep-structure-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 24px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.deep-structure-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 18px;
}

.deep-structure-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FUNDING */

.deep-funding-highlight {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    margin-bottom: 22px;
    padding: 35px;
    background: #000352;
    border-radius: 18px;
    color: #fff;
}

.deep-funding-highlight span {
    display: block;
    margin-bottom: 10px;
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-highlight h3 {
    margin-bottom: 8px;
    color: #fff;
    font-size: 34px;
}

.deep-funding-highlight p,
.deep-funding-highlight small {
    margin-bottom: 0;
    color: #DCE5F3;
    font-size: 13px;
}

.deep-funding-highlight-side {
    padding: 20px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 13px;
}

.deep-funding-highlight-side strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-family: "Libre Baskerville", serif;
    font-size: 24px;
}

.deep-funding-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-funding-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-funding-label {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-card h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-funding-card ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.deep-funding-card li {
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
}

.deep-funding-pay {
    background: #F8FAFD;
}

.deep-notice {
    margin-top: 22px;
    padding: 22px 25px;
    background: #EEF4FF;
    border-left: 4px solid #123F94;
    border-radius: 10px;
}

.deep-notice strong {
    display: block;
    margin-bottom: 5px;
    color: #000352;
}

.deep-notice p {
    margin-bottom: 0;
    color: #555;
    font-size: 14px;
}


/* CREDIT TRANSFER */

.deep-credit-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-credit-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-credit-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 22px;
}

.deep-credit-top span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 13px;
    font-weight: 700;
}

.deep-credit-top small {
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-credit-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 21px;
}

.deep-credit-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}

.deep-certificate {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-certificate-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 22px;
}

.deep-certificate span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-certificate h3 {
    margin: 5px 0;
    color: #000352;
    font-size: 18px;
}

.deep-certificate p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}


/* SCHEDULE */

.deep-schedule-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-schedule-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-schedule-heading {
    padding: 25px;
    background: #F8FAFD;
    border-bottom: 1px solid #E4EAF3;
}

.deep-schedule-heading span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-schedule-heading h3 {
    margin: 8px 0 0;
    color: #000352;
    font-size: 25px;
}

.deep-schedule-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 25px;
    border-bottom: 1px solid #E4EAF3;
    font-size: 13px;
}

.deep-schedule-row:last-child {
    border-bottom: 0;
}

.deep-schedule-row span {
    color: #666;
}

.deep-schedule-row strong {
    color: #000352;
    text-align: right;
}


/* GRADING */

.deep-conversion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 25px;
}

.deep-conversion > div {
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-conversion span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-conversion strong {
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 21px;
}

.deep-table-wrap {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-table-wrap h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.deep-table th {
    padding: 13px 16px;
    background: #F8FAFD;
    color: #000352;
    text-align: left;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table td {
    padding: 12px 16px;
    color: #555;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table tbody tr:last-child td {
    border-bottom: 0;
}


/* PROGRAMMES */

.deep-programme-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-programme-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-programme-card h3 {
    margin-bottom: 15px;
    padding-bottom: 12px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
    border-bottom: 1px solid #E4EAF3;
}

.deep-programme-card ul {
    padding-left: 19px;
    margin-bottom: 0;
}

.deep-programme-card li {
    margin-bottom: 8px;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-programme-wide {
    grid-column: 1 / -1;
}

.deep-programme-list-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-programme-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-programme-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 21px 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-programme-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
    border-color: #C9D8F0;
}

.deep-programme-links small {
    display: block;
    margin-bottom: 5px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-programme-links strong {
    display: block;
    color: #000352;
    font-size: 14px;
}

.deep-programme-links b {
    color: #123F94;
    font-size: 19px;
}


/* APPLICATION STEPS */

.deep-steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-step {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-step:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-step > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: #000352;
    color: #fff;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
}

.deep-step h3 {
    margin-bottom: 8px;
    color: #000352;
    font-size: 17px;
}

.deep-step p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}

.deep-step a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ELIGIBILITY */

.deep-eligibility-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-eligibility-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-eligibility-item:hover {
    border-color: #C9D8F0;
    background: #F8FAFD;
}

.deep-eligibility-item > span,
.deep-document-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.deep-eligibility-item p {
    margin: 3px 0 0;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}


/* DOCUMENTS */

.deep-document-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-document-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-document-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-document-card h3 {
    margin-bottom: 7px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
}

.deep-document-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-document-card a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ACTIVITIES */

.deep-activity-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-activity-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-activity-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-activity-card img {
    height: 240px;
}

.deep-activity-card > div {
    padding: 24px;
}

.deep-activity-card span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-activity-card h3 {
    margin: 8px 0;
    color: #000352;
    font-size: 23px;
}

.deep-activity-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FINAL CTA */

.deep-cta {
    margin-bottom: 90px;
    padding: 55px 35px;
    background: #000352;
    border-radius: 22px;
    text-align: center;
}

.deep-cta h2 {
    max-width: 700px;
    margin: 13px auto;
    color: #fff;
    font-size: 30px;
    line-height: 1.5;
}

.deep-cta p {
    max-width: 650px;
    margin: 0 auto 25px;
    color: #DCE5F3;
    font-size: 14px;
}

.deep-cta > a {
    background: #fff;
    color: #000352 !important;
    border-color: #fff;
}

.deep-cta > a:hover {
    background: #EEF4FF;
    color: #000352 !important;
}


/* CONTACT */

.deep-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.deep-contact-card {
    padding: 25px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-contact-card > span {
    display: block;
    margin-bottom: 10px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-contact-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 17px;
}

.deep-contact-card a,
.deep-contact-card p {
    display: block;
    margin-bottom: 6px;
    color: #666;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.deep-contact-card a:hover {
    color: #123F94;
}


/* TABLET */

@media(max-width: 800px) {
    .deep-overview-grid,
    .deep-structure-grid,
    .deep-contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .deep-undip,
    .deep-city-layout {
        grid-template-columns: 1fr;
    }

    .deep-undip-image {
        height: 300px;
    }

    .deep-city-main {
        min-height: 350px;
    }
}


/* MOBILE */

@media(max-width: 600px) {
    .deep-page {
        padding: 10px;
    }

    .deep-intro {
        margin-bottom: 55px;
    }

    .deep-intro h2,
    .deep-section-heading h2 {
        font-size: 26px;
    }

    .deep-hero-image {
        height: 340px;
        margin-bottom: 60px;
    }

    .deep-hero-overlay {
        padding: 24px;
    }

    .deep-hero-overlay h2 {
        font-size: 23px;
    }

    .deep-overview,
    .deep-semarang,
    .deep-structure,
    .deep-funding,
    .deep-credit,
    .deep-schedule,
    .deep-grading,
    .deep-programmes,
    .deep-application,
    .deep-eligibility,
    .deep-documents,
    .deep-activities,
    .deep-contact {
        margin-bottom: 60px;
    }

    .deep-overview-grid,
    .deep-structure-grid,
    .deep-funding-columns,
    .deep-credit-grid,
    .deep-schedule-grid,
    .deep-conversion,
    .deep-programme-grid,
    .deep-steps-grid,
    .deep-eligibility-box,
    .deep-document-grid,
    .deep-activity-grid,
    .deep-contact-grid,
    .deep-programme-links {
        grid-template-columns: 1fr;
    }

    .deep-undip {
        padding: 20px;
        gap: 25px;
    }

    .deep-undip-image {
        height: 240px;
    }

    .deep-undip-content h2 {
        font-size: 24px;
    }

    .deep-facts-grid {
        gap: 10px;
    }

    .deep-city-main {
        min-height: 290px;
    }

    .deep-funding-highlight {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .deep-funding-highlight h3 {
        font-size: 28px;
    }

    .deep-schedule-row {
        flex-direction: column;
        gap: 5px;
    }

    .deep-schedule-row strong {
        text-align: left;
    }

    .deep-programme-wide {
        grid-column: auto;
    }

    .deep-programme-list-columns {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .deep-table-wrap {
        padding: 15px;
        overflow-x: auto;
    }

    .deep-table {
        min-width: 400px;
    }

    .deep-cta {
        padding: 38px 22px;
    }

    .deep-cta h2 {
        font-size: 24px;
    }

    .deep-intro-links {
        flex-direction: column;
    }

    .deep-intro-links a {
        text-align: center;
    }
}

/* =====================================================
   DEEP PAGE
   DESIGN SYSTEM MATCHED WITH DARMASISWA
===================================================== */

.deep-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
    color: #555;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.8;
}

.deep-page *,
.deep-page *::before,
.deep-page *::after {
    box-sizing: border-box;
}

.deep-page h2,
.deep-page h3 {
    font-family: "Libre Baskerville", serif;
}

.deep-page h2,
.deep-page h3,
.deep-page p {
    margin-top: 0;
}

.deep-page a {
    color: #123F94;
    text-decoration: none;
    transition: .3s ease;
}

.deep-page img {
    display: block;
    width: 100%;
    object-fit: cover;
}


/* INTRO */

.deep-intro {
    max-width: 850px;
    margin: 0 auto 65px;
    text-align: center;
}

.deep-eyebrow,
.deep-intro .deep-eyebrow {
    display: inline-block;
    padding: 7px 16px;
    margin-bottom: 20px;
    background: #F8FAFD;
    color: #123F94;
    border: 1px solid #DCE5F3;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-intro h2 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 34px;
    line-height: 1.45;
}

.deep-intro p {
    margin-bottom: 15px;
    color: #666;
    line-height: 1.9;
}

.deep-intro-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.deep-intro-links a,
.deep-cta > a {
    display: inline-block;
    padding: 12px 25px;
    background: #000352;
    color: #fff !important;
    border: 1px solid #000352;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
}

.deep-intro-links a:hover,
.deep-cta > a:hover {
    background: #123F94;
    border-color: #123F94;
    transform: translateY(-2px);
}

.deep-intro-links .deep-outline-btn {
    background: #fff;
    color: #000352 !important;
}

.deep-intro-links .deep-outline-btn:hover {
    background: #F8FAFD;
    color: #123F94 !important;
}


/* HERO IMAGE */

.deep-hero-image {
    position: relative;
    height: 420px;
    margin-bottom: 90px;
    overflow: hidden;
    border-radius: 22px;
}

.deep-hero-image img {
    height: 100%;
    object-fit: cover;
}

.deep-hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 45px;
    background: linear-gradient(
        0deg,
        rgba(0,3,52,.88),
        rgba(0,3,52,.08)
    );
}

.deep-hero-overlay span,
.deep-cta > span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.deep-hero-overlay h2 {
    max-width: 650px;
    margin: 12px 0;
    color: #fff;
    font-size: 31px;
    line-height: 1.5;
}

.deep-hero-overlay p {
    max-width: 650px;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
}


/* SECTION HEADING */

.deep-section-heading {
    max-width: 800px;
    margin-bottom: 38px;
}

.deep-section-heading > span {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-section-heading h2 {
    margin-bottom: 15px;
    color: #000352;
    font-size: 33px;
    line-height: 1.45;
}

.deep-section-heading p {
    margin-bottom: 0;
    color: #666;
    line-height: 1.8;
}


/* OVERVIEW */

.deep-overview,
.deep-semarang,
.deep-structure,
.deep-funding,
.deep-credit,
.deep-schedule,
.deep-grading,
.deep-programmes,
.deep-application,
.deep-eligibility,
.deep-documents,
.deep-activities,
.deep-contact {
    margin-bottom: 90px;
}

.deep-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.deep-overview-card {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-overview-card:hover,
.deep-structure-card:hover,
.deep-programme-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 22px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
}

.deep-overview-card > span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-overview-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 19px;
    line-height: 1.5;
}

.deep-overview-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* APPLY NOW BUTTON */

.deep-intro-links .deep-apply-btn {
    background: #123F94;
    color: #fff !important;
    border: 1px solid #123F94;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(18, 63, 148, 0.15);
}

.deep-intro-links .deep-apply-btn:hover {
    background: #000352;
    border-color: #000352;
    color: #fff !important;
    transform: translateY(-3px);
}

/* UNDIP FACTS */

.deep-undip {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 45px;
    margin-bottom: 90px;
    padding: 35px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 22px;
}

.deep-undip-image {
    height: 390px;
    overflow: hidden;
    border-radius: 16px;
}

.deep-undip-image img {
    height: 100%;
}

.deep-undip-content h2 {
    margin-bottom: 18px;
    color: #000352;
    font-size: 29px;
    line-height: 1.5;
}

.deep-undip-content > p {
    color: #666;
}

.deep-facts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-fact {
    padding: 17px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 12px;
}

.deep-fact strong {
    display: block;
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 23px;
}

.deep-fact span {
    display: block;
    color: #666;
    font-size: 12px;
}

.deep-small-note {
    margin-top: 15px;
    color: #888;
    font-size: 12px;
}


/* SEMARANG */

.deep-city-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.deep-city-main {
    position: relative;
    min-height: 510px;
    overflow: hidden;
    border-radius: 18px;
}

.deep-city-main img {
    position: absolute;
    inset: 0;
    height: 100%;
}

.deep-city-caption {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    background: linear-gradient(0deg, rgba(0,3,52,.85), transparent 75%);
}

.deep-city-caption span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-city-caption h3 {
    margin: 8px 0 0;
    color: #fff;
    font-size: 25px;
}

.deep-city-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.deep-city-card {
    display: flex;
    gap: 17px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-city-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.deep-city-card h3 {
    margin-bottom: 6px;
    color: #000352;
    font-size: 17px;
}

.deep-city-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-text-link {
    display: inline-block;
    margin-top: 10px;
    color: #123F94;
    font-size: 14px;
    font-weight: 700;
}

.deep-text-link:hover {
    color: #000352;
}


/* PROGRAMME STRUCTURE */

.deep-structure-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.deep-structure-card {
    position: relative;
    min-height: 250px;
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-structure-feature {
    background: #F8FAFD;
}

.deep-structure-number {
    position: absolute;
    top: 18px;
    right: 22px;
    color: #DCE5F3;
    font-family: "Libre Baskerville", serif;
    font-size: 27px;
    font-weight: 700;
}

.deep-structure-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 24px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.deep-structure-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 18px;
}

.deep-structure-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FUNDING */

.deep-funding-highlight {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    margin-bottom: 22px;
    padding: 35px;
    background: #000352;
    border-radius: 18px;
    color: #fff;
}

.deep-funding-highlight span {
    display: block;
    margin-bottom: 10px;
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-highlight h3 {
    margin-bottom: 8px;
    color: #fff;
    font-size: 34px;
}

.deep-funding-highlight p,
.deep-funding-highlight small {
    margin-bottom: 0;
    color: #DCE5F3;
    font-size: 13px;
}

.deep-funding-highlight-side {
    padding: 20px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 13px;
}

.deep-funding-highlight-side strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-family: "Libre Baskerville", serif;
    font-size: 24px;
}

.deep-funding-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-funding-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-funding-label {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-card h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-funding-card ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.deep-funding-card li {
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
}

.deep-funding-pay {
    background: #F8FAFD;
}

.deep-notice {
    margin-top: 22px;
    padding: 22px 25px;
    background: #EEF4FF;
    border-left: 4px solid #123F94;
    border-radius: 10px;
}

.deep-notice strong {
    display: block;
    margin-bottom: 5px;
    color: #000352;
}

.deep-notice p {
    margin-bottom: 0;
    color: #555;
    font-size: 14px;
}


/* CREDIT TRANSFER */

.deep-credit-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-credit-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-credit-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 22px;
}

.deep-credit-top span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 13px;
    font-weight: 700;
}

.deep-credit-top small {
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-credit-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 21px;
}

.deep-credit-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}

.deep-certificate {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-certificate-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 22px;
}

.deep-certificate span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-certificate h3 {
    margin: 5px 0;
    color: #000352;
    font-size: 18px;
}

.deep-certificate p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}


/* SCHEDULE */

.deep-schedule-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-schedule-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-schedule-heading {
    padding: 25px;
    background: #F8FAFD;
    border-bottom: 1px solid #E4EAF3;
}

.deep-schedule-heading span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-schedule-heading h3 {
    margin: 8px 0 0;
    color: #000352;
    font-size: 25px;
}

.deep-schedule-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 25px;
    border-bottom: 1px solid #E4EAF3;
    font-size: 13px;
}

.deep-schedule-row:last-child {
    border-bottom: 0;
}

.deep-schedule-row span {
    color: #666;
}

.deep-schedule-row strong {
    color: #000352;
    text-align: right;
}


/* GRADING */

.deep-conversion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 25px;
}

.deep-conversion > div {
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-conversion span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-conversion strong {
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 21px;
}

.deep-table-wrap {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-table-wrap h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.deep-table th {
    padding: 13px 16px;
    background: #F8FAFD;
    color: #000352;
    text-align: left;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table td {
    padding: 12px 16px;
    color: #555;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table tbody tr:last-child td {
    border-bottom: 0;
}


/* PROGRAMMES */

.deep-programme-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-programme-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-programme-card h3 {
    margin-bottom: 15px;
    padding-bottom: 12px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
    border-bottom: 1px solid #E4EAF3;
}

.deep-programme-card ul {
    padding-left: 19px;
    margin-bottom: 0;
}

.deep-programme-card li {
    margin-bottom: 8px;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-programme-wide {
    grid-column: 1 / -1;
}

.deep-programme-list-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-programme-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-programme-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 21px 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-programme-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
    border-color: #C9D8F0;
}

.deep-programme-links small {
    display: block;
    margin-bottom: 5px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-programme-links strong {
    display: block;
    color: #000352;
    font-size: 14px;
}

.deep-programme-links b {
    color: #123F94;
    font-size: 19px;
}


/* APPLICATION STEPS */

.deep-steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-step {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-step:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-step > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: #000352;
    color: #fff;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
}

.deep-step h3 {
    margin-bottom: 8px;
    color: #000352;
    font-size: 17px;
}

.deep-step p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}

.deep-step a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ELIGIBILITY */

.deep-eligibility-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-eligibility-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-eligibility-item:hover {
    border-color: #C9D8F0;
    background: #F8FAFD;
}

.deep-eligibility-item > span,
.deep-document-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.deep-eligibility-item p {
    margin: 3px 0 0;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}


/* DOCUMENTS */

.deep-document-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-document-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-document-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-document-card h3 {
    margin-bottom: 7px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
}

.deep-document-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-document-card a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ACTIVITIES */

.deep-activity-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-activity-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-activity-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-activity-card img {
    height: 240px;
}

.deep-activity-card > div {
    padding: 24px;
}

.deep-activity-card span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-activity-card h3 {
    margin: 8px 0;
    color: #000352;
    font-size: 23px;
}

.deep-activity-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FINAL CTA */

.deep-cta {
    margin-bottom: 90px;
    padding: 55px 35px;
    background: #000352;
    border-radius: 22px;
    text-align: center;
}

.deep-cta h2 {
    max-width: 700px;
    margin: 13px auto;
    color: #fff;
    font-size: 30px;
    line-height: 1.5;
}

.deep-cta p {
    max-width: 650px;
    margin: 0 auto 25px;
    color: #DCE5F3;
    font-size: 14px;
}

.deep-cta > a {
    background: #fff;
    color: #000352 !important;
    border-color: #fff;
}

.deep-cta > a:hover {
    background: #EEF4FF;
    color: #000352 !important;
}


/* CONTACT */

.deep-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.deep-contact-card {
    padding: 25px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-contact-card > span {
    display: block;
    margin-bottom: 10px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-contact-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 17px;
}

.deep-contact-card a,
.deep-contact-card p {
    display: block;
    margin-bottom: 6px;
    color: #666;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.deep-contact-card a:hover {
    color: #123F94;
}


/* TABLET */

@media(max-width: 800px) {
    .deep-overview-grid,
    .deep-structure-grid,
    .deep-contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .deep-undip,
    .deep-city-layout {
        grid-template-columns: 1fr;
    }

    .deep-undip-image {
        height: 300px;
    }

    .deep-city-main {
        min-height: 350px;
    }
}


/* MOBILE */

@media(max-width: 600px) {
    .deep-page {
        padding: 10px;
    }

    .deep-intro {
        margin-bottom: 55px;
    }

    .deep-intro h2,
    .deep-section-heading h2 {
        font-size: 26px;
    }

    .deep-hero-image {
        height: 340px;
        margin-bottom: 60px;
    }

    .deep-hero-overlay {
        padding: 24px;
    }

    .deep-hero-overlay h2 {
        font-size: 23px;
    }

    .deep-overview,
    .deep-semarang,
    .deep-structure,
    .deep-funding,
    .deep-credit,
    .deep-schedule,
    .deep-grading,
    .deep-programmes,
    .deep-application,
    .deep-eligibility,
    .deep-documents,
    .deep-activities,
    .deep-contact {
        margin-bottom: 60px;
    }

    .deep-overview-grid,
    .deep-structure-grid,
    .deep-funding-columns,
    .deep-credit-grid,
    .deep-schedule-grid,
    .deep-conversion,
    .deep-programme-grid,
    .deep-steps-grid,
    .deep-eligibility-box,
    .deep-document-grid,
    .deep-activity-grid,
    .deep-contact-grid,
    .deep-programme-links {
        grid-template-columns: 1fr;
    }

    .deep-undip {
        padding: 20px;
        gap: 25px;
    }

    .deep-undip-image {
        height: 240px;
    }

    .deep-undip-content h2 {
        font-size: 24px;
    }

    .deep-facts-grid {
        gap: 10px;
    }

    .deep-city-main {
        min-height: 290px;
    }

    .deep-funding-highlight {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .deep-funding-highlight h3 {
        font-size: 28px;
    }

    .deep-schedule-row {
        flex-direction: column;
        gap: 5px;
    }

    .deep-schedule-row strong {
        text-align: left;
    }

    .deep-programme-wide {
        grid-column: auto;
    }

    .deep-programme-list-columns {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .deep-table-wrap {
        padding: 15px;
        overflow-x: auto;
    }

    .deep-table {
        min-width: 400px;
    }

    .deep-cta {
        padding: 38px 22px;
    }

    .deep-cta h2 {
        font-size: 24px;
    }

    .deep-intro-links {
        flex-direction: column;
    }

    .deep-intro-links a {
        text-align: center;
    }
}

/* =====================================================
   DEEP PAGE
   DESIGN SYSTEM MATCHED WITH DARMASISWA
===================================================== */

.deep-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
    color: #555;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.8;
}

.deep-page *,
.deep-page *::before,
.deep-page *::after {
    box-sizing: border-box;
}

.deep-page h2,
.deep-page h3 {
    font-family: "Libre Baskerville", serif;
}

.deep-page h2,
.deep-page h3,
.deep-page p {
    margin-top: 0;
}

.deep-page a {
    color: #123F94;
    text-decoration: none;
    transition: .3s ease;
}

.deep-page img {
    display: block;
    width: 100%;
    object-fit: cover;
}


/* INTRO */

.deep-intro {
    max-width: 850px;
    margin: 0 auto 65px;
    text-align: center;
}

.deep-eyebrow,
.deep-intro .deep-eyebrow {
    display: inline-block;
    padding: 7px 16px;
    margin-bottom: 20px;
    background: #F8FAFD;
    color: #123F94;
    border: 1px solid #DCE5F3;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-intro h2 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 34px;
    line-height: 1.45;
}

.deep-intro p {
    margin-bottom: 15px;
    color: #666;
    line-height: 1.9;
}

.deep-intro-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.deep-intro-links a,
.deep-cta > a {
    display: inline-block;
    padding: 12px 25px;
    background: #000352;
    color: #fff !important;
    border: 1px solid #000352;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
}

.deep-intro-links a:hover,
.deep-cta > a:hover {
    background: #123F94;
    border-color: #123F94;
    transform: translateY(-2px);
}

.deep-intro-links .deep-outline-btn {
    background: #fff;
    color: #000352 !important;
}

.deep-intro-links .deep-outline-btn:hover {
    background: #F8FAFD;
    color: #123F94 !important;
}


/* HERO IMAGE */

.deep-hero-image {
    position: relative;
    height: 420px;
    margin-bottom: 90px;
    overflow: hidden;
    border-radius: 22px;
}

.deep-hero-image img {
    height: 100%;
    object-fit: cover;
}

.deep-hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 45px;
    background: linear-gradient(
        0deg,
        rgba(0,3,52,.88),
        rgba(0,3,52,.08)
    );
}

.deep-hero-overlay span,
.deep-cta > span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.deep-hero-overlay h2 {
    max-width: 650px;
    margin: 12px 0;
    color: #fff;
    font-size: 31px;
    line-height: 1.5;
}

.deep-hero-overlay p {
    max-width: 650px;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
}


/* SECTION HEADING */

.deep-section-heading {
    max-width: 800px;
    margin-bottom: 38px;
}

.deep-section-heading > span {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-section-heading h2 {
    margin-bottom: 15px;
    color: #000352;
    font-size: 33px;
    line-height: 1.45;
}

.deep-section-heading p {
    margin-bottom: 0;
    color: #666;
    line-height: 1.8;
}


/* OVERVIEW */

.deep-overview,
.deep-semarang,
.deep-structure,
.deep-funding,
.deep-credit,
.deep-schedule,
.deep-grading,
.deep-programmes,
.deep-application,
.deep-eligibility,
.deep-documents,
.deep-activities,
.deep-contact {
    margin-bottom: 90px;
}

.deep-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.deep-overview-card {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-overview-card:hover,
.deep-structure-card:hover,
.deep-programme-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 22px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
}

.deep-overview-card > span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-overview-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 19px;
    line-height: 1.5;
}

.deep-overview-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* APPLY NOW BUTTON */

.deep-intro-links .deep-apply-btn {
    background: #123F94;
    color: #fff !important;
    border: 1px solid #123F94;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(18, 63, 148, 0.15);
}

.deep-intro-links .deep-apply-btn:hover {
    background: #000352;
    border-color: #000352;
    color: #fff !important;
    transform: translateY(-3px);
}

/* UNDIP FACTS */

.deep-undip {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 45px;
    margin-bottom: 90px;
    padding: 35px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 22px;
}

.deep-undip-image {
    height: 390px;
    overflow: hidden;
    border-radius: 16px;
}

.deep-undip-image img {
    height: 100%;
}

.deep-undip-content h2 {
    margin-bottom: 18px;
    color: #000352;
    font-size: 29px;
    line-height: 1.5;
}

.deep-undip-content > p {
    color: #666;
}

.deep-facts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-fact {
    padding: 17px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 12px;
}

.deep-fact strong {
    display: block;
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 23px;
}

.deep-fact span {
    display: block;
    color: #666;
    font-size: 12px;
}

.deep-small-note {
    margin-top: 15px;
    color: #888;
    font-size: 12px;
}


/* SEMARANG */

.deep-city-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.deep-city-main {
    position: relative;
    min-height: 510px;
    overflow: hidden;
    border-radius: 18px;
}

.deep-city-main img {
    position: absolute;
    inset: 0;
    height: 100%;
}

.deep-city-caption {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    background: linear-gradient(0deg, rgba(0,3,52,.85), transparent 75%);
}

.deep-city-caption span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-city-caption h3 {
    margin: 8px 0 0;
    color: #fff;
    font-size: 25px;
}

.deep-city-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.deep-city-card {
    display: flex;
    gap: 17px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-city-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.deep-city-card h3 {
    margin-bottom: 6px;
    color: #000352;
    font-size: 17px;
}

.deep-city-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-text-link {
    display: inline-block;
    margin-top: 10px;
    color: #123F94;
    font-size: 14px;
    font-weight: 700;
}

.deep-text-link:hover {
    color: #000352;
}


/* PROGRAMME STRUCTURE */

.deep-structure-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.deep-structure-card {
    position: relative;
    min-height: 250px;
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-structure-feature {
    background: #F8FAFD;
}

.deep-structure-number {
    position: absolute;
    top: 18px;
    right: 22px;
    color: #DCE5F3;
    font-family: "Libre Baskerville", serif;
    font-size: 27px;
    font-weight: 700;
}

.deep-structure-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 24px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.deep-structure-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 18px;
}

.deep-structure-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FUNDING */

.deep-funding-highlight {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    margin-bottom: 22px;
    padding: 35px;
    background: #000352;
    border-radius: 18px;
    color: #fff;
}

.deep-funding-highlight span {
    display: block;
    margin-bottom: 10px;
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-highlight h3 {
    margin-bottom: 8px;
    color: #fff;
    font-size: 34px;
}

.deep-funding-highlight p,
.deep-funding-highlight small {
    margin-bottom: 0;
    color: #DCE5F3;
    font-size: 13px;
}

.deep-funding-highlight-side {
    padding: 20px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 13px;
}

.deep-funding-highlight-side strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-family: "Libre Baskerville", serif;
    font-size: 24px;
}

.deep-funding-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-funding-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-funding-label {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-card h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-funding-card ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.deep-funding-card li {
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
}

.deep-funding-pay {
    background: #F8FAFD;
}

.deep-notice {
    margin-top: 22px;
    padding: 22px 25px;
    background: #EEF4FF;
    border-left: 4px solid #123F94;
    border-radius: 10px;
}

.deep-notice strong {
    display: block;
    margin-bottom: 5px;
    color: #000352;
}

.deep-notice p {
    margin-bottom: 0;
    color: #555;
    font-size: 14px;
}


/* CREDIT TRANSFER */

.deep-credit-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-credit-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-credit-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 22px;
}

.deep-credit-top span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 13px;
    font-weight: 700;
}

.deep-credit-top small {
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-credit-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 21px;
}

.deep-credit-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}

.deep-certificate {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-certificate-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 22px;
}

.deep-certificate span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-certificate h3 {
    margin: 5px 0;
    color: #000352;
    font-size: 18px;
}

.deep-certificate p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}


/* SCHEDULE */

.deep-schedule-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-schedule-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-schedule-heading {
    padding: 25px;
    background: #F8FAFD;
    border-bottom: 1px solid #E4EAF3;
}

.deep-schedule-heading span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-schedule-heading h3 {
    margin: 8px 0 0;
    color: #000352;
    font-size: 25px;
}

.deep-schedule-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 25px;
    border-bottom: 1px solid #E4EAF3;
    font-size: 13px;
}

.deep-schedule-row:last-child {
    border-bottom: 0;
}

.deep-schedule-row span {
    color: #666;
}

.deep-schedule-row strong {
    color: #000352;
    text-align: right;
}


/* GRADING */

.deep-conversion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 25px;
}

.deep-conversion > div {
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-conversion span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-conversion strong {
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 21px;
}

.deep-table-wrap {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-table-wrap h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.deep-table th {
    padding: 13px 16px;
    background: #F8FAFD;
    color: #000352;
    text-align: left;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table td {
    padding: 12px 16px;
    color: #555;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table tbody tr:last-child td {
    border-bottom: 0;
}


/* PROGRAMMES */

.deep-programme-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-programme-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-programme-card h3 {
    margin-bottom: 15px;
    padding-bottom: 12px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
    border-bottom: 1px solid #E4EAF3;
}

.deep-programme-card ul {
    padding-left: 19px;
    margin-bottom: 0;
}

.deep-programme-card li {
    margin-bottom: 8px;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-programme-wide {
    grid-column: 1 / -1;
}

.deep-programme-list-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-programme-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-programme-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 21px 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-programme-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
    border-color: #C9D8F0;
}

.deep-programme-links small {
    display: block;
    margin-bottom: 5px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-programme-links strong {
    display: block;
    color: #000352;
    font-size: 14px;
}

.deep-programme-links b {
    color: #123F94;
    font-size: 19px;
}


/* APPLICATION STEPS */

.deep-steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-step {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-step:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-step > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: #000352;
    color: #fff;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
}

.deep-step h3 {
    margin-bottom: 8px;
    color: #000352;
    font-size: 17px;
}

.deep-step p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}

.deep-step a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ELIGIBILITY */

.deep-eligibility-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-eligibility-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-eligibility-item:hover {
    border-color: #C9D8F0;
    background: #F8FAFD;
}

.deep-eligibility-item > span,
.deep-document-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.deep-eligibility-item p {
    margin: 3px 0 0;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}


/* DOCUMENTS */

.deep-document-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-document-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-document-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-document-card h3 {
    margin-bottom: 7px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
}

.deep-document-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-document-card a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ACTIVITIES */

.deep-activity-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-activity-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-activity-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-activity-card img {
    height: 240px;
}

.deep-activity-card > div {
    padding: 24px;
}

.deep-activity-card span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-activity-card h3 {
    margin: 8px 0;
    color: #000352;
    font-size: 23px;
}

.deep-activity-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FINAL CTA */

.deep-cta {
    margin-bottom: 90px;
    padding: 55px 35px;
    background: #000352;
    border-radius: 22px;
    text-align: center;
}

.deep-cta h2 {
    max-width: 700px;
    margin: 13px auto;
    color: #fff;
    font-size: 30px;
    line-height: 1.5;
}

.deep-cta p {
    max-width: 650px;
    margin: 0 auto 25px;
    color: #DCE5F3;
    font-size: 14px;
}

.deep-cta > a {
    background: #fff;
    color: #000352 !important;
    border-color: #fff;
}

.deep-cta > a:hover {
    background: #EEF4FF;
    color: #000352 !important;
}


/* CONTACT */

.deep-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.deep-contact-card {
    padding: 25px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-contact-card > span {
    display: block;
    margin-bottom: 10px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-contact-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 17px;
}

.deep-contact-card a,
.deep-contact-card p {
    display: block;
    margin-bottom: 6px;
    color: #666;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.deep-contact-card a:hover {
    color: #123F94;
}


/* TABLET */

@media(max-width: 800px) {
    .deep-overview-grid,
    .deep-structure-grid,
    .deep-contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .deep-undip,
    .deep-city-layout {
        grid-template-columns: 1fr;
    }

    .deep-undip-image {
        height: 300px;
    }

    .deep-city-main {
        min-height: 350px;
    }
}


/* MOBILE */

@media(max-width: 600px) {
    .deep-page {
        padding: 10px;
    }

    .deep-intro {
        margin-bottom: 55px;
    }

    .deep-intro h2,
    .deep-section-heading h2 {
        font-size: 26px;
    }

    .deep-hero-image {
        height: 340px;
        margin-bottom: 60px;
    }

    .deep-hero-overlay {
        padding: 24px;
    }

    .deep-hero-overlay h2 {
        font-size: 23px;
    }

    .deep-overview,
    .deep-semarang,
    .deep-structure,
    .deep-funding,
    .deep-credit,
    .deep-schedule,
    .deep-grading,
    .deep-programmes,
    .deep-application,
    .deep-eligibility,
    .deep-documents,
    .deep-activities,
    .deep-contact {
        margin-bottom: 60px;
    }

    .deep-overview-grid,
    .deep-structure-grid,
    .deep-funding-columns,
    .deep-credit-grid,
    .deep-schedule-grid,
    .deep-conversion,
    .deep-programme-grid,
    .deep-steps-grid,
    .deep-eligibility-box,
    .deep-document-grid,
    .deep-activity-grid,
    .deep-contact-grid,
    .deep-programme-links {
        grid-template-columns: 1fr;
    }

    .deep-undip {
        padding: 20px;
        gap: 25px;
    }

    .deep-undip-image {
        height: 240px;
    }

    .deep-undip-content h2 {
        font-size: 24px;
    }

    .deep-facts-grid {
        gap: 10px;
    }

    .deep-city-main {
        min-height: 290px;
    }

    .deep-funding-highlight {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .deep-funding-highlight h3 {
        font-size: 28px;
    }

    .deep-schedule-row {
        flex-direction: column;
        gap: 5px;
    }

    .deep-schedule-row strong {
        text-align: left;
    }

    .deep-programme-wide {
        grid-column: auto;
    }

    .deep-programme-list-columns {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .deep-table-wrap {
        padding: 15px;
        overflow-x: auto;
    }

    .deep-table {
        min-width: 400px;
    }

    .deep-cta {
        padding: 38px 22px;
    }

    .deep-cta h2 {
        font-size: 24px;
    }

    .deep-intro-links {
        flex-direction: column;
    }

    .deep-intro-links a {
        text-align: center;
    }
}

/* =====================================================
   DEEP PAGE
   DESIGN SYSTEM MATCHED WITH DARMASISWA
===================================================== */

.deep-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
    color: #555;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.8;
}

.deep-page *,
.deep-page *::before,
.deep-page *::after {
    box-sizing: border-box;
}

.deep-page h2,
.deep-page h3 {
    font-family: "Libre Baskerville", serif;
}

.deep-page h2,
.deep-page h3,
.deep-page p {
    margin-top: 0;
}

.deep-page a {
    color: #123F94;
    text-decoration: none;
    transition: .3s ease;
}

.deep-page img {
    display: block;
    width: 100%;
    object-fit: cover;
}


/* INTRO */

.deep-intro {
    max-width: 850px;
    margin: 0 auto 65px;
    text-align: center;
}

.deep-eyebrow,
.deep-intro .deep-eyebrow {
    display: inline-block;
    padding: 7px 16px;
    margin-bottom: 20px;
    background: #F8FAFD;
    color: #123F94;
    border: 1px solid #DCE5F3;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-intro h2 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 34px;
    line-height: 1.45;
}

.deep-intro p {
    margin-bottom: 15px;
    color: #666;
    line-height: 1.9;
}

.deep-intro-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.deep-intro-links a,
.deep-cta > a {
    display: inline-block;
    padding: 12px 25px;
    background: #000352;
    color: #fff !important;
    border: 1px solid #000352;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
}

.deep-intro-links a:hover,
.deep-cta > a:hover {
    background: #123F94;
    border-color: #123F94;
    transform: translateY(-2px);
}

.deep-intro-links .deep-outline-btn {
    background: #fff;
    color: #000352 !important;
}

.deep-intro-links .deep-outline-btn:hover {
    background: #F8FAFD;
    color: #123F94 !important;
}


/* HERO IMAGE */

.deep-hero-image {
    position: relative;
    height: 420px;
    margin-bottom: 90px;
    overflow: hidden;
    border-radius: 22px;
}

.deep-hero-image img {
    height: 100%;
    object-fit: cover;
}

.deep-hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 45px;
    background: linear-gradient(
        0deg,
        rgba(0,3,52,.88),
        rgba(0,3,52,.08)
    );
}

.deep-hero-overlay span,
.deep-cta > span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.deep-hero-overlay h2 {
    max-width: 650px;
    margin: 12px 0;
    color: #fff;
    font-size: 31px;
    line-height: 1.5;
}

.deep-hero-overlay p {
    max-width: 650px;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
}


/* SECTION HEADING */

.deep-section-heading {
    max-width: 800px;
    margin-bottom: 38px;
}

.deep-section-heading > span {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-section-heading h2 {
    margin-bottom: 15px;
    color: #000352;
    font-size: 33px;
    line-height: 1.45;
}

.deep-section-heading p {
    margin-bottom: 0;
    color: #666;
    line-height: 1.8;
}


/* OVERVIEW */

.deep-overview,
.deep-semarang,
.deep-structure,
.deep-funding,
.deep-credit,
.deep-schedule,
.deep-grading,
.deep-programmes,
.deep-application,
.deep-eligibility,
.deep-documents,
.deep-activities,
.deep-contact {
    margin-bottom: 90px;
}

.deep-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.deep-overview-card {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-overview-card:hover,
.deep-structure-card:hover,
.deep-programme-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 22px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
}

.deep-overview-card > span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-overview-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 19px;
    line-height: 1.5;
}

.deep-overview-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* APPLY NOW BUTTON */

.deep-intro-links .deep-apply-btn {
    background: #123F94;
    color: #fff !important;
    border: 1px solid #123F94;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(18, 63, 148, 0.15);
}

.deep-intro-links .deep-apply-btn:hover {
    background: #000352;
    border-color: #000352;
    color: #fff !important;
    transform: translateY(-3px);
}

/* UNDIP FACTS */

.deep-undip {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 45px;
    margin-bottom: 90px;
    padding: 35px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 22px;
}

.deep-undip-image {
    height: 390px;
    overflow: hidden;
    border-radius: 16px;
}

.deep-undip-image img {
    height: 100%;
}

.deep-undip-content h2 {
    margin-bottom: 18px;
    color: #000352;
    font-size: 29px;
    line-height: 1.5;
}

.deep-undip-content > p {
    color: #666;
}

.deep-facts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-fact {
    padding: 17px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 12px;
}

.deep-fact strong {
    display: block;
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 23px;
}

.deep-fact span {
    display: block;
    color: #666;
    font-size: 12px;
}

.deep-small-note {
    margin-top: 15px;
    color: #888;
    font-size: 12px;
}


/* SEMARANG */

.deep-city-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.deep-city-main {
    position: relative;
    min-height: 510px;
    overflow: hidden;
    border-radius: 18px;
}

.deep-city-main img {
    position: absolute;
    inset: 0;
    height: 100%;
}

.deep-city-caption {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    background: linear-gradient(0deg, rgba(0,3,52,.85), transparent 75%);
}

.deep-city-caption span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-city-caption h3 {
    margin: 8px 0 0;
    color: #fff;
    font-size: 25px;
}

.deep-city-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.deep-city-card {
    display: flex;
    gap: 17px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-city-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.deep-city-card h3 {
    margin-bottom: 6px;
    color: #000352;
    font-size: 17px;
}

.deep-city-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-text-link {
    display: inline-block;
    margin-top: 10px;
    color: #123F94;
    font-size: 14px;
    font-weight: 700;
}

.deep-text-link:hover {
    color: #000352;
}


/* PROGRAMME STRUCTURE */

.deep-structure-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.deep-structure-card {
    position: relative;
    min-height: 250px;
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-structure-feature {
    background: #F8FAFD;
}

.deep-structure-number {
    position: absolute;
    top: 18px;
    right: 22px;
    color: #DCE5F3;
    font-family: "Libre Baskerville", serif;
    font-size: 27px;
    font-weight: 700;
}

.deep-structure-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 24px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.deep-structure-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 18px;
}

.deep-structure-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FUNDING */

.deep-funding-highlight {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    margin-bottom: 22px;
    padding: 35px;
    background: #000352;
    border-radius: 18px;
    color: #fff;
}

.deep-funding-highlight span {
    display: block;
    margin-bottom: 10px;
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-highlight h3 {
    margin-bottom: 8px;
    color: #fff;
    font-size: 34px;
}

.deep-funding-highlight p,
.deep-funding-highlight small {
    margin-bottom: 0;
    color: #DCE5F3;
    font-size: 13px;
}

.deep-funding-highlight-side {
    padding: 20px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 13px;
}

.deep-funding-highlight-side strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-family: "Libre Baskerville", serif;
    font-size: 24px;
}

.deep-funding-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-funding-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-funding-label {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-card h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-funding-card ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.deep-funding-card li {
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
}

.deep-funding-pay {
    background: #F8FAFD;
}

.deep-notice {
    margin-top: 22px;
    padding: 22px 25px;
    background: #EEF4FF;
    border-left: 4px solid #123F94;
    border-radius: 10px;
}

.deep-notice strong {
    display: block;
    margin-bottom: 5px;
    color: #000352;
}

.deep-notice p {
    margin-bottom: 0;
    color: #555;
    font-size: 14px;
}


/* CREDIT TRANSFER */

.deep-credit-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-credit-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-credit-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 22px;
}

.deep-credit-top span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 13px;
    font-weight: 700;
}

.deep-credit-top small {
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-credit-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 21px;
}

.deep-credit-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}

.deep-certificate {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-certificate-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 22px;
}

.deep-certificate span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-certificate h3 {
    margin: 5px 0;
    color: #000352;
    font-size: 18px;
}

.deep-certificate p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}


/* SCHEDULE */

.deep-schedule-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-schedule-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-schedule-heading {
    padding: 25px;
    background: #F8FAFD;
    border-bottom: 1px solid #E4EAF3;
}

.deep-schedule-heading span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-schedule-heading h3 {
    margin: 8px 0 0;
    color: #000352;
    font-size: 25px;
}

.deep-schedule-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 25px;
    border-bottom: 1px solid #E4EAF3;
    font-size: 13px;
}

.deep-schedule-row:last-child {
    border-bottom: 0;
}

.deep-schedule-row span {
    color: #666;
}

.deep-schedule-row strong {
    color: #000352;
    text-align: right;
}


/* GRADING */

.deep-conversion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 25px;
}

.deep-conversion > div {
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-conversion span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-conversion strong {
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 21px;
}

.deep-table-wrap {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-table-wrap h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.deep-table th {
    padding: 13px 16px;
    background: #F8FAFD;
    color: #000352;
    text-align: left;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table td {
    padding: 12px 16px;
    color: #555;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table tbody tr:last-child td {
    border-bottom: 0;
}


/* PROGRAMMES */

.deep-programme-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-programme-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-programme-card h3 {
    margin-bottom: 15px;
    padding-bottom: 12px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
    border-bottom: 1px solid #E4EAF3;
}

.deep-programme-card ul {
    padding-left: 19px;
    margin-bottom: 0;
}

.deep-programme-card li {
    margin-bottom: 8px;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-programme-wide {
    grid-column: 1 / -1;
}

.deep-programme-list-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-programme-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-programme-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 21px 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-programme-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
    border-color: #C9D8F0;
}

.deep-programme-links small {
    display: block;
    margin-bottom: 5px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-programme-links strong {
    display: block;
    color: #000352;
    font-size: 14px;
}

.deep-programme-links b {
    color: #123F94;
    font-size: 19px;
}


/* APPLICATION STEPS */

.deep-steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-step {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-step:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-step > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: #000352;
    color: #fff;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
}

.deep-step h3 {
    margin-bottom: 8px;
    color: #000352;
    font-size: 17px;
}

.deep-step p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}

.deep-step a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ELIGIBILITY */

.deep-eligibility-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-eligibility-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-eligibility-item:hover {
    border-color: #C9D8F0;
    background: #F8FAFD;
}

.deep-eligibility-item > span,
.deep-document-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.deep-eligibility-item p {
    margin: 3px 0 0;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}


/* DOCUMENTS */

.deep-document-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-document-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-document-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-document-card h3 {
    margin-bottom: 7px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
}

.deep-document-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-document-card a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ACTIVITIES */

.deep-activity-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-activity-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-activity-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-activity-card img {
    height: 240px;
}

.deep-activity-card > div {
    padding: 24px;
}

.deep-activity-card span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-activity-card h3 {
    margin: 8px 0;
    color: #000352;
    font-size: 23px;
}

.deep-activity-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FINAL CTA */

.deep-cta {
    margin-bottom: 90px;
    padding: 55px 35px;
    background: #000352;
    border-radius: 22px;
    text-align: center;
}

.deep-cta h2 {
    max-width: 700px;
    margin: 13px auto;
    color: #fff;
    font-size: 30px;
    line-height: 1.5;
}

.deep-cta p {
    max-width: 650px;
    margin: 0 auto 25px;
    color: #DCE5F3;
    font-size: 14px;
}

.deep-cta > a {
    background: #fff;
    color: #000352 !important;
    border-color: #fff;
}

.deep-cta > a:hover {
    background: #EEF4FF;
    color: #000352 !important;
}


/* CONTACT */

.deep-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.deep-contact-card {
    padding: 25px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-contact-card > span {
    display: block;
    margin-bottom: 10px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-contact-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 17px;
}

.deep-contact-card a,
.deep-contact-card p {
    display: block;
    margin-bottom: 6px;
    color: #666;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.deep-contact-card a:hover {
    color: #123F94;
}


/* TABLET */

@media(max-width: 800px) {
    .deep-overview-grid,
    .deep-structure-grid,
    .deep-contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .deep-undip,
    .deep-city-layout {
        grid-template-columns: 1fr;
    }

    .deep-undip-image {
        height: 300px;
    }

    .deep-city-main {
        min-height: 350px;
    }
}


/* MOBILE */

@media(max-width: 600px) {
    .deep-page {
        padding: 10px;
    }

    .deep-intro {
        margin-bottom: 55px;
    }

    .deep-intro h2,
    .deep-section-heading h2 {
        font-size: 26px;
    }

    .deep-hero-image {
        height: 340px;
        margin-bottom: 60px;
    }

    .deep-hero-overlay {
        padding: 24px;
    }

    .deep-hero-overlay h2 {
        font-size: 23px;
    }

    .deep-overview,
    .deep-semarang,
    .deep-structure,
    .deep-funding,
    .deep-credit,
    .deep-schedule,
    .deep-grading,
    .deep-programmes,
    .deep-application,
    .deep-eligibility,
    .deep-documents,
    .deep-activities,
    .deep-contact {
        margin-bottom: 60px;
    }

    .deep-overview-grid,
    .deep-structure-grid,
    .deep-funding-columns,
    .deep-credit-grid,
    .deep-schedule-grid,
    .deep-conversion,
    .deep-programme-grid,
    .deep-steps-grid,
    .deep-eligibility-box,
    .deep-document-grid,
    .deep-activity-grid,
    .deep-contact-grid,
    .deep-programme-links {
        grid-template-columns: 1fr;
    }

    .deep-undip {
        padding: 20px;
        gap: 25px;
    }

    .deep-undip-image {
        height: 240px;
    }

    .deep-undip-content h2 {
        font-size: 24px;
    }

    .deep-facts-grid {
        gap: 10px;
    }

    .deep-city-main {
        min-height: 290px;
    }

    .deep-funding-highlight {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .deep-funding-highlight h3 {
        font-size: 28px;
    }

    .deep-schedule-row {
        flex-direction: column;
        gap: 5px;
    }

    .deep-schedule-row strong {
        text-align: left;
    }

    .deep-programme-wide {
        grid-column: auto;
    }

    .deep-programme-list-columns {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .deep-table-wrap {
        padding: 15px;
        overflow-x: auto;
    }

    .deep-table {
        min-width: 400px;
    }

    .deep-cta {
        padding: 38px 22px;
    }

    .deep-cta h2 {
        font-size: 24px;
    }

    .deep-intro-links {
        flex-direction: column;
    }

    .deep-intro-links a {
        text-align: center;
    }
}
ille", serif;
}

.deep-page h2,
.deep-page h3,
.deep-page p {
    margin-top: 0;
}

.deep-page a {
    color: #123F94;
    text-decoration: none;
    transition: .3s ease;
}

.deep-page img {
    display: block;
    width: 100%;
    object-fit: cover;
}


/* INTRO */

.deep-intro {
    max-width: 850px;
    margin: 0 auto 65px;
    text-align: center;
}

.deep-eyebrow,
.deep-intro .deep-eyebrow {
    display: inline-block;
    padding: 7px 16px;
    margin-bottom: 20px;
    background: #F8FAFD;
    color: #123F94;
    border: 1px solid #DCE5F3;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-intro h2 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 34px;
    line-height: 1.45;
}

.deep-intro p {
    margin-bottom: 15px;
    color: #666;
    line-height: 1.9;
}

.deep-intro-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.deep-intro-links a,
.deep-cta > a {
    display: inline-block;
    padding: 12px 25px;
    background: #000352;
    color: #fff !important;
    border: 1px solid #000352;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
}

.deep-intro-links a:hover,
.deep-cta > a:hover {
    background: #123F94;
    border-color: #123F94;
    transform: translateY(-2px);
}

.deep-intro-links .deep-outline-btn {
    background: #fff;
    color: #000352 !important;
}

.deep-intro-links .deep-outline-btn:hover {
    background: #F8FAFD;
    color: #123F94 !important;
}


/* HERO IMAGE */

.deep-hero-image {
    position: relative;
    height: 420px;
    margin-bottom: 90px;
    overflow: hidden;
    border-radius: 22px;
}

.deep-hero-image img {
    height: 100%;
    object-fit: cover;
}

.deep-hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 45px;
    background: linear-gradient(
        0deg,
        rgba(0,3,52,.88),
        rgba(0,3,52,.08)
    );
}

.deep-hero-overlay span,
.deep-cta > span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.deep-hero-overlay h2 {
    max-width: 650px;
    margin: 12px 0;
    color: #fff;
    font-size: 31px;
    line-height: 1.5;
}

.deep-hero-overlay p {
    max-width: 650px;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
}


/* SECTION HEADING */

.deep-section-heading {
    max-width: 800px;
    margin-bottom: 38px;
}

.deep-section-heading > span {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-section-heading h2 {
    margin-bottom: 15px;
    color: #000352;
    font-size: 33px;
    line-height: 1.45;
}

.deep-section-heading p {
    margin-bottom: 0;
    color: #666;
    line-height: 1.8;
}


/* OVERVIEW */

.deep-overview,
.deep-semarang,
.deep-structure,
.deep-funding,
.deep-credit,
.deep-schedule,
.deep-grading,
.deep-programmes,
.deep-application,
.deep-eligibility,
.deep-documents,
.deep-activities,
.deep-contact {
    margin-bottom: 90px;
}

.deep-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.deep-overview-card {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-overview-card:hover,
.deep-structure-card:hover,
.deep-programme-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 22px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
}

.deep-overview-card > span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-overview-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 19px;
    line-height: 1.5;
}

.deep-overview-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* APPLY NOW BUTTON */

.deep-intro-links .deep-apply-btn {
    background: #123F94;
    color: #fff !important;
    border: 1px solid #123F94;
    font-weight: 700;
    box-shadow: 0 5px 14px rgba(18, 63, 148, 0.15);
}

.deep-intro-links .deep-apply-btn:hover {
    background: #000352;
    border-color: #000352;
    color: #fff !important;
    transform: translateY(-3px);
}

/* UNDIP FACTS */

.deep-undip {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 45px;
    margin-bottom: 90px;
    padding: 35px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 22px;
}

.deep-undip-image {
    height: 390px;
    overflow: hidden;
    border-radius: 16px;
}

.deep-undip-image img {
    height: 100%;
}

.deep-undip-content h2 {
    margin-bottom: 18px;
    color: #000352;
    font-size: 29px;
    line-height: 1.5;
}

.deep-undip-content > p {
    color: #666;
}

.deep-facts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-fact {
    padding: 17px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 12px;
}

.deep-fact strong {
    display: block;
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 23px;
}

.deep-fact span {
    display: block;
    color: #666;
    font-size: 12px;
}

.deep-small-note {
    margin-top: 15px;
    color: #888;
    font-size: 12px;
}


/* SEMARANG */

.deep-city-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.deep-city-main {
    position: relative;
    min-height: 510px;
    overflow: hidden;
    border-radius: 18px;
}

.deep-city-main img {
    position: absolute;
    inset: 0;
    height: 100%;
}

.deep-city-caption {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    background: linear-gradient(0deg, rgba(0,3,52,.85), transparent 75%);
}

.deep-city-caption span {
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-city-caption h3 {
    margin: 8px 0 0;
    color: #fff;
    font-size: 25px;
}

.deep-city-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.deep-city-card {
    display: flex;
    gap: 17px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-city-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.deep-city-card h3 {
    margin-bottom: 6px;
    color: #000352;
    font-size: 17px;
}

.deep-city-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-text-link {
    display: inline-block;
    margin-top: 10px;
    color: #123F94;
    font-size: 14px;
    font-weight: 700;
}

.deep-text-link:hover {
    color: #000352;
}


/* PROGRAMME STRUCTURE */

.deep-structure-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.deep-structure-card {
    position: relative;
    min-height: 250px;
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-structure-feature {
    background: #F8FAFD;
}

.deep-structure-number {
    position: absolute;
    top: 18px;
    right: 22px;
    color: #DCE5F3;
    font-family: "Libre Baskerville", serif;
    font-size: 27px;
    font-weight: 700;
}

.deep-structure-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 24px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.deep-structure-card h3 {
    margin-bottom: 10px;
    color: #000352;
    font-size: 18px;
}

.deep-structure-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FUNDING */

.deep-funding-highlight {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 20px;
    margin-bottom: 22px;
    padding: 35px;
    background: #000352;
    border-radius: 18px;
    color: #fff;
}

.deep-funding-highlight span {
    display: block;
    margin-bottom: 10px;
    color: #DCE5F3;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-highlight h3 {
    margin-bottom: 8px;
    color: #fff;
    font-size: 34px;
}

.deep-funding-highlight p,
.deep-funding-highlight small {
    margin-bottom: 0;
    color: #DCE5F3;
    font-size: 13px;
}

.deep-funding-highlight-side {
    padding: 20px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 13px;
}

.deep-funding-highlight-side strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-family: "Libre Baskerville", serif;
    font-size: 24px;
}

.deep-funding-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-funding-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-funding-label {
    display: block;
    margin-bottom: 12px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-funding-card h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-funding-card ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.deep-funding-card li {
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
}

.deep-funding-pay {
    background: #F8FAFD;
}

.deep-notice {
    margin-top: 22px;
    padding: 22px 25px;
    background: #EEF4FF;
    border-left: 4px solid #123F94;
    border-radius: 10px;
}

.deep-notice strong {
    display: block;
    margin-bottom: 5px;
    color: #000352;
}

.deep-notice p {
    margin-bottom: 0;
    color: #555;
    font-size: 14px;
}


/* CREDIT TRANSFER */

.deep-credit-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-credit-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-credit-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 22px;
}

.deep-credit-top span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 13px;
    font-weight: 700;
}

.deep-credit-top small {
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-credit-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 21px;
}

.deep-credit-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}

.deep-certificate {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-certificate-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 12px;
    font-size: 22px;
}

.deep-certificate span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-certificate h3 {
    margin: 5px 0;
    color: #000352;
    font-size: 18px;
}

.deep-certificate p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}


/* SCHEDULE */

.deep-schedule-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-schedule-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-schedule-heading {
    padding: 25px;
    background: #F8FAFD;
    border-bottom: 1px solid #E4EAF3;
}

.deep-schedule-heading span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-schedule-heading h3 {
    margin: 8px 0 0;
    color: #000352;
    font-size: 25px;
}

.deep-schedule-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 25px;
    border-bottom: 1px solid #E4EAF3;
    font-size: 13px;
}

.deep-schedule-row:last-child {
    border-bottom: 0;
}

.deep-schedule-row span {
    color: #666;
}

.deep-schedule-row strong {
    color: #000352;
    text-align: right;
}


/* GRADING */

.deep-conversion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 25px;
}

.deep-conversion > div {
    padding: 25px;
    background: #F8FAFD;
    border: 1px solid #E4EAF3;
    border-radius: 15px;
}

.deep-conversion span {
    display: block;
    margin-bottom: 8px;
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-conversion strong {
    color: #000352;
    font-family: "Libre Baskerville", serif;
    font-size: 21px;
}

.deep-table-wrap {
    padding: 28px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
}

.deep-table-wrap h3 {
    margin-bottom: 20px;
    color: #000352;
    font-size: 21px;
}

.deep-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.deep-table th {
    padding: 13px 16px;
    background: #F8FAFD;
    color: #000352;
    text-align: left;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table td {
    padding: 12px 16px;
    color: #555;
    border-bottom: 1px solid #E4EAF3;
}

.deep-table tbody tr:last-child td {
    border-bottom: 0;
}


/* PROGRAMMES */

.deep-programme-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-programme-card {
    padding: 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-programme-card h3 {
    margin-bottom: 15px;
    padding-bottom: 12px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
    border-bottom: 1px solid #E4EAF3;
}

.deep-programme-card ul {
    padding-left: 19px;
    margin-bottom: 0;
}

.deep-programme-card li {
    margin-bottom: 8px;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-programme-wide {
    grid-column: 1 / -1;
}

.deep-programme-list-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-programme-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.deep-programme-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 21px 24px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-programme-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
    border-color: #C9D8F0;
}

.deep-programme-links small {
    display: block;
    margin-bottom: 5px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-programme-links strong {
    display: block;
    color: #000352;
    font-size: 14px;
}

.deep-programme-links b {
    color: #123F94;
    font-size: 19px;
}


/* APPLICATION STEPS */

.deep-steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-step {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-step:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-step > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    background: #000352;
    color: #fff;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
}

.deep-step h3 {
    margin-bottom: 8px;
    color: #000352;
    font-size: 17px;
}

.deep-step p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
}

.deep-step a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ELIGIBILITY */

.deep-eligibility-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-eligibility-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 13px;
    transition: .3s ease;
}

.deep-eligibility-item:hover {
    border-color: #C9D8F0;
    background: #F8FAFD;
}

.deep-eligibility-item > span,
.deep-document-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: #EEF4FF;
    color: #123F94;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.deep-eligibility-item p {
    margin: 3px 0 0;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}


/* DOCUMENTS */

.deep-document-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.deep-document-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
    transition: .3s ease;
}

.deep-document-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.deep-document-card h3 {
    margin-bottom: 7px;
    color: #000352;
    font-size: 17px;
    line-height: 1.5;
}

.deep-document-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.deep-document-card a {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
}


/* ACTIVITIES */

.deep-activity-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.deep-activity-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 16px;
    transition: .3s ease;
}

.deep-activity-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

.deep-activity-card img {
    height: 240px;
}

.deep-activity-card > div {
    padding: 24px;
}

.deep-activity-card span {
    color: #123F94;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-activity-card h3 {
    margin: 8px 0;
    color: #000352;
    font-size: 23px;
}

.deep-activity-card p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
}


/* FINAL CTA */

.deep-cta {
    margin-bottom: 90px;
    padding: 55px 35px;
    background: #000352;
    border-radius: 22px;
    text-align: center;
}

.deep-cta h2 {
    max-width: 700px;
    margin: 13px auto;
    color: #fff;
    font-size: 30px;
    line-height: 1.5;
}

.deep-cta p {
    max-width: 650px;
    margin: 0 auto 25px;
    color: #DCE5F3;
    font-size: 14px;
}

.deep-cta > a {
    background: #fff;
    color: #000352 !important;
    border-color: #fff;
}

.deep-cta > a:hover {
    background: #EEF4FF;
    color: #000352 !important;
}


/* CONTACT */

.deep-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.deep-contact-card {
    padding: 25px;
    background: #fff;
    border: 1px solid #E4EAF3;
    border-radius: 14px;
}

.deep-contact-card > span {
    display: block;
    margin-bottom: 10px;
    color: #123F94;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.deep-contact-card h3 {
    margin-bottom: 12px;
    color: #000352;
    font-size: 17px;
}

.deep-contact-card a,
.deep-contact-card p {
    display: block;
    margin-bottom: 6px;
    color: #666;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.deep-contact-card a:hover {
    color: #123F94;
}


/* TABLET */

@media(max-width: 800px) {
    .deep-overview-grid,
    .deep-structure-grid,
    .deep-contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .deep-undip,
    .deep-city-layout {
        grid-template-columns: 1fr;
    }

    .deep-undip-image {
        height: 300px;
    }

    .deep-city-main {
        min-height: 350px;
    }
}


/* MOBILE */

@media(max-width: 600px) {
    .deep-page {
        padding: 10px;
    }

    .deep-intro {
        margin-bottom: 55px;
    }

    .deep-intro h2,
    .deep-section-heading h2 {
        font-size: 26px;
    }

    .deep-hero-image {
        height: 340px;
        margin-bottom: 60px;
    }

    .deep-hero-overlay {
        padding: 24px;
    }

    .deep-hero-overlay h2 {
        font-size: 23px;
    }

    .deep-overview,
    .deep-semarang,
    .deep-structure,
    .deep-funding,
    .deep-credit,
    .deep-schedule,
    .deep-grading,
    .deep-programmes,
    .deep-application,
    .deep-eligibility,
    .deep-documents,
    .deep-activities,
    .deep-contact {
        margin-bottom: 60px;
    }

    .deep-overview-grid,
    .deep-structure-grid,
    .deep-funding-columns,
    .deep-credit-grid,
    .deep-schedule-grid,
    .deep-conversion,
    .deep-programme-grid,
    .deep-steps-grid,
    .deep-eligibility-box,
    .deep-document-grid,
    .deep-activity-grid,
    .deep-contact-grid,
    .deep-programme-links {
        grid-template-columns: 1fr;
    }

    .deep-undip {
        padding: 20px;
        gap: 25px;
    }

    .deep-undip-image {
        height: 240px;
    }

    .deep-undip-content h2 {
        font-size: 24px;
    }

    .deep-facts-grid {
        gap: 10px;
    }

    .deep-city-main {
        min-height: 290px;
    }

    .deep-funding-highlight {
        grid-template-columns: 1fr;
        padding: 25px;
    }

    .deep-funding-highlight h3 {
        font-size: 28px;
    }

    .deep-schedule-row {
        flex-direction: column;
        gap: 5px;
    }

    .deep-schedule-row strong {
        text-align: left;
    }

    .deep-programme-wide {
        grid-column: auto;
    }

    .deep-programme-list-columns {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .deep-table-wrap {
        padding: 15px;
        overflow-x: auto;
    }

    .deep-table {
        min-width: 400px;
    }

    .deep-cta {
        padding: 38px 22px;
    }

    .deep-cta h2 {
        font-size: 24px;
    }

    .deep-intro-links {
        flex-direction: column;
    }

    .deep-intro-links a {
        text-align: center;
    }
}/* End custom CSS */