/* INCEPTION_MEDIUM_BLUE_MASTER_V12_ACTIVE */
/*
=======================================================================
 INCEPTION_LOGIN_BLUE_MASTER_V11
=======================================================================

 EXACT LOGIN PRODUCTION PALETTE:

 #2142AD -> #2E65BF

 RULE:
 - entire landing uses the same blue canvas
 - cards stay dark navy
 - NO dark/black section switching
 - NO orange surfaces
 - NO giant contact wrapper box

=======================================================================
*/


/* =====================================================================
   VARIABLES
   ===================================================================== */

html body.inception-home-blue-v16 {

    --v11-blue-a: #2142AD;
    --v11-blue-b: #2E65BF;

    --v11-card: #18233F;
    --v11-card-2: #1D2949;
    --v11-card-hover: #223153;

    --v11-border:
        rgba(220,232,255,.20);

    --v11-border-hover:
        rgba(235,242,255,.34);

    --v11-white:
        #FFFFFF;

    --v11-text:
        #E8EEFA;

    --v11-muted:
        #C5D3ED;

    --v11-accent:
        #BED7FF;
}


/* =====================================================================
   PAGE
   EXACT SAME LOGIN BLUE CANVAS
   ===================================================================== */

html,
body,
html body.inception-home-blue-v16,
html body.inception-home-blue-v16 #root {

    background:
        #2142AD !important;

    background-color:
        #2142AD !important;

    color:
        var(--v11-text) !important;
}


/* =====================================================================
   NAVBAR
   Still same family, just slightly darker blue.
   ===================================================================== */

html body.inception-home-blue-v16 header,
html body.inception-home-blue-v16 nav {

    background:
        #18358F !important;

    background-color:
        #18358F !important;

    background-image:
        none !important;

    border-bottom:
        1px solid rgba(255,255,255,.12) !important;

    box-shadow:
        none !important;
}


/* =====================================================================
   HERO
   ===================================================================== */

html body.inception-home-blue-v16
#root
.hero {

    background:
        linear-gradient(
            135deg,
            #2142AD 0%,
            #2E65BF 100%
        ) !important;

    background-color:
        #2142AD !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


/*
 Hero decoration may remain,
 but only as subtle transparent blue/white.
*/

html body.inception-home-blue-v16
#root
.hero::before {

    background:
        radial-gradient(
            circle at 12% 28%,
            rgba(255,255,255,.05),
            transparent 30%
        ) !important;

    box-shadow:
        none !important;

    filter:
        none !important;
}


html body.inception-home-blue-v16
#root
.hero::after {

    background:
        radial-gradient(
            circle at 87% 30%,
            rgba(190,215,255,.07),
            transparent 33%
        ) !important;

    box-shadow:
        none !important;

    filter:
        none !important;
}


/* =====================================================================
   EVERY SECTION
   SAME BLUE.
   NO TOP/BOTTOM THEME SWITCH.
   ===================================================================== */

html body.inception-home-blue-v16
#root :is(

    .section,
    section.section,

    .public-stats-section,

    .about-section,
    .section-about,

    .timeline-section,
    .section-timeline,

    .history-section,
    .riwayat-section,

    .prizes-section,
    .section-prizes,

    .location-section,
    .section-location,

    .cta-section

) {

    background:
        linear-gradient(
            135deg,
            #2142AD 0%,
            #2E65BF 100%
        ) !important;

    background-color:
        #2142AD !important;

    border-top:
        1px solid
        rgba(255,255,255,.08) !important;

    border-bottom:
        0 !important;

    box-shadow:
        none !important;

    filter:
        none !important;
}


/* =====================================================================
   NO COLORED SECTION BLOBS
   ===================================================================== */

html body.inception-home-blue-v16
#root :is(

    .section,
    .public-stats-section,
    .about-section,
    .timeline-section,
    .history-section,
    .riwayat-section,
    .prizes-section,
    .location-section,
    .cta-section

)::before,

html body.inception-home-blue-v16
#root :is(

    .section,
    .public-stats-section,
    .about-section,
    .timeline-section,
    .history-section,
    .riwayat-section,
    .prizes-section,
    .location-section,
    .cta-section

)::after {

    box-shadow:
        none !important;

    filter:
        none !important;
}


/* =====================================================================
   TEXT
   ===================================================================== */

html body.inception-home-blue-v16
#root :is(

    .hero-title,

    .section-title,
    .about-title,
    .location-title,

    .public-stats-heading h2,
    .riwayat-heading h2,

    .cta-title

) {

    color:
        #FFFFFF !important;

    text-shadow:
        none !important;
}


html body.inception-home-blue-v16
#root :is(

    .hero-desc,
    .section-subtitle,
    .about-text,
    .history-description,
    .public-stats-heading p,
    .cta-desc

) {

    color:
        #E8EEFA !important;
}


html body.inception-home-blue-v16
#root :is(

    .section-kicker,
    .info-card-label,
    .fact-label,
    .timeline-date,
    .location-label,
    .location-contact-label,
    .riwayat-meta-card small

) {

    color:
        #D7E5FF !important;
}


/* =====================================================================
   ALL CARDS
   DARK SURFACE ON LOGIN BLUE CANVAS
   ===================================================================== */

html body.inception-home-blue-v16
#root :is(

    .info-card,
    .hero-info-card,
    .hero-detail-card,
    .hero-stat-card,

    .public-stat-card,

    .fact-card,
    .stage-item,

    .timeline-item,

    .riwayat-news-card,

    .prize-card,
    .other-prize-card,

    .location-card,

    .location-contact-card

) {

    background:
        linear-gradient(
            145deg,
            #1D2949 0%,
            #18233F 100%
        ) !important;

    background-color:
        #18233F !important;

    border:
        1px solid
        rgba(220,232,255,.20) !important;

    border-left-color:
        rgba(220,232,255,.20) !important;

    border-top-color:
        rgba(220,232,255,.20) !important;

    border-right-color:
        rgba(220,232,255,.20) !important;

    border-bottom-color:
        rgba(220,232,255,.20) !important;

    box-shadow:
        0 10px 24px
        rgba(8,18,55,.12) !important;

    color:
        #FFFFFF !important;

    filter:
        none !important;
}


/* =====================================================================
   REMOVE ORANGE / RANDOM CARD DECORATION
   ===================================================================== */

html body.inception-home-blue-v16
#root :is(

    .info-card,
    .public-stat-card,
    .fact-card,
    .stage-item,
    .riwayat-news-card,
    .prize-card,
    .other-prize-card,
    .location-card,
    .location-contact-card

)::before,

html body.inception-home-blue-v16
#root :is(

    .info-card,
    .public-stat-card,
    .fact-card,
    .stage-item,
    .riwayat-news-card,
    .prize-card,
    .other-prize-card,
    .location-card,
    .location-contact-card

)::after {

    background:
        transparent !important;

    background-image:
        none !important;

    border-color:
        transparent !important;

    box-shadow:
        none !important;
}


/* =====================================================================
   CARD HOVER
   ===================================================================== */

@media (hover:hover) and (pointer:fine) {

    html body.inception-home-blue-v16
    #root :is(

        .info-card,
        .public-stat-card,
        .fact-card,
        .stage-item,
        .timeline-item,
        .riwayat-news-card,
        .prize-card,
        .other-prize-card,
        .location-card,
        .location-contact-card

    ):hover {

        background:
            #223153 !important;

        background-image:
            none !important;

        border-color:
            rgba(235,242,255,.34) !important;

        box-shadow:
            0 14px 30px
            rgba(8,18,55,.16) !important;

        transform:
            translateY(-2px) !important;
    }

}


/* =====================================================================
   STATISTICS
   ===================================================================== */

html body.inception-home-blue-v16
#root
.public-stat-card strong {

    color:
        #FFFFFF !important;

    font-weight:
        900 !important;
}


html body.inception-home-blue-v16
#root
.public-stat-card h3 {

    color:
        #FFFFFF !important;
}


html body.inception-home-blue-v16
#root
.public-stat-card p {

    color:
        #E8EEFA !important;
}


/* =====================================================================
   ABOUT
   ===================================================================== */

html body.inception-home-blue-v16
#root
.about-text {

    color:
        #FFFFFF !important;

    font-weight:
        600 !important;

    line-height:
        1.8 !important;
}


html body.inception-home-blue-v16
#root
.fact-value {

    color:
        #FFFFFF !important;
}


/* =====================================================================
   TIMELINE

   Keep existing timeline number system.
   ===================================================================== */

html body.inception-home-blue-v16
#root
.timeline-item,

html body.inception-home-blue-v16
#root
.timeline-item:nth-child(odd),

html body.inception-home-blue-v16
#root
.timeline-item:nth-child(even),

html body.inception-home-blue-v16
#root
.timeline-item:last-child {

    background:
        linear-gradient(
            145deg,
            #1D2949,
            #18233F
        ) !important;

    border:
        1px solid
        rgba(220,232,255,.20) !important;
}


html body.inception-home-blue-v16
#root
.timeline-list::before {

    background:
        rgba(215,229,255,.42) !important;

    box-shadow:
        none !important;
}


html body.inception-home-blue-v16
#root
.timeline-item::before {

    background:
        rgba(215,229,255,.42) !important;

    border-color:
        rgba(215,229,255,.42) !important;
}


html body.inception-home-blue-v16
#root
.timeline-dot {

    background:
        #18233F !important;

    border-color:
        rgba(215,229,255,.60) !important;

    box-shadow:
        none !important;
}


/*
 Do NOT set content.
 Existing 01-08 counter remains intact.
*/


/* =====================================================================
   RIWAYAT MAIN FEATURE
   ===================================================================== */

html body.inception-home-blue-v16
#root
.riwayat-feature {

    background:
        #15213D !important;

    background-image:
        none !important;

    border:
        1px solid
        rgba(220,232,255,.18) !important;

    box-shadow:
        0 12px 26px
        rgba(8,18,55,.12) !important;
}


html body.inception-home-blue-v16
#root
.riwayat-feature-copy {

    background:
        #15213D !important;

    background-image:
        none !important;
}


html body.inception-home-blue-v16
#root
.history-description {

    color:
        #FFFFFF !important;

    font-weight:
        650 !important;
}


/* =====================================================================
   DATE / LOCATION
   ===================================================================== */

html body.inception-home-blue-v16
#root
.riwayat-meta-card {

    background:
        rgba(255,255,255,.045) !important;

    border:
        1px solid
        rgba(220,232,255,.20) !important;

    box-shadow:
        none !important;
}


html body.inception-home-blue-v16
#root
.riwayat-meta-card::before {

    display:
        none !important;
}


/* =====================================================================
   HADIAH
   NO GOLD / BLUE BLOCK / ORANGE
   ===================================================================== */

html body.inception-home-blue-v16
#root
.prize-card,

html body.inception-home-blue-v16
#root
.prize-card:first-child,

html body.inception-home-blue-v16
#root
.prize-card:nth-child(2),

html body.inception-home-blue-v16
#root
.prize-card:nth-child(3),

html body.inception-home-blue-v16
#root
.other-prize-card {

    background:
        linear-gradient(
            145deg,
            #1D2949,
            #18233F
        ) !important;

    border:
        1px solid
        rgba(220,232,255,.20) !important;

    box-shadow:
        0 10px 24px
        rgba(8,18,55,.12) !important;
}


html body.inception-home-blue-v16
#root
.prize-card::before,

html body.inception-home-blue-v16
#root
.prize-card::after {

    display:
        none !important;
}


html body.inception-home-blue-v16
#root
.prize-place {

    color:
        #D7E5FF !important;
}


html body.inception-home-blue-v16
#root
.prize-amount {

    color:
        #FFFFFF !important;
}


/* =====================================================================
   GRAND FINAL
   ===================================================================== */

html body.inception-home-blue-v16
#root
.location-value {

    color:
        #FFFFFF !important;
}


/* =====================================================================
   CONTACT
   IMPORTANT:
   REMOVE GIANT OUTER BOX.
   ===================================================================== */

html body.inception-home-blue-v16
#root
.location-contact {

    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;

    border:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    border-radius:
        0 !important;
}


/* remove top wrapper stripe */

html body.inception-home-blue-v16
#root
.location-contact::before,

html body.inception-home-blue-v16
#root
.location-contact::after {

    display:
        none !important;

    content:
        none !important;

    background:
        transparent !important;

    border:
        0 !important;
}


/*
 heading floats directly on page canvas
*/

html body.inception-home-blue-v16
#root
.location-contact-heading {

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


html body.inception-home-blue-v16
#root
.location-contact-heading h3 {

    color:
        #FFFFFF !important;
}


html body.inception-home-blue-v16
#root
.location-contact-heading p {

    color:
        #E8EEFA !important;
}


/*
 ONLY these three cards remain.
*/

html body.inception-home-blue-v16
#root
.location-contact-card {

    background:
        linear-gradient(
            145deg,
            #1D2949,
            #18233F
        ) !important;

    border:
        1px solid
        rgba(220,232,255,.20) !important;

    box-shadow:
        0 8px 20px
        rgba(8,18,55,.10) !important;
}


html body.inception-home-blue-v16
#root
.location-contact-card strong {

    color:
        #FFFFFF !important;
}


html body.inception-home-blue-v16
#root
.location-contact-link {

    color:
        #D7E5FF !important;
}


/* =====================================================================
   CTA
   SAME BLUE BACKGROUND
   ===================================================================== */

html body.inception-home-blue-v16
#root
.cta-section {

    background:
        linear-gradient(
            135deg,
            #2142AD,
            #2E65BF
        ) !important;

    box-shadow:
        none !important;
}


html body.inception-home-blue-v16
#root
.cta-inner::before,

html body.inception-home-blue-v16
#root
.cta-inner::after {

    display:
        none !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


/* =====================================================================
   BUTTONS
   ===================================================================== */

html body.inception-home-blue-v16
#root
.btn-primary {

    background:
        #FFFFFF !important;

    background-image:
        none !important;

    color:
        #2142AD !important;

    border:
        1px solid
        rgba(255,255,255,.35) !important;

    box-shadow:
        0 8px 20px
        rgba(8,18,55,.12) !important;

    font-weight:
        800 !important;
}


html body.inception-home-blue-v16
#root
.btn-secondary {

    background:
        #18233F !important;

    background-image:
        none !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(220,232,255,.24) !important;

    box-shadow:
        none !important;
}


/* =====================================================================
   FOOTER
   SAME BLUE FAMILY
   ===================================================================== */

html body.inception-home-blue-v16 footer {

    background:
        #18358F !important;

    background-image:
        none !important;

    border-top:
        1px solid
        rgba(255,255,255,.10) !important;
}


/* =====================================================================
   RESPONSIVE
   ===================================================================== */

@media (max-width:900px) {

    html body.inception-home-blue-v16
    #root
    .hero,

    html body.inception-home-blue-v16
    #root
    .section,

    html body.inception-home-blue-v16
    #root
    .cta-section {

        background:
            linear-gradient(
                145deg,
                #2142AD,
                #2E65BF
            ) !important;
    }

}


/*
=======================================================================
 INCEPTION_MEDIUM_BLUE_MASTER_V12
 FINAL CANVAS OVERRIDE

 User-approved direction:
 - V11 structure preserved
 - V11 dark cards preserved
 - V11 contact cleanup preserved
 - Bright login-blue canvas toned down

 FINAL:
 canvas       #294887
 navbar/footer #162B5A
 cards         unchanged
=======================================================================
*/


/* =====================================================================
   TRUE GLOBAL CANVAS
   ===================================================================== */

html,
body,
html body.inception-home-blue-v16,
html body.inception-home-blue-v16 #root {

    background:
        #294887 !important;

    background-color:
        #294887 !important;

    background-image:
        none !important;
}


/* =====================================================================
   NAVBAR
   ===================================================================== */

html body.inception-home-blue-v16 header,
html body.inception-home-blue-v16 nav {

    background:
        #162B5A !important;

    background-color:
        #162B5A !important;

    background-image:
        none !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.10) !important;

    box-shadow:
        none !important;
}


/* =====================================================================
   HERO
   SAME EXACT BACKGROUND AS PAGE
   ===================================================================== */

html body.inception-home-blue-v16
#root
.hero {

    background:
        #294887 !important;

    background-color:
        #294887 !important;

    background-image:
        none !important;

    box-shadow:
        none !important;

    border-bottom:
        0 !important;
}


/*
 Keep hero decorations subtle.
*/

html body.inception-home-blue-v16
#root
.hero::before {

    background:
        radial-gradient(
            circle at 12% 28%,
            rgba(255,255,255,.035),
            transparent 30%
        ) !important;

    opacity:
        1 !important;

    filter:
        none !important;
}


html body.inception-home-blue-v16
#root
.hero::after {

    background:
        radial-gradient(
            circle at 88% 28%,
            rgba(184,204,245,.045),
            transparent 32%
        ) !important;

    opacity:
        1 !important;

    filter:
        none !important;
}


/* =====================================================================
   EVERY SECTION
   EXACT SAME CANVAS.
   NO REPEATING GRADIENT.
   ===================================================================== */

html body.inception-home-blue-v16
#root :is(

    .section,
    section.section,

    .public-stats-section,

    .about-section,
    .section-about,

    .timeline-section,
    .section-timeline,

    .history-section,
    .riwayat-section,

    .prizes-section,
    .section-prizes,

    .location-section,
    .section-location,

    .cta-section

) {

    background:
        #294887 !important;

    background-color:
        #294887 !important;

    background-image:
        none !important;

    box-shadow:
        none !important;

    filter:
        none !important;
}


/* =====================================================================
   SECTION DIVIDERS

   Tetap ada hierarchy tanpa ganti warna.
   ===================================================================== */

html body.inception-home-blue-v16
#root
.section,

html body.inception-home-blue-v16
#root
.public-stats-section,

html body.inception-home-blue-v16
#root
.history-section,

html body.inception-home-blue-v16
#root
.riwayat-section,

html body.inception-home-blue-v16
#root
.prizes-section,

html body.inception-home-blue-v16
#root
.location-section {

    border-top:
        1px solid
        rgba(235,242,255,.075) !important;

    border-bottom:
        0 !important;
}


/* =====================================================================
   REMOVE LARGE SECTION GLOWS
   ===================================================================== */

html body.inception-home-blue-v16
#root :is(

    .section,
    .public-stats-section,
    .about-section,
    .timeline-section,
    .history-section,
    .riwayat-section,
    .prizes-section,
    .location-section,
    .cta-section

)::before,

html body.inception-home-blue-v16
#root :is(

    .section,
    .public-stats-section,
    .about-section,
    .timeline-section,
    .history-section,
    .riwayat-section,
    .prizes-section,
    .location-section,
    .cta-section

)::after {

    box-shadow:
        none !important;

    filter:
        none !important;
}


/* =====================================================================
   CONTACT OUTER WRAPPER
   Keep V11 clean result: NO GIANT BOX
   ===================================================================== */

html body.inception-home-blue-v16
#root
.location-contact {

    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;

    border:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    border-radius:
        0 !important;
}


html body.inception-home-blue-v16
#root
.location-contact::before,

html body.inception-home-blue-v16
#root
.location-contact::after {

    display:
        none !important;

    content:
        none !important;

    background:
        transparent !important;

    border:
        0 !important;
}


/* =====================================================================
   CTA AREA
   SAME CANVAS.
   ===================================================================== */

html body.inception-home-blue-v16
#root
.cta-section {

    background:
        #294887 !important;

    background-color:
        #294887 !important;

    background-image:
        none !important;

    box-shadow:
        none !important;
}


html body.inception-home-blue-v16
#root
.cta-inner::before,

html body.inception-home-blue-v16
#root
.cta-inner::after {

    display:
        none !important;

    content:
        none !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


/* =====================================================================
   FOOTER
   ===================================================================== */

html body.inception-home-blue-v16 footer {

    background:
        #162B5A !important;

    background-color:
        #162B5A !important;

    background-image:
        none !important;

    border-top:
        1px solid
        rgba(255,255,255,.09) !important;

    box-shadow:
        none !important;
}


/* =====================================================================
   PRIMARY BUTTON

   Still clearly actionable but less screaming.
   ===================================================================== */

html body.inception-home-blue-v16
#root
.btn-primary {

    background:
        #FFFFFF !important;

    background-image:
        none !important;

    color:
        #294887 !important;

    border:
        1px solid
        rgba(255,255,255,.30) !important;

    box-shadow:
        0 7px 18px
        rgba(15,31,69,.11) !important;
}


/* =====================================================================
   MOBILE
   SAME COLOR. NO MOBILE-SPECIFIC BLUE SWITCH.
   ===================================================================== */

@media (max-width:900px) {

    html body.inception-home-blue-v16
    #root
    .hero,

    html body.inception-home-blue-v16
    #root
    .section,

    html body.inception-home-blue-v16
    #root
    .public-stats-section,

    html body.inception-home-blue-v16
    #root
    .cta-section {

        background:
            #294887 !important;

        background-color:
            #294887 !important;

        background-image:
            none !important;
    }

}