/* Nasrin Academy — Home page styles
 * Extracted from original index.php in source order to preserve the cascade.
 * Page fonts switch with HTML dir, without server-side CSS generation.
 */
:root { --na-page-font: 'Manrope', 'Inter', sans-serif; }
html[dir="rtl"] { --na-page-font: 'Estedad', 'Vazirmatn', sans-serif; }

/* ===== Original style block 1 ===== */
/* =========================================================
   NASRIN ACADEMY — TREASURE WORLD
========================================================= */

:root {

    --na-navy: #17133f;

    --na-blue: #2563eb;

    --na-indigo: #4f46e5;

    --na-purple: #7c3aed;

    --na-pink: #ec4899;

    --na-cyan: #06b6d4;

    --na-green: #10b981;

    --na-orange: #f59e0b;

    --na-red: #ef4444;

    --na-text: #0f172a;

    --na-muted: #64748b;

    --na-bg: #ffffff;

    --na-soft: #f8fafc;

    --na-border: rgba(15,23,42,.08);

    --na-radius: 24px;

    --na-shadow:
        0 20px 50px rgba(15,23,42,.08);

}


/* =========================================================
   BASE
========================================================= */

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {

    margin: 0;

    padding-top: 76px;

    color: var(--na-text);

    background: var(--na-bg);

    font-family:
        var(--na-page-font);

}

a {
    text-decoration: none;
}

button {
    font-family: inherit;
}


/* =========================================================
   HEADER
========================================================= */

.site-header {

    position: fixed;

    top: 0;
    left: 0;
    right: 0;

    z-index: 9999;

    height: 76px;

    background:
        rgba(23,19,63,.94);

    backdrop-filter:
        blur(18px);

    border-bottom:
        1px solid rgba(255,255,255,.08);

}

.header-inner {

    max-width: 1400px;

    height: 76px;

    margin: auto;

    padding: 0 28px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}

.logo-wrap img {

    width: 130px;

    height: auto;

    display: block;

}

.main-nav {

    display: flex;

    align-items: center;

    gap: 4px;

}

.main-nav a {

    color: rgba(255,255,255,.82);

    padding: 10px 12px;

    border-radius: 10px;

    font-size: .84rem;

    transition: .25s ease;

}

.main-nav a:hover {

    color: #fff;

    background:
        rgba(255,255,255,.09);

}

.header-actions {

    display: flex;

    align-items: center;

    gap: 8px;

}

.header-btn {

    color: #fff;

    border:
        1px solid rgba(255,255,255,.16);

    background:
        rgba(255,255,255,.07);

    border-radius: 10px;

    padding: 9px 13px;

    font-size: .78rem;

}

.header-btn.primary {

    background:
        linear-gradient(
            135deg,
            #4f46e5,
            #2563eb
        );

    border-color: transparent;

}

.lang-switcher {

    display: flex;

    gap: 3px;

    padding: 3px;

    border-radius: 10px;

    background:
        rgba(255,255,255,.07);

}

.lang-switcher a {

    color: rgba(255,255,255,.7);

    padding: 5px 7px;

    border-radius: 7px;

    font-size: .7rem;

}

.lang-switcher a.active {

    background: #fff;

    color: var(--na-navy);

}


/* =========================================================
   MOBILE
========================================================= */

.mobile-toggle {

    display: none;

    width: 44px;

    height: 44px;

    border: 0;

    border-radius: 12px;

    background:
        rgba(255,255,255,.09);

    color: #fff;

    font-size: 1.15rem;

    cursor: pointer;

}

.mobile-drawer {

    position: fixed;

    top: 0;

    bottom: 0;

    width: 310px;

    z-index: 10000;

    padding: 90px 24px 30px;

    background:
        linear-gradient(
            180deg,
            #17133f,
            #211b5b
        );

    box-shadow:
        0 0 50px rgba(0,0,0,.25);

    transition: transform .35s ease;

}

[dir="rtl"] .mobile-drawer {

    right: -320px;

    transform: translateX(0);

}

[dir="rtl"] .mobile-drawer.open {

    transform: translateX(-320px);

}

[dir="ltr"] .mobile-drawer {

    left: -320px;

}

[dir="ltr"] .mobile-drawer.open {

    transform: translateX(320px);

}

.mobile-drawer a {

    display: flex;

    align-items: center;

    gap: 13px;

    color: rgba(255,255,255,.9);

    padding: 14px;

    margin-bottom: 5px;

    border-radius: 12px;

}

.mobile-drawer a:hover {

    background:
        rgba(255,255,255,.08);

}

.mobile-drawer i {

    width: 22px;

}


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

.treasure-hero {

    position: relative;

    overflow: hidden;

    min-height: 700px;

    padding:
        90px 5%
        100px;

    display: flex;

    align-items: center;

    background:

        radial-gradient(
            circle at 8% 15%,
            rgba(6,182,212,.22),
            transparent 25%
        ),

        radial-gradient(
            circle at 88% 20%,
            rgba(236,72,153,.18),
            transparent 26%
        ),

        radial-gradient(
            circle at 70% 85%,
            rgba(124,58,237,.18),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #f8faff,
            #ffffff
        );

}

.treasure-hero::before {

    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    border-radius: 50%;

    border:
        1px dashed rgba(79,70,229,.15);

    top: -220px;
    right: -120px;

}

.treasure-hero-inner {

    width: 100%;

    max-width: 1250px;

    margin: auto;

    display: grid;

    grid-template-columns:
        minmax(0,1.1fr)
        minmax(320px,.9fr);

    gap: 70px;

    align-items: center;

}

.hero-content {

    position: relative;

    z-index: 2;

}

.hero-kicker {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 8px 13px;

    border-radius: 999px;

    color: var(--na-indigo);

    background:
        rgba(79,70,229,.08);

    border:
        1px solid rgba(79,70,229,.1);

    font-size: .78rem;

    font-weight: 700;

    margin-bottom: 22px;

}

.hero-kicker i {

    color: var(--na-pink);

}

.hero-content h1 {

    max-width: 800px;

    margin: 0 0 22px;

    color: var(--na-navy);

    font-size:
        clamp(2.4rem, 5vw, 4.7rem);

    line-height: 1.15;

    letter-spacing: -.04em;

}

.hero-content h1 span {

    background:
        linear-gradient(
            90deg,
            #2563eb,
            #7c3aed,
            #ec4899
        );

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

}

.hero-content p {

    max-width: 680px;

    margin: 0 0 30px;

    color: var(--na-muted);

    font-size: 1rem;

    line-height: 2;

}

.hero-buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

}

.hero-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-height: 50px;

    padding: 0 22px;

    border-radius: 14px;

    font-weight: 700;

    font-size: .86rem;

    transition: .25s ease;

}

.hero-btn.primary {

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #4f46e5,
            #2563eb
        );

    box-shadow:
        0 12px 30px rgba(37,99,235,.22);

}

.hero-btn.primary:hover {

    transform: translateY(-3px);

}

.hero-btn.secondary {

    color: var(--na-navy);

    background: #fff;

    border:
        1px solid var(--na-border);

}

.hero-btn.secondary:hover {

    border-color:
        rgba(79,70,229,.3);

    transform:
        translateY(-2px);

}


/* HERO TREASURE */

.hero-treasure {

    position: relative;

    min-height: 440px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.treasure-orbit {

    position: absolute;

    width: 380px;
    height: 380px;

    border-radius: 50%;

    border:
        1px dashed rgba(79,70,229,.25);

    animation:
        orbit 18s linear infinite;

}

.treasure-orbit::before,
.treasure-orbit::after {

    content: "";

    position: absolute;

    width: 12px;
    height: 12px;

    border-radius: 50%;

}

.treasure-orbit::before {

    top: 12%;

    right: 5%;

    background: var(--na-pink);

}

.treasure-orbit::after {

    bottom: 12%;

    left: 5%;

    background: var(--na-cyan);

}

.treasure-box {

    position: relative;

    z-index: 2;

    width: 270px;
    height: 270px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #17133f,
            #34267d
        );

    box-shadow:
        0 35px 80px rgba(23,19,63,.25);

    text-align: center;

}

.treasure-box i {

    font-size: 4rem;

    color: #fbbf24;

    margin-bottom: 15px;

    filter:
        drop-shadow(
            0 8px 18px
            rgba(251,191,36,.3)
        );

}

.treasure-box strong {

    font-size: 1.15rem;

}

.treasure-box small {

    opacity: .7;

    margin-top: 7px;

}

.hero-floating {

    position: absolute;

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 10px 13px;

    border-radius: 13px;

    background: rgba(255,255,255,.92);

    border:
        1px solid rgba(15,23,42,.07);

    box-shadow:
        0 12px 30px rgba(15,23,42,.1);

    font-size: .73rem;

    font-weight: 700;

}

.hero-floating.one {

    top: 10%;

    right: 5%;

    color: var(--na-purple);

}

.hero-floating.two {

    bottom: 12%;

    left: 4%;

    color: var(--na-cyan);

}

@keyframes orbit {

    to {
        transform: rotate(360deg);
    }

}


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

.na-section {

    padding:
        100px 5%;

}

.na-container {

    max-width: 1200px;

    margin: auto;

}

.section-heading {

    max-width: 700px;

    margin:
        0 auto 50px;

    text-align: center;

}

.section-label {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: var(--na-indigo);

    font-size: .75rem;

    font-weight: 800;

    letter-spacing: .04em;

    margin-bottom: 12px;

}

.section-heading h2 {

    margin: 0 0 12px;

    color: var(--na-navy);

    font-size:
        clamp(1.8rem,4vw,2.7rem);

}

.section-heading p {

    margin: 0;

    color: var(--na-muted);

    line-height: 1.9;

}


/* =========================================================
   QUEST INTRO
========================================================= */

.quest-strip {

    position: relative;

    margin-top: -45px;

    z-index: 5;

    max-width: 1050px;

    margin-left: auto;
    margin-right: auto;

    padding: 25px;

    border-radius: 22px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    background: rgba(255,255,255,.96);

    border:
        1px solid rgba(79,70,229,.1);

    box-shadow:
        0 20px 50px rgba(15,23,42,.09);

}

.quest-strip-icon {

    width: 58px;
    height: 58px;

    flex: 0 0 auto;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 17px;

    color: #fff;

    font-size: 1.35rem;

    background:
        linear-gradient(
            135deg,
            #f59e0b,
            #ec4899
        );

}

.quest-strip-content {

    flex: 1;

}

.quest-strip h3 {

    margin: 0 0 5px;

    color: var(--na-navy);

}

.quest-strip p {

    margin: 0;

    color: var(--na-muted);

    font-size: .84rem;

}


/* =========================================================
   SERVICES
========================================================= */

.services-grid {

    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 18px;

}

.service-card {

    position: relative;

    overflow: hidden;

    padding: 28px;

    min-height: 230px;

    border-radius: var(--na-radius);

    background: #fff;

    border:
        1px solid var(--na-border);

    box-shadow:
        0 8px 28px rgba(15,23,42,.04);

    transition: .3s ease;

}

.service-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            #2563eb,
            #7c3aed
        );

}

.service-card:nth-child(2)::before {
    background:
        linear-gradient(
            90deg,
            #7c3aed,
            #ec4899
        );
}

.service-card:nth-child(3)::before {
    background:
        linear-gradient(
            90deg,
            #f59e0b,
            #ef4444
        );
}

.service-card:nth-child(4)::before {
    background:
        linear-gradient(
            90deg,
            #10b981,
            #06b6d4
        );
}

.service-card:nth-child(5)::before {
    background:
        linear-gradient(
            90deg,
            #ec4899,
            #7c3aed
        );
}

.service-card:nth-child(6)::before {
    background:
        linear-gradient(
            90deg,
            #06b6d4,
            #2563eb
        );
}

.service-card:hover {

    transform:
        translateY(-7px);

    box-shadow:
        var(--na-shadow);

}

.service-number {

    position: absolute;

    top: 18px;

    left: 20px;

    color: rgba(15,23,42,.08);

    font-size: 2.7rem;

    font-weight: 800;

}

.service-icon {

    width: 56px;
    height: 56px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 16px;

    color: #fff;

    margin-bottom: 22px;

    background:
        linear-gradient(
            135deg,
            #4f46e5,
            #2563eb
        );

}

.service-card:nth-child(2)
.service-icon {

    background:
        linear-gradient(
            135deg,
            #7c3aed,
            #ec4899
        );

}

.service-card:nth-child(3)
.service-icon {

    background:
        linear-gradient(
            135deg,
            #f59e0b,
            #ef4444
        );

}

.service-card:nth-child(4)
.service-icon {

    background:
        linear-gradient(
            135deg,
            #10b981,
            #06b6d4
        );

}

.service-card:nth-child(5)
.service-icon {

    background:
        linear-gradient(
            135deg,
            #ec4899,
            #7c3aed
        );

}

.service-card:nth-child(6)
.service-icon {

    background:
        linear-gradient(
            135deg,
            #06b6d4,
            #2563eb
        );

}

.service-card h3 {

    margin:
        0 0 10px;

    color: var(--na-navy);

    font-size: 1.05rem;

}

.service-card p {

    margin: 0;

    color: var(--na-muted);

    font-size: .82rem;

    line-height: 1.9;

}


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

.about-section {

    padding:
        100px 5%;

    background:
        linear-gradient(
            135deg,
            #f8fafc,
            #eef2ff
        );

}

.about-grid {

    max-width: 1100px;

    margin: auto;

    display: grid;

    grid-template-columns:
        .8fr 1.2fr;

    gap: 70px;

    align-items: center;

}

.about-photo {

    position: relative;

    display: flex;

    justify-content: center;

}

.about-photo::before {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            rgba(37,99,235,.18),
            rgba(236,72,153,.16)
        );

    filter: blur(3px);

}

.about-photo img {

    position: relative;

    z-index: 2;

    width: min(300px,90%);

    border-radius: 35px;

    display: block;

    box-shadow:
        0 25px 60px rgba(23,19,63,.16);

}

.about-content .section-label {

    margin-bottom: 10px;

}

.about-content h2 {

    margin:
        0 0 18px;

    color: var(--na-navy);

    font-size:
        clamp(1.9rem,4vw,2.8rem);

}

.about-content p {

    color: var(--na-muted);

    line-height: 2;

}

.about-points {

    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 12px;

    margin-top: 25px;

}

.about-point {

    display: flex;

    align-items: center;

    gap: 10px;

    color: var(--na-text);

    font-size: .82rem;

}

.about-point i {

    color: var(--na-green);

}


/* =========================================================
   EXAM MISSION
========================================================= */

.exam-mission {

    padding:
        90px 5%;

    background:
        linear-gradient(
            135deg,
            #17133f,
            #29206b,
            #4f46e5
        );

    color: #fff;

}

.exam-inner {

    max-width: 1150px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

}

.exam-content {

    max-width: 700px;

}

.exam-content .section-label {

    color: #a5b4fc;

}

.exam-content h2 {

    margin:
        0 0 14px;

    font-size:
        clamp(1.9rem,4vw,3rem);

}

.exam-content p {

    margin: 0;

    color: rgba(255,255,255,.72);

    line-height: 1.9;

}

.exam-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 20px;

}

.exam-tag {

    padding:
        7px 12px;

    border-radius: 999px;

    background:
        rgba(255,255,255,.1);

    border:
        1px solid rgba(255,255,255,.12);

    font-size: .72rem;

}

.exam-button {

    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding:
        14px 20px;

    border-radius: 13px;

    background: #fff;

    color: var(--na-navy);

    font-weight: 800;

}


/* =========================================================
   INTERACTIVE TREASURE MAP
========================================================= */

.interactive-section {

    padding:
        105px 5%;

    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(6,182,212,.1),
            transparent 28%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(236,72,153,.1),
            transparent 28%
        ),
        #fff;

}

.interactive-box {

    max-width: 950px;

    margin: auto;

    overflow: hidden;

    border-radius: 30px;

    border:
        1px solid rgba(79,70,229,.12);

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 30px 80px rgba(15,23,42,.09);

}

.interactive-top {

    padding:
        38px 38px 25px;

    background:
        linear-gradient(
            135deg,
            #f8faff,
            #eef2ff
        );

}

.interactive-top h2 {

    margin:
        0 0 9px;

    color: var(--na-navy);

}

.interactive-top p {

    margin: 0;

    color: var(--na-muted);

    line-height: 1.8;

}

.quest-progress {

    height: 6px;

    margin-top: 22px;

    border-radius: 999px;

    background:
        rgba(79,70,229,.1);

    overflow: hidden;

}

.quest-progress span {

    display: block;

    width: 25%;

    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            #2563eb,
            #7c3aed,
            #ec4899
        );

    transition:
        width .35s ease;

}

.quest-body {

    padding:
        35px;

}

.quest-step {

    display: none;

}

.quest-step.active {

    display: block;

}

.quest-step h3 {

    margin:
        0 0 20px;

    color: var(--na-navy);

    font-size: 1.15rem;

}

.quest-options {

    display: grid;

    grid-template-columns:
        repeat(2,1fr);

    gap: 12px;

}

.quest-option {

    min-height: 75px;

    padding: 15px;

    display: flex;

    align-items: center;

    gap: 12px;

    text-align: right;

    border-radius: 16px;

    border:
        1px solid var(--na-border);

    background: #fff;

    cursor: pointer;

    transition: .25s ease;

}

.quest-option:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(79,70,229,.3);

}

.quest-option.selected {

    color: var(--na-navy);

    background:
        rgba(79,70,229,.07);

    border-color:
        var(--na-indigo);

    box-shadow:
        0 8px 22px rgba(79,70,229,.08);

}

.quest-option-icon {

    width: 44px;
    height: 44px;

    flex: 0 0 auto;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 13px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #4f46e5,
            #2563eb
        );

}

.quest-actions {

    display: flex;

    justify-content: space-between;

    gap: 10px;

    margin-top: 25px;

}

.quest-next {

    border: 0;

    padding:
        12px 18px;

    border-radius: 12px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #4f46e5,
            #2563eb
        );

    font-weight: 700;

    cursor: pointer;

}

.quest-next:disabled {

    opacity: .4;

    cursor: not-allowed;

}

.treasure-result {

    display: none;

    padding: 40px;

    text-align: center;

    background:
        linear-gradient(
            135deg,
            #17133f,
            #34267d
        );

    color: #fff;

}

.treasure-result.show {

    display: block;

}

.treasure-result .gold {

    font-size: 4rem;

    color: #fbbf24;

    margin-bottom: 15px;

}

.treasure-result h3 {

    margin:
        0 0 12px;

    font-size: 1.7rem;

}

.treasure-result p {

    max-width: 600px;

    margin:
        0 auto 22px;

    color:
        rgba(255,255,255,.72);

    line-height: 1.9;

}

.treasure-link {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding:
        12px 18px;

    border-radius: 12px;

    background: #fff;

    color: var(--na-navy);

    font-weight: 800;

}

.restart-quest {

    margin-top: 12px;

    display: block;

    margin-left: auto;
    margin-right: auto;

    border: 0;

    background: transparent;

    color:
        rgba(255,255,255,.6);

    cursor: pointer;

}


/* =========================================================
   WORLD
========================================================= */

.academy-world {

    padding:
        105px 5%;

    background:
        linear-gradient(
            180deg,
            #f8fafc,
            #fff
        );

}

.world-grid {

    max-width: 1150px;

    margin: auto;

    display: grid;

    grid-template-columns:
        repeat(4,1fr);

    gap: 17px;

}

.world-card {

    position: relative;

    min-height: 245px;

    padding: 27px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    overflow: hidden;

    border-radius: 24px;

    background: #fff;

    border:
        1px solid var(--na-border);

    box-shadow:
        0 8px 28px rgba(15,23,42,.04);

    transition: .3s ease;

}

.world-card:hover {

    transform:
        translateY(-7px);

    box-shadow:
        var(--na-shadow);

}

.world-card::after {

    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            #2563eb,
            #06b6d4
        );

}

.world-card:nth-child(2)::after {

    background:
        linear-gradient(
            90deg,
            #7c3aed,
            #ec4899
        );

}

.world-card:nth-child(3)::after {

    background:
        linear-gradient(
            90deg,
            #f59e0b,
            #ef4444
        );

}

.world-card:nth-child(4)::after {

    background:
        linear-gradient(
            90deg,
            #10b981,
            #06b6d4
        );

}

.world-icon {

    width: 60px;
    height: 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 17px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #06b6d4
        );

    margin-bottom: 20px;

}

.world-card:nth-child(2)
.world-icon {

    background:
        linear-gradient(
            135deg,
            #7c3aed,
            #ec4899
        );

}

.world-card:nth-child(3)
.world-icon {

    background:
        linear-gradient(
            135deg,
            #f59e0b,
            #ef4444
        );

}

.world-card:nth-child(4)
.world-icon {

    background:
        linear-gradient(
            135deg,
            #10b981,
            #06b6d4
        );

}

.world-card h3 {

    margin:
        0 0 8px;

    color: var(--na-navy);

}

.world-card p {

    margin: 0;

    color: var(--na-muted);

    font-size: .82rem;

    line-height: 1.85;

}

.world-arrow {

    position: absolute;

    left: 25px;

    bottom: 21px;

    color: var(--na-indigo);

}


/* =========================================================
   NASRIN TV
========================================================= */

.tv-section {

    padding:
        90px 5%;

    background:
        #17133f;

}

.tv-inner {

    max-width: 1150px;

    margin: auto;

}

.tv-header {

    text-align: center;

    max-width: 650px;

    margin:
        0 auto 40px;

}

.tv-header h2 {

    color: #fff;

    margin:
        0 0 12px;

    font-size: 2.3rem;

}

.tv-header p {

    color:
        rgba(255,255,255,.65);

    line-height: 1.9;

}

.tv-grid {

    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 16px;

}

.tv-card {

    min-height: 190px;

    padding: 25px;

    border-radius: 22px;

    color: #fff;

    border:
        1px solid rgba(255,255,255,.08);

    background:
        rgba(255,255,255,.06);

    transition: .3s ease;

}

.tv-card:hover {

    transform:
        translateY(-6px);

    background:
        rgba(255,255,255,.1);

}

.tv-card-icon {

    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 15px;

    margin-bottom: 25px;

    background:
        linear-gradient(
            135deg,
            #ec4899,
            #7c3aed
        );

}

.tv-card:nth-child(2)
.tv-card-icon {

    background:
        linear-gradient(
            135deg,
            #ef4444,
            #f59e0b
        );

}

.tv-card:nth-child(3)
.tv-card-icon {

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #06b6d4
        );

}

.tv-card h3 {

    margin:
        0 0 8px;

}

.tv-card p {

    margin: 0;

    color:
        rgba(255,255,255,.6);

    font-size: .8rem;

    line-height: 1.8;

}


/* =========================================================
   FAQ
========================================================= */

.faq-section {

    padding:
        100px 5%;

}

.faq-list {

    max-width: 850px;

    margin: auto;

}

.faq-list details {

    margin-bottom: 10px;

    border:
        1px solid var(--na-border);

    border-radius: 15px;

    background: #fff;

    overflow: hidden;

}

.faq-list summary {

    cursor: pointer;

    padding: 18px;

    font-weight: 700;

    color: var(--na-navy);

}

.faq-answer {

    padding:
        0 18px 18px;

    color: var(--na-muted);

    line-height: 1.9;

    font-size: .86rem;

}


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

.site-footer {

    padding:
        60px 5% 25px;

    color: rgba(255,255,255,.65);

    background:
        #0d0a27;

}

.footer-inner {

    max-width: 1200px;

    margin: auto;

    display: grid;

    grid-template-columns:
        1.3fr 1fr 1fr;

    gap: 40px;

}

.footer-logo {

    width: 135px;

    margin-bottom: 18px;

}

.footer-text {

    max-width: 400px;

    font-size: .8rem;

    line-height: 1.9;

}

.footer-title {

    color: #fff;

    margin:
        0 0 15px;

    font-size: .95rem;

}

.footer-links {

    display: flex;

    flex-direction: column;

    gap: 9px;

}

.footer-links a {

    color:
        rgba(255,255,255,.58);

    font-size: .8rem;

}

.footer-links a:hover {

    color: #fff;

}

.footer-socials {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}

.footer-socials a {

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 11px;

    color: #fff;

    background:
        rgba(255,255,255,.07);

}

.footer-bottom {

    max-width: 1200px;

    margin:
        40px auto 0;

    padding-top: 20px;

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

    font-size: .72rem;

}




/* =========================================================
   ADVISOR / FOOTER SECRET GAME
========================================================= */

.site-header .logo-wrap,
.site-footer .footer-logo{
    transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .8s ease;
}

.site-header.logo-locked .logo-wrap{
    transform: translateY(8px) scale(.92) rotate(-2deg);
    filter: drop-shadow(0 0 14px rgba(251,191,36,.55));
}

.site-footer.logo-locked .footer-logo{
    transform: translateY(-8px) scale(.92) rotate(2deg);
    filter: drop-shadow(0 0 18px rgba(251,191,36,.55));
}

.advisor-gateway{
    position:relative;
    height:150px;
    margin-top:-22px;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    overflow:visible;
}

.advisor-gateway::before{
    content:"";
    position:absolute;
    width:min(520px,78vw);
    height:2px;
    top:42%;
    background:linear-gradient(90deg,transparent,rgba(251,191,36,.12),rgba(251,191,36,.75),rgba(251,191,36,.12),transparent);
    opacity:0;
    transition:opacity .8s ease;
}

.advisor-gateway.active::before{opacity:1;}

.advisor-gateway{
    position:relative;
    height:176px;
    margin-top:-22px;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    overflow:visible;
}
.advisor-gateway::before{
    content:"";
    position:absolute;
    width:min(620px,82vw);
    height:1px;
    top:43%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),rgba(251,191,36,.8),rgba(255,255,255,.05),transparent);
    opacity:0;
    transition:opacity .8s ease;
}
.advisor-gateway.active::before{opacity:1;}

/* Professional Advisor mascot */
.advisor-character{
    --advisor-ink:#1f2450;
    --advisor-body:#313777;
    --advisor-body2:#20265d;
    --advisor-gold:#f6bd45;
    --advisor-gold2:#ffe7a1;
    position:relative;
    width:112px;
    height:126px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    pointer-events:auto;
    opacity:0;
    transform:translateY(44px) scale(.55);
    transition:opacity .5s ease, transform .8s cubic-bezier(.18,1.25,.35,1), filter .25s ease;
    filter:drop-shadow(0 18px 24px rgba(31,36,80,.20));
}
.advisor-gateway.active .advisor-character{
    opacity:1;
    transform:translateY(0) scale(1);
    animation:advisorFloat 3.8s ease-in-out infinite;
}
.advisor-character:hover{
    filter:drop-shadow(0 22px 30px rgba(31,36,80,.28)) drop-shadow(0 0 16px rgba(246,189,69,.25));
}
.advisor-character:focus-visible{outline:3px solid rgba(246,189,69,.75);outline-offset:7px;border-radius:40px;}

.advisor-shell{
    position:absolute;
    left:10px;
    top:22px;
    width:92px;
    height:98px;
    border-radius:42% 42% 34% 34%;
    background:linear-gradient(150deg,#4a5196 0%,var(--advisor-body) 48%,var(--advisor-body2) 100%);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.24),inset 0 -9px 18px rgba(9,13,48,.18);
}
.advisor-ear{
    position:absolute;
    width:34px;
    height:40px;
    top:4px;
    background:var(--advisor-body2);
    clip-path:polygon(50% 0,100% 78%,50% 100%,0 78%);
    filter:drop-shadow(0 4px 3px rgba(15,18,55,.16));
}
.advisor-ear::after{
    content:"";
    position:absolute;
    left:9px;
    top:9px;
    width:16px;
    height:22px;
    background:linear-gradient(180deg,#f7c85a,#d99029);
    clip-path:polygon(50% 0,100% 78%,50% 100%,0 78%);
}
.advisor-ear.left{left:9px;transform:rotate(-12deg);}
.advisor-ear.right{right:9px;transform:rotate(12deg);}
.advisor-faceplate{
    position:absolute;
    left:17px;
    top:39px;
    width:58px;
    height:43px;
    border-radius:23px;
    background:linear-gradient(145deg,#fffdf4,#f8e9bc);
    box-shadow:inset 0 2px 0 rgba(255,255,255,.9),0 3px 8px rgba(18,21,61,.14);
}
.advisor-eye{
    position:absolute;
    top:54px;
    width:9px;
    height:12px;
    border-radius:50%;
    background:var(--advisor-ink);
    box-shadow:0 1px 0 rgba(255,255,255,.8);
    animation:advisorBlink 5s infinite;
}
.advisor-eye.left{left:33px}.advisor-eye.right{right:33px}
.advisor-eye::after{
    content:"";
    position:absolute;
    width:3px;height:3px;left:2px;top:2px;border-radius:50%;background:white;
}
.advisor-mouth{
    position:absolute;
    left:50%;
    top:69px;
    width:15px;
    height:8px;
    transform:translateX(-50%);
    border-bottom:2px solid var(--advisor-ink);
    border-radius:0 0 12px 12px;
}
.advisor-collar{
    position:absolute;
    left:28px;
    top:91px;
    width:36px;
    height:12px;
    border-radius:0 0 14px 14px;
    background:var(--advisor-gold);
    box-shadow:0 2px 5px rgba(0,0,0,.12);
}
.advisor-badge{
    position:absolute;
    right:3px;
    bottom:12px;
    width:25px;
    height:25px;
    border-radius:50%;
    background:linear-gradient(145deg,#fff0b8,#f3b83f);
    border:3px solid #fff5d5;
    box-shadow:0 4px 9px rgba(15,18,55,.2);
}
.advisor-badge::before{
    content:"N";
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:#30366f;
    font:900 12px/1 Arial,sans-serif;
}
.advisor-spark{
    position:absolute;
    color:#ffe39a;
    font-size:15px;
    opacity:0;
    animation:advisorSpark 2.2s ease-in-out infinite;
}
.advisor-spark.one{left:-22px;top:23px}.advisor-spark.two{right:-24px;top:40px;animation-delay:.55s}.advisor-spark.three{left:-13px;bottom:15px;animation-delay:1.1s}
.advisor-hint{
    position:absolute;
    bottom:-5px;
    padding:8px 14px;
    border:1px solid rgba(246,189,69,.35);
    border-radius:999px;
    background:rgba(255,255,255,.94);
    color:#30366f;
    font-size:.72rem;
    font-weight:800;
    white-space:nowrap;
    box-shadow:0 10px 28px rgba(15,23,42,.12);
    opacity:0;
    transform:translateY(8px);
    transition:.35s ease;
}
.advisor-gateway.active .advisor-hint{opacity:1;transform:translateY(0);transition-delay:.45s;}
.advisor-hint small{display:block;margin-top:3px;font-size:.62rem;font-weight:700;line-height:1.5;opacity:.72;}
@keyframes advisorFloat{0%,100%{margin-top:0}50%{margin-top:-8px}}
@keyframes advisorSpark{0%,100%{opacity:.15;transform:scale(.75) rotate(-8deg)}50%{opacity:1;transform:scale(1.15) rotate(8deg)}}
@keyframes advisorBlink{0%,46%,48%,100%{transform:scaleY(1)}47%{transform:scaleY(.12)}}

.advisor-game-overlay{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(10,7,35,.76);
    backdrop-filter:blur(12px);
}
.advisor-game-overlay.open{display:flex;}

.advisor-game{
    position:relative;
    width:min(620px,100%);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.2);
    border-radius:30px;
    color:#fff;
    background:linear-gradient(145deg,#21194e,#45339b);
    box-shadow:0 35px 90px rgba(0,0,0,.4);
}
.advisor-game-head{padding:26px 28px 16px;text-align:center;}
.advisor-game-head h3{margin:0 0 7px;font-size:1.5rem;}
.advisor-game-head p{margin:0;color:rgba(255,255,255,.7);font-size:.9rem;}
.advisor-close{position:absolute;top:14px;left:14px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font-size:20px;}
.advisor-score{display:flex;justify-content:center;gap:12px;padding:0 28px 18px;}
.advisor-score span{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.09);font-size:.78rem;}
.advisor-arena{margin:0 22px 24px;min-height:280px;padding:18px;border-radius:22px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.12),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);}
.advisor-question{text-align:center;margin:5px 0 18px;font-weight:800;}
.advisor-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.advisor-choice{padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;font-weight:700;transition:.2s;}
.advisor-choice:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);}
.advisor-choice.correct{background:rgba(34,197,94,.28);border-color:#86efac;}
.advisor-choice.wrong{background:rgba(239,68,68,.25);border-color:#fca5a5;}
.advisor-message{text-align:center;min-height:24px;margin-top:16px;color:#fde68a;font-weight:700;}
.advisor-start{display:inline-flex;margin-top:15px;padding:11px 18px;border:0;border-radius:13px;background:#fbbf24;color:#271b4b;font-weight:900;cursor:pointer;}

@media(max-width:600px){
 .advisor-gateway{height:130px;}
 .advisor-character{width:92px;height:108px;}
 .advisor-shell{left:8px;top:21px;width:76px;height:84px;}
 .advisor-faceplate{left:14px;top:37px;width:48px;height:36px;}
 .advisor-eye.left{left:28px}.advisor-eye.right{right:28px}
 .advisor-mouth{top:65px}
 .advisor-collar{left:23px;top:83px}
 .advisor-choices{grid-template-columns:1fr;}
 .advisor-game{border-radius:22px;}
}



/* =========================================================
   ADVISOR DISCOUNT MISSION
========================================================= */
.advisor-discount-overlay{position:fixed;inset:0;z-index:100005;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(12,15,42,.72);backdrop-filter:blur(12px);}
.advisor-discount-overlay.open{display:flex;animation:advisorDiscountFade .25s ease;}
.advisor-discount-card{position:relative;width:min(680px,100%);max-height:min(88vh,760px);overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(145deg,#171b49,#29255c);color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.4);padding:30px;}
.advisor-discount-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;}
.advisor-discount-icon{width:58px;height:58px;flex:0 0 58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#fbbf24,#f59e0b);color:#2a1c48;font-size:27px;box-shadow:0 12px 30px rgba(251,191,36,.22);}
.advisor-discount-head h3{margin:3px 0 7px;font-size:1.35rem;}
.advisor-discount-head p{margin:0;line-height:1.8;color:rgba(255,255,255,.72);font-size:.9rem;}
.advisor-discount-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin:20px 0;}
.advisor-discount-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .35s ease;}
.advisor-discount-tasks{display:grid;gap:12px;}
.advisor-discount-task{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.055);transition:.2s;}
.advisor-discount-task.done{border-color:rgba(134,239,172,.45);background:rgba(34,197,94,.09);}
.advisor-discount-task-num{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.09);font-weight:900;}
.advisor-discount-task.done .advisor-discount-task-num{background:rgba(34,197,94,.22);color:#bbf7d0;}
.advisor-discount-task strong{display:block;margin-bottom:4px;}
.advisor-discount-task small{display:block;color:rgba(255,255,255,.62);line-height:1.55;}
.advisor-discount-task a,.advisor-discount-task button{border:0;border-radius:12px;padding:10px 13px;font-weight:800;cursor:pointer;text-decoration:none;white-space:nowrap;}
.advisor-discount-task a{background:#fff;color:#24204e;}
.advisor-discount-task button{background:rgba(255,255,255,.09);color:#fff;}
.advisor-discount-task button:disabled{opacity:.45;cursor:not-allowed;}
.advisor-discount-footer{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:14px;}
.advisor-discount-status{color:#fde68a;font-weight:800;font-size:.86rem;line-height:1.6;}
.advisor-discount-claim{border:0;border-radius:15px;padding:13px 18px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#271b4b;font-weight:950;cursor:pointer;box-shadow:0 12px 25px rgba(251,191,36,.2);}
.advisor-discount-claim:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;}
.advisor-discount-close{position:absolute;top:14px;left:14px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.09);color:#fff;font-size:20px;cursor:pointer;}
@keyframes advisorDiscountFade{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:600px){.advisor-discount-card{padding:24px 16px;border-radius:24px}.advisor-discount-task{grid-template-columns:38px 1fr}.advisor-discount-task-num{width:38px;height:38px}.advisor-discount-task a,.advisor-discount-task button{grid-column:2;justify-self:start}.advisor-discount-footer{align-items:stretch;flex-direction:column}.advisor-discount-claim{width:100%}}

/* === INTERACTIVE BRAND FUSION === */
.advisor-fusion-stage{position:fixed;inset:0;z-index:99990;pointer-events:none;overflow:hidden;}
.fusion-logo{position:fixed;z-index:99992;will-change:transform,opacity,filter;opacity:0;transform-origin:center center;transition:filter .15s linear,opacity .25s ease;}
.fusion-logo img{display:block;width:100%;height:auto;object-fit:contain;}
.fusion-logo.header-clone{width:145px;}
.fusion-logo.footer-clone{width:145px;}
.fusion-core{position:fixed;left:50%;top:50%;width:24px;height:24px;border-radius:50%;transform:translate(-50%,-50%) scale(.2);background:radial-gradient(circle,#fff 0 18%,#fbbf24 34%,rgba(251,191,36,.15) 68%,transparent 72%);opacity:0;z-index:99991;box-shadow:0 0 30px #fbbf24,0 0 90px rgba(251,191,36,.55);}
.fusion-core.locked{opacity:1;animation:fusionPulse 1.35s ease-in-out infinite;}
.fusion-ring{position:fixed;left:50%;top:50%;width:90px;height:90px;border:2px solid rgba(251,191,36,.7);border-radius:50%;transform:translate(-50%,-50%) scale(.15);opacity:0;z-index:99990;}
.fusion-ring.locked{opacity:1;animation:fusionRing 1.1s cubic-bezier(.2,.8,.2,1) forwards;}
.advisor-gateway.fusion-ready{pointer-events:auto;}
.advisor-gateway.fusion-ready .advisor-character{pointer-events:auto;}
.advisor-gateway.fusion-ready .advisor-hint{opacity:1;transform:translateY(0);}
@keyframes fusionPulse{0%,100%{transform:translate(-50%,-50%) scale(.85);filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.25);filter:brightness(1.45)}}
@keyframes fusionRing{0%{transform:translate(-50%,-50%) scale(.15);opacity:0}35%{opacity:1}100%{transform:translate(-50%,-50%) scale(2.8);opacity:0}}
@media(prefers-reduced-motion:reduce){.fusion-logo{transition:none}.fusion-core.locked,.fusion-ring.locked{animation:none}.fusion-core.locked{transform:translate(-50%,-50%) scale(1);}.fusion-ring.locked{transform:translate(-50%,-50%) scale(1);opacity:.35;}}

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

@media(max-width:1100px) {

    .main-nav,
    .header-actions {

        display: none;

    }

    .mobile-toggle {

        display: flex;

        align-items: center;
        justify-content: center;

    }

    .treasure-hero-inner {

        grid-template-columns: 1fr;

        text-align: center;

    }

    .hero-content p {

        margin-left: auto;
        margin-right: auto;

    }

    .hero-buttons {

        justify-content: center;

    }

    .hero-treasure {

        min-height: 380px;

    }

    .services-grid {

        grid-template-columns:
            repeat(2,1fr);

    }

    .world-grid {

        grid-template-columns:
            repeat(2,1fr);

    }

}

@media(max-width:800px) {

    .about-grid {

        grid-template-columns: 1fr;

        text-align: center;

    }

    .about-points {

        text-align: right;

    }

    .exam-inner {

        flex-direction: column;

        align-items: flex-start;

    }

    .tv-grid {

        grid-template-columns: 1fr;

    }

    .footer-inner {

        grid-template-columns: 1fr 1fr;

    }

}

@media(max-width:600px) {

    body {

        padding-top: 68px;

    }

    .site-header {

        height: 68px;

        overflow: visible;

    }

    .header-inner {

        width: 100%;
        height: 68px;
        min-height: 68px;
        padding: 0 14px;
        gap: 12px;

    }

    /* Mobile logo: keep its aspect ratio and prevent flex squeezing */
    .logo-wrap {

        flex: 0 1 auto;
        min-width: 0;
        max-width: calc(100% - 58px);
        display: flex;
        align-items: center;
        height: 100%;

    }

    .logo-wrap img {

        display: block;
        width: auto;
        max-width: 128px;
        height: auto;
        max-height: 48px;
        object-fit: contain;
        object-position: center;
\    }

    .mobile-toggle {

        flex: 0 0 42px;
        width: 42px;
        min-width: 42px;
        height: 42px;
        margin: 0;
\    }

    .treasure-hero {

        min-height: auto;

        padding:
            70px 6% 90px;

    }

    .hero-content h1 {

        font-size: 2.35rem;

    }

    .treasure-orbit {

        width: 290px;
        height: 290px;

    }

    .treasure-box {

        width: 210px;
        height: 210px;

    }

    .treasure-box i {

        font-size: 3rem;

    }

    .hero-floating {

        display: none;

    }

    .quest-strip {

        margin:
            -30px 5% 0;

        padding: 18px;

        align-items: flex-start;

    }

    .services-grid {

        grid-template-columns: 1fr;

    }

    .world-grid {

        grid-template-columns: 1fr;

    }

    .quest-options {

        grid-template-columns: 1fr;

    }

    .quest-body,
    .interactive-top {

        padding: 24px;

    }

    .about-points {

        grid-template-columns: 1fr;

    }

    .footer-inner {

        grid-template-columns: 1fr;

    }

}

@media(prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {

        animation-duration: .01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: .01ms !important;

    }

}


/* =====================================================
   NASRIN PERSONAL JOURNEY — VISUAL UPGRADE
===================================================== */
.journey-intro-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:8px 14px;border:1px solid rgba(198,155,73,.35);border-radius:999px;background:rgba(198,155,73,.08);color:#b88732;font-size:.85rem;font-weight:800}
.journey-spark{font-size:1.1rem;animation:nasrinSpark 1.8s ease-in-out infinite}
.journey-step-head{display:flex;align-items:center;gap:16px;margin-bottom:10px}
.journey-step-head small{display:block;opacity:.58;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}
.journey-step-head h3{margin:0!important}
.journey-number{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#c99a4a,#f0d18c);color:#fff;font-weight:900;box-shadow:0 10px 25px rgba(180,130,45,.18)}
.journey-hint{margin:0 0 24px!important;opacity:.66;font-size:.92rem}
.journey-options{gap:13px!important}
.journey-options .quest-option{position:relative;min-height:108px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:right;gap:3px;padding:17px 18px!important;border-radius:20px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease!important}
.journey-options .quest-option:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,.08)}
.journey-options .quest-option strong{font-size:1rem}.journey-options .quest-option small{opacity:.55;font-size:.76rem}.journey-options .quest-option-icon{width:40px!important;height:40px!important;display:grid!important;place-items:center;font-size:1.25rem!important;margin:0 0 4px!important}
.journey-options .quest-option.selected{transform:translateY(-3px);box-shadow:0 18px 35px rgba(0,0,0,.11)!important;border-color:#c99a4a!important;background:linear-gradient(145deg,rgba(201,154,74,.14),rgba(255,255,255,.55))!important}
.time-options .quest-option{min-height:125px}.level-options .quest-option{min-height:105px}
.result-kicker{display:inline-block;margin:-3px 0 12px;padding:6px 11px;border-radius:999px;background:rgba(201,154,74,.1);color:#a67626;font-size:.8rem;font-weight:900}
.path-recommendation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}
.path-stat{padding:15px 10px;border-radius:18px;background:rgba(255,255,255,.65);border:1px solid rgba(201,154,74,.2);text-align:center}.path-stat span{display:block;font-size:1.25rem;margin-bottom:7px}.path-stat small{display:block;opacity:.52;font-size:.7rem}.path-stat strong{display:block;margin-top:4px;font-size:.95rem}
.journey-next-preview{display:flex;align-items:center;gap:12px;text-align:right;margin:4px 0 20px;padding:13px 15px;border-radius:17px;background:rgba(45,110,100,.07);border:1px solid rgba(45,110,100,.13)}.preview-dot{width:10px;height:10px;border-radius:50%;background:#3b8c7d;box-shadow:0 0 0 6px rgba(59,140,125,.1);flex:none}.journey-next-preview strong{font-size:.82rem}.journey-next-preview p{margin:3px 0 0;font-size:.78rem;opacity:.68}
@keyframes nasrinSpark{50%{transform:rotate(18deg) scale(1.18)} }
@media(max-width:700px){.path-recommendation-grid{grid-template-columns:repeat(2,1fr)}.journey-options .quest-option{min-height:96px}.journey-number{flex-basis:46px;width:46px;height:46px;border-radius:15px}}


.advisor-motivation{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;background:rgba(9,20,38,.72);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:.35s ease}.advisor-motivation.open{opacity:1;pointer-events:auto}.advisor-motivation-card{width:min(820px,96vw);max-height:92vh;overflow:auto;position:relative;border:1px solid rgba(201,154,74,.34);border-radius:30px;background:linear-gradient(145deg,#fffdf8,#f5f0e6);box-shadow:0 35px 110px rgba(0,0,0,.32);padding:30px;color:#15253d;transform:translateY(24px) scale(.97);transition:.4s cubic-bezier(.2,.8,.2,1)}.advisor-motivation.open .advisor-motivation-card{transform:none}.advisor-motivation-top{display:flex;align-items:center;gap:14px;padding-right:34px}.advisor-mini-avatar{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;font-weight:1000;font-size:1.3rem;color:#fff;background:linear-gradient(145deg,#172f50,#b58a43);box-shadow:0 10px 25px rgba(23,47,80,.22)}.advisor-kicker{display:inline-block;font-size:.72rem;font-weight:900;color:#a27631;letter-spacing:.04em}.advisor-motivation h3{margin:4px 0 0;font-size:1.4rem}.advisor-story{margin:20px 0 16px;padding:16px 18px;border-radius:21px;background:#fff;border:1px solid rgba(21,37,61,.08);line-height:1.9;box-shadow:0 8px 25px rgba(21,37,61,.05)}.advisor-story strong{color:#a27631}.advisor-question-box{padding:20px;border-radius:24px;background:linear-gradient(145deg,rgba(23,47,80,.055),rgba(201,154,74,.09));border:1px solid rgba(201,154,74,.18)}.advisor-question-progress{font-size:.72rem;font-weight:900;color:#a27631;margin-bottom:8px}.advisor-question-box h4{font-size:1.06rem;margin:0 0 14px;line-height:1.85}.advisor-motivation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.advisor-motivation-option{border:1px solid rgba(21,37,61,.1);background:#fff;border-radius:16px;padding:13px 15px;text-align:right;font:inherit;font-weight:800;color:#253752;cursor:pointer;transition:.2s}.advisor-motivation-option:hover{transform:translateY(-2px);border-color:rgba(181,138,67,.6);box-shadow:0 8px 20px rgba(21,37,61,.08)}.advisor-motivation-option.selected{background:#172f50;color:#fff;border-color:#172f50}.advisor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.advisor-field{display:flex;flex-direction:column;gap:6px}.advisor-field.full{grid-column:1/-1}.advisor-field label{font-size:.76rem;font-weight:900;color:#64748b}.advisor-field input,.advisor-field select,.advisor-field textarea{width:100%;border:1px solid rgba(21,37,61,.12);background:#fff;border-radius:14px;padding:12px 13px;font:inherit;color:#15253d;outline:none}.advisor-field textarea{min-height:78px;resize:vertical}.advisor-field input:focus,.advisor-field select:focus,.advisor-field textarea:focus{border-color:#b58a43;box-shadow:0 0 0 4px rgba(181,138,67,.1)}.advisor-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.advisor-choice-pill{border:1px solid rgba(21,37,61,.1);background:#fff;border-radius:15px;padding:12px;text-align:right;font:inherit;font-weight:800;color:#253752;cursor:pointer}.advisor-choice-pill.selected{background:#172f50;color:#fff;border-color:#172f50}.advisor-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.advisor-nav-btn{border:0;border-radius:14px;padding:12px 18px;font:inherit;font-weight:900;cursor:pointer}.advisor-nav-btn.secondary{background:#e9e4d8;color:#34445a}.advisor-nav-btn.primary{background:linear-gradient(135deg,#b58a43,#d9b76d);color:#fff;box-shadow:0 10px 22px rgba(181,138,67,.2)}.advisor-motivation-result{margin-top:14px;padding:18px;border-radius:19px;background:rgba(59,140,125,.09);border:1px solid rgba(59,140,125,.18);line-height:1.9;font-weight:800}.advisor-motivation-result[hidden]{display:none}.advisor-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0}.advisor-plan-card{padding:12px;border-radius:15px;background:#fff;border:1px solid rgba(21,37,61,.08);text-align:center}.advisor-plan-card small{display:block;color:#64748b;font-size:.68rem}.advisor-plan-card strong{display:block;margin-top:3px;font-size:.9rem}@media(max-width:600px){.advisor-motivation-card{padding:20px;border-radius:24px}.advisor-motivation h3{font-size:1.12rem}.advisor-motivation-options,.advisor-form-grid,.advisor-choice-grid,.advisor-plan{grid-template-columns:1fr}.advisor-field.full{grid-column:auto}.advisor-actions{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(transparent,#f7f1e7 25%)}}\n
.advisor-analysis-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;border:1px solid rgba(251,191,36,.25);border-radius:18px;background:linear-gradient(135deg,rgba(251,191,36,.10),rgba(255,255,255,.04));}
.advisor-analysis-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(251,191,36,.14);font-size:1.35rem;}
.advisor-analysis-head small,.advisor-course-tag{display:block;color:#d6b25e;font-size:.72rem;font-weight:800;}
.advisor-analysis-head strong{display:block;color:#fff;margin-top:3px;font-size:1rem;}
.advisor-analysis-reasons{display:grid;gap:7px;margin:12px 0 18px;color:rgba(255,255,255,.78);font-size:.78rem;line-height:1.8;}
.advisor-course-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:18px 0 10px;color:#fff;}
.advisor-course-heading span{font-size:.68rem;color:rgba(255,255,255,.5);}
.advisor-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.advisor-course-card{padding:15px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.045);transition:.25s ease;}
.advisor-course-card:hover{transform:translateY(-3px);border-color:rgba(251,191,36,.38);}
.advisor-course-card.primary{border-color:rgba(251,191,36,.48);background:linear-gradient(145deg,rgba(251,191,36,.13),rgba(255,255,255,.045));}
.advisor-course-top{display:flex;justify-content:space-between;min-height:18px;}
.advisor-course-card h4{color:#fff;margin:8px 0 6px;font-size:.9rem;}
.advisor-course-card p{color:rgba(255,255,255,.58);font-size:.72rem;line-height:1.8;min-height:62px;margin:0 0 12px;}
.advisor-course-actions{display:flex;gap:7px;}
.advisor-course-actions a{flex:1;text-align:center;text-decoration:none;border-radius:11px;padding:9px 7px;font-size:.7rem;font-weight:900;}
.advisor-course-btn{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.1);}
.advisor-course-pay{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#211300;}
.advisor-final-note{margin-top:14px;padding:11px 13px;border-radius:13px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.18);color:rgba(255,255,255,.7);font-size:.72rem;line-height:1.8;}
@media(max-width:760px){.advisor-course-grid{grid-template-columns:1fr}.advisor-course-card p{min-height:auto}}


/* =========================================================
   EARLY ADVISOR LEARNING-SECRETARY LINK
========================================================= */
.hero-advisor-link{
    margin-top:18px;width:min(620px,100%);display:flex;align-items:center;gap:13px;
    padding:12px 14px;border:1px solid rgba(37,99,235,.12);border-radius:18px;
    background:rgba(255,255,255,.84);box-shadow:0 12px 34px rgba(15,23,42,.055);
    color:var(--na-navy);text-align:right;cursor:pointer;transition:.25s ease;
}
.hero-advisor-link:hover{transform:translateY(-3px);border-color:rgba(37,99,235,.25);box-shadow:0 18px 42px rgba(37,99,235,.10);}
.hero-advisor-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#313777,#20265d);color:#f6bd45;font-weight:900;font-size:1.15rem;box-shadow:0 8px 18px rgba(31,36,80,.18)}
.hero-advisor-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.hero-advisor-copy strong{font-size:.86rem}.hero-advisor-copy small{font-size:.72rem;color:var(--na-muted);line-height:1.7}.hero-advisor-link>i{color:#2563eb;font-size:.8rem;transition:.2s}.hero-advisor-link:hover>i{transform:translateX(-4px)}
@media(max-width:600px){.hero-advisor-link{padding:11px 12px}.hero-advisor-copy small{font-size:.68rem}.hero-advisor-avatar{width:40px;height:40px;flex-basis:40px}}

/* =========================================================
   EDUCATIONAL HOMEPAGE — FINAL VISUAL LAYER
========================================================= */
.treasure-hero{
    min-height:640px;
    padding:78px 5% 86px;
    background:
      radial-gradient(circle at 12% 18%,rgba(37,99,235,.13),transparent 27%),
      radial-gradient(circle at 86% 15%,rgba(16,185,129,.12),transparent 25%),
      linear-gradient(180deg,#f8fbff 0%,#fff 72%);
}
.treasure-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(37,99,235,.16),transparent);
}
.hero-kicker{
    color:#3157c8;
    background:rgba(49,87,200,.07);
    border-color:rgba(49,87,200,.12);
}
.hero-content h1{
    max-width:760px;
    font-size:clamp(2.55rem,5vw,4.35rem);
    line-height:1.18;
}
.hero-content h1::after{
    content:"";
    display:block;
    width:76px;
    height:5px;
    margin-top:22px;
    border-radius:99px;
    background:linear-gradient(90deg,#2563eb,#22c55e);
}
.hero-content p{font-size:1.03rem;max-width:700px;line-height:2.05}
.hero-treasure{min-height:410px}
.treasure-orbit{width:410px;height:410px;border:1px solid rgba(37,99,235,.13);animation:orbit 28s linear infinite}
.treasure-box{
    width:330px;height:250px;border-radius:30px;
    align-items:stretch;justify-content:flex-start;
    padding:30px 28px;text-align:right;
    background:linear-gradient(145deg,#101a42,#1d3a78);
    box-shadow:0 28px 70px rgba(16,26,66,.22);
}
.treasure-box i{font-size:2.2rem;margin:0 0 16px;color:#72e6c2;align-self:flex-start}
.treasure-box strong{font-size:1.35rem;line-height:1.5}
.treasure-box small{font-size:.82rem;line-height:1.9;margin-top:9px;opacity:.78}
.treasure-box::after{
    content:"01   02   03   04";
    display:block;margin-top:auto;padding-top:16px;
    border-top:1px solid rgba(255,255,255,.12);
    color:rgba(255,255,255,.48);font-size:.68rem;letter-spacing:.12em;direction:ltr;text-align:left;
}
.hero-floating{border-radius:16px;padding:12px 15px;background:rgba(255,255,255,.96);box-shadow:0 15px 40px rgba(15,23,42,.09)}
.hero-floating.one{top:5%;right:0;color:#2563eb}
.hero-floating.two{bottom:7%;left:0;color:#059669}
.quest-strip{
    border-radius:24px;padding:20px 22px;
    border:1px solid rgba(37,99,235,.10);
    box-shadow:0 18px 55px rgba(15,23,42,.08);
}
.quest-strip-icon{background:linear-gradient(135deg,#2563eb,#14b8a6);box-shadow:0 10px 24px rgba(37,99,235,.18)}
.na-section{padding-top:88px}
.services-grid{grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{
    min-height:245px;padding:27px;border-radius:22px;
    background:linear-gradient(180deg,#fff,#f9fbff);
    border:1px solid rgba(37,99,235,.10);
    box-shadow:0 12px 34px rgba(15,23,42,.055);
}
.service-card::before{height:3px;background:linear-gradient(90deg,#2563eb,#14b8a6)!important}
.service-card:hover{transform:translateY(-7px);border-color:rgba(37,99,235,.22);box-shadow:0 22px 48px rgba(15,23,42,.10)}
.service-icon{width:52px;height:52px;border-radius:16px;background:#eef4ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.service-card h3{font-size:1.08rem;margin:18px 0 9px}
.service-card p{line-height:1.9;color:#64748b}
.service-number{color:#94a3b8!important;font-weight:800}
.section-heading h2{font-size:clamp(1.9rem,3vw,2.65rem);letter-spacing:-.025em}
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
  .treasure-hero{padding:55px 6% 70px}
  .hero-content h1{font-size:2.35rem}
  .hero-content h1::after{margin:18px auto 0}
  .treasure-box{width:285px;height:225px;padding:25px}
  .treasure-orbit{width:315px;height:315px}
  .services-grid{grid-template-columns:1fr}
}


/* =========================================================
   LEARNING BOARD — SNAKES & LADDERS
========================================================= */
.learning-board-section{padding-top:72px;padding-bottom:30px}
.learning-board-heading{max-width:900px;margin-inline:auto;text-align:center}
.learning-board-heading .section-label{display:inline-flex}
.learning-board-heading p{max-width:760px;margin-inline:auto;line-height:2}
.learning-game{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:26px;align-items:stretch;margin-top:34px}
.game-board-wrap{padding:14px;border-radius:30px;background:linear-gradient(145deg,#eaf1ff,#f8fbff);box-shadow:0 24px 70px rgba(15,23,42,.10);border:1px solid rgba(37,99,235,.10)}
.game-board{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:8px;aspect-ratio:1.42;border-radius:22px;padding:10px;background:radial-gradient(circle at 50% 20%,#ffffff 0,#eef4ff 70%,#e4edff 100%);overflow:hidden}
.game-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;border-radius:16px;background:rgba(255,255,255,.88);border:1px solid rgba(37,99,235,.10);box-shadow:0 7px 18px rgba(15,23,42,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;z-index:3}
.game-cell:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 13px 25px rgba(37,99,235,.13);border-color:rgba(37,99,235,.28)}
.game-cell .cell-no{position:absolute;top:7px;right:9px;font-size:.62rem;font-weight:900;color:#94a3b8}
.game-cell i{font-size:1.1rem;color:#2563eb;margin-bottom:7px}
.game-cell strong{font-size:.76rem;color:#172554;line-height:1.35}
.game-cell small{font-size:.58rem;color:#64748b;margin-top:3px}
.start-cell{background:linear-gradient(145deg,#dff8ed,#f6fffb);border-color:rgba(16,185,129,.24)}
.start-cell i{color:#059669}
.c20{background:linear-gradient(145deg,#fff7d8,#fffdf2);border-color:rgba(245,158,11,.26)}
.c20 i{color:#d97706}
.game-ladder{position:absolute;width:10px;height:112px;z-index:2;transform-origin:bottom center;filter:drop-shadow(0 4px 5px rgba(37,99,235,.16))}
.game-ladder:before,.game-ladder:after{content:"";position:absolute;top:0;bottom:0;width:5px;border-radius:8px;background:linear-gradient(#60a5fa,#2563eb)}
.game-ladder:before{left:0}.game-ladder:after{right:0}
.game-ladder span,.game-ladder b{position:absolute;left:0;width:100%;height:5px;border-radius:5px;background:#3b82f6}
.game-ladder span{top:24px}.game-ladder b{top:58px}
.ladder-a{left:17%;bottom:16%;transform:rotate(-13deg);height:125px}
.ladder-b{left:46%;bottom:37%;transform:rotate(12deg);height:105px}
.ladder-c{left:70%;bottom:54%;transform:rotate(-10deg);height:95px}
.game-snake{position:absolute;z-index:2;font-size:8.5rem;line-height:.55;font-weight:900;color:#10b981;opacity:.72;text-shadow:4px 7px 0 rgba(16,185,129,.10);pointer-events:none}
.snake-a{right:17%;top:5%;transform:rotate(18deg)}
.snake-b{left:30%;top:48%;transform:rotate(-22deg);color:#8b5cf6}
.game-token{position:absolute;z-index:5;left:3.8%;bottom:4%;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2563eb,#14b8a6);color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.3);animation:learningToken 2.2s ease-in-out infinite}
@keyframes learningToken{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.learning-path-list{border-radius:26px;padding:20px;background:#fff;border:1px solid rgba(37,99,235,.10);box-shadow:0 18px 50px rgba(15,23,42,.07);display:flex;flex-direction:column;gap:9px}
.path-list-head{display:flex;justify-content:space-between;align-items:end;padding:3px 4px 11px;border-bottom:1px solid #edf2f7;margin-bottom:3px}.path-list-head span{font-weight:900;color:#172554}.path-list-head small{font-size:.68rem;color:#94a3b8}
.path-item{display:grid;grid-template-columns:42px 1fr 16px;gap:11px;align-items:center;padding:11px 10px;border-radius:16px;color:inherit;text-decoration:none;background:#f8fafc;border:1px solid transparent;transition:.2s ease}
.path-item:hover{background:#eef5ff;border-color:rgba(37,99,235,.14);transform:translateX(-4px)}
.path-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf1ff;color:#2563eb}.path-item:nth-child(3) .path-icon{background:#eafbf5;color:#059669}.path-item:nth-child(4) .path-icon{background:#fff7e5;color:#d97706}.path-item:nth-child(5) .path-icon{background:#f3edff;color:#7c3aed}
.path-item strong{display:block;font-size:.8rem;color:#172554}.path-item small{display:block;margin-top:3px;font-size:.64rem;color:#64748b;line-height:1.6}.path-item>i{font-size:.65rem;color:#94a3b8}
.path-advisor-btn{margin-top:auto;border:0;border-radius:16px;padding:14px 15px;background:linear-gradient(135deg,#172554,#2563eb);color:#fff;font-family:inherit;font-weight:800;cursor:pointer;box-shadow:0 12px 25px rgba(37,99,235,.2);transition:.2s ease}.path-advisor-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(37,99,235,.27)}
@media(max-width:1050px){.learning-game{grid-template-columns:1fr}.learning-path-list{display:grid;grid-template-columns:repeat(2,1fr)}.path-list-head{grid-column:1/-1}.path-advisor-btn{grid-column:1/-1}}
@media(max-width:650px){.game-board{gap:4px;padding:6px;aspect-ratio:.95;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr)}.game-cell strong{font-size:.58rem}.game-cell small{font-size:.46rem}.game-cell i{font-size:.85rem}.game-ladder{height:82px}.game-snake{font-size:5rem}.learning-path-list{grid-template-columns:1fr}.path-list-head,.path-advisor-btn{grid-column:auto}.game-token{width:34px;height:34px;font-size:.8rem}}


/* =========================================================
   HOMEPAGE CLEANUP — GAME-FIRST EXPERIENCE
========================================================= */
.quest-strip,
.about-section,
.exam-mission,
#treasure-map,
#academy-world,
.tv-section,
.faq-section{display:none !important;}

/* Bring Advisor into the first viewport as the learning secretary. */
.advisor-gateway{
  position:fixed !important;
  top:92px !important;
  bottom:auto !important;
  right:28px !important;
  left:auto !important;
  z-index:99990 !important;
  transform:scale(.92);
  transform-origin:top right;
}
.advisor-hint{
  max-width:245px;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(37,99,235,.14);
  box-shadow:0 16px 40px rgba(15,23,42,.12);
}

.advisor-game-hero{
  min-height:650px !important;
  padding:58px 5% 54px !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(251,191,36,.15),transparent 24%),
    radial-gradient(circle at 84% 24%,rgba(20,184,166,.14),transparent 28%),
    linear-gradient(145deg,#fffdf5 0%,#f5f9ff 55%,#eefcf7 100%) !important;
}
.advisor-game-hero .treasure-hero-inner{max-width:1250px;min-height:540px;align-items:center;position:relative;z-index:2;}
.advisor-game-hero .hero-content{max-width:610px;padding-top:18px;}
.advisor-game-hero .hero-kicker{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#fff7dc;color:#9a6700;border:1px solid #f4df9b;padding:9px 14px;font-weight:900;box-shadow:0 8px 22px rgba(154,103,0,.08)}
.advisor-game-hero .hero-content h1{font-size:clamp(2.65rem,5vw,4.8rem);line-height:1.08;letter-spacing:-.045em;margin:20px 0 18px;max-width:700px;}
.advisor-game-hero .hero-content h1::after{display:none;}
.advisor-game-hero .hero-content h1 em{font-style:normal;background:linear-gradient(90deg,#1769d1,#0f9f7b);-webkit-background-clip:text;background-clip:text;color:transparent;}
.advisor-game-hero .hero-content p{font-size:1.08rem;line-height:2;max-width:590px;color:#526174;}
.hero-game-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.hero-game-actions .hero-btn{border:0;cursor:pointer;font-family:inherit;}
.hero-mini-stats{display:flex;align-items:center;gap:12px;margin-top:24px;color:#718096;font-size:.76rem;font-weight:800;flex-wrap:wrap;}
.hero-mini-stats span{display:inline-flex;align-items:center;gap:5px}.hero-mini-stats b{color:#1d4ed8}.hero-mini-stats i{font-style:normal;color:#c2cbd7}
.hero-map-preview{position:relative;width:min(520px,44vw);height:500px;border-radius:42px;background:linear-gradient(145deg,#e9f6ee,#fff8db);border:10px solid rgba(255,255,255,.72);box-shadow:0 35px 80px rgba(27,57,78,.16),inset 0 0 0 1px rgba(16,78,64,.08);transform:rotate(2deg);overflow:hidden;}
.hero-map-preview:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(50,88,70,.11) 1px,transparent 1px);background-size:18px 18px;opacity:.55;}
.hero-map-title{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:4;color:#24453d}.hero-map-title span{font-weight:1000;font-size:1rem}.hero-map-title small{font-size:.65rem;background:#fff;border-radius:99px;padding:6px 9px;color:#7b6a3a}
.hero-map-path{position:absolute;height:14px;border-top:7px dashed rgba(185,142,52,.48);border-radius:50%;z-index:1;transform-origin:left center}.path-one{width:245px;left:88px;top:230px;transform:rotate(17deg)}.path-two{width:210px;left:195px;top:335px;transform:rotate(-19deg)}
.hero-map-tile{position:absolute;width:94px;height:94px;border-radius:27px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(255,255,255,.9);border:3px solid #d7e8dd;box-shadow:0 12px 25px rgba(48,76,63,.11);z-index:3;color:#24453d;transform:rotate(-2deg);transition:.25s ease}.hero-map-tile:hover{transform:translateY(-6px) rotate(-2deg) scale(1.04)}.hero-map-tile small{position:absolute;top:8px;right:10px;font-size:.58rem;color:#93a79d}.hero-map-tile i{font-size:1.2rem;color:#2a8a73}.hero-map-tile b{font-size:.72rem}.tile-1{left:40px;top:145px}.tile-2{left:177px;top:190px}.tile-3{left:315px;top:270px}.tile-4{left:170px;top:350px}.treasure-tile{right:28px;bottom:28px;width:118px;height:118px;background:linear-gradient(145deg,#fff3b8,#fffdf0);border-color:#e9ca68;box-shadow:0 18px 38px rgba(173,128,25,.2);}.treasure-tile i{font-size:2rem;color:#d39a19}.treasure-tile b{font-size:.88rem}.treasure-tile small{position:static;color:#92752b}.hero-dice{position:absolute;left:65px;bottom:52px;width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#245fd2,#13a884);color:#fff;box-shadow:0 14px 28px rgba(37,99,235,.25);z-index:5;transform:rotate(-8deg)}.hero-dice span{font-size:1.4rem}.hero-dice b{position:absolute;top:62px;color:#245fd2;font-size:.65rem}
.hero-advisor-card{position:absolute;right:20px;top:72px;width:230px;padding:12px;border-radius:19px;background:rgba(255,255,255,.94);display:grid;grid-template-columns:42px 1fr 14px;gap:10px;align-items:center;z-index:6;box-shadow:0 15px 34px rgba(24,54,48,.13);border:1px solid rgba(42,138,115,.14)}.hero-advisor-card-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#172554,#2563eb);color:#fff;font-weight:1000}.hero-advisor-card strong{display:block;font-size:.72rem;color:#172554}.hero-advisor-card small{display:block;font-size:.57rem;line-height:1.65;color:#64748b;margin-top:3px}.hero-advisor-card>i{font-size:.65rem;color:#2563eb}
.advisor-game-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.advisor-game-hero-bg span{position:absolute;width:180px;height:180px;border:1px dashed rgba(37,99,235,.13);border-radius:50%}.advisor-game-hero-bg span:nth-child(1){right:4%;top:-80px}.advisor-game-hero-bg span:nth-child(2){left:34%;bottom:-110px;width:260px;height:260px}.advisor-game-hero-bg span:nth-child(3){right:42%;top:20%;width:12px;height:12px;background:#f3c64e;border:0;box-shadow:0 0 0 12px rgba(243,198,78,.08),0 0 0 25px rgba(243,198,78,.04)}

/* Make the board feel like a physical board game, not a service grid. */
.learning-board-section{padding:80px 0 90px;background:linear-gradient(180deg,#fff 0,#f7fafc 100%);}
.learning-board-heading{text-align:right;max-width:1150px}.learning-board-heading h2{font-size:clamp(2rem,4vw,3.1rem)}.learning-board-heading p{max-width:650px;margin-right:0;line-height:2;color:#667085}.learning-board-heading .section-label{background:#fff8dc;border-color:#eed58a;color:#8b6b18}
.learning-game{margin-top:28px;gap:22px}.game-board-wrap{padding:12px;border-radius:34px;background:linear-gradient(145deg,#f5e7bc,#dcefe6);box-shadow:0 30px 80px rgba(53,71,59,.14);border:1px solid rgba(140,108,38,.16)}
.game-board{gap:7px;padding:12px;border-radius:27px;background:linear-gradient(145deg,#fdf8e9,#edf7f0);box-shadow:inset 0 0 0 2px rgba(151,121,47,.10);}
.game-cell{border-radius:19px;background:rgba(255,255,255,.82);border:2px solid rgba(72,114,91,.09);box-shadow:0 8px 0 rgba(84,109,91,.06),0 10px 22px rgba(35,65,50,.05)}
.game-cell:nth-child(3n){background:#f7fbef}.game-cell:nth-child(4n){background:#fff9e8}.game-cell i{color:#27856e}.game-cell strong{color:#27453c}.game-cell .cell-no{color:#a38a4c}.game-ladder:before,.game-ladder:after{background:linear-gradient(#d1a33b,#9a7020)}.game-ladder span,.game-ladder b{background:#b1842b}.game-snake{font-size:7.5rem;color:#d05b45;text-shadow:4px 7px 0 rgba(208,91,69,.08)}.snake-b{color:#6f7bb7}.game-token{background:linear-gradient(145deg,#f1b72d,#e8754f);box-shadow:0 10px 22px rgba(202,130,40,.32)}.c20{background:linear-gradient(145deg,#fff1ae,#fffdf1)!important;border-color:#e6c75d}.c20 i{color:#d39a19}.start-cell{background:linear-gradient(145deg,#dff6e9,#f7fffb)!important}
.learning-path-list{background:linear-gradient(180deg,#fffdf5,#f5faf7);border-color:#e4e0c8}.path-list-head span{color:#29483e}.path-item{background:rgba(255,255,255,.72)}.path-advisor-btn{background:linear-gradient(135deg,#173d38,#1e7d69);box-shadow:0 14px 30px rgba(30,125,105,.22)}
@media(max-width:850px){.advisor-game-hero{padding-top:48px!important}.advisor-game-hero .treasure-hero-inner{grid-template-columns:1fr}.advisor-game-hero .hero-content{text-align:center;margin-inline:auto}.hero-game-actions,.hero-mini-stats{justify-content:center}.hero-map-preview{width:min(520px,92vw);margin:10px auto 0;transform:rotate(1deg) scale(.92)}.advisor-gateway{top:76px!important;right:10px!important;transform:scale(.72);transform-origin:top right}.advisor-hint{display:none!important}}
@media(max-width:560px){.advisor-game-hero{min-height:auto!important;padding:34px 5% 42px!important}.advisor-game-hero .hero-content h1{font-size:2.45rem}.hero-map-preview{height:410px}.hero-map-tile{width:72px;height:72px;border-radius:21px}.tile-1{left:24px;top:130px}.tile-2{left:140px;top:168px}.tile-3{left:260px;top:235px}.tile-4{left:125px;top:305px}.treasure-tile{right:18px;bottom:18px;width:92px;height:92px}.hero-advisor-card{right:10px;top:60px;width:205px}.hero-advisor-card small{font-size:.52rem}.hero-dice{left:35px;bottom:35px}.advisor-game-hero .hero-game-actions .hero-btn{width:100%;justify-content:center}.hero-mini-stats{gap:7px;font-size:.66rem}.learning-board-section{padding-top:48px}.learning-board-heading{text-align:center}.learning-board-heading p{margin-inline:auto}.game-board{aspect-ratio:.86}.game-cell strong{font-size:.55rem}.game-cell small{font-size:.42rem}}

/* =========================================================
   PUZZLE GAME — NASRIN ACADEMY
========================================================= */
/* =========================================================
   PUZZLE 2.0 — LEARNING QUEST
========================================================= */
.puzzle-section-v2{padding:76px 0 34px}
.puzzle-shell-v2{display:grid;grid-template-columns:.92fr 1.18fr;gap:30px;align-items:center;padding:30px;border-radius:34px;background:linear-gradient(135deg,#fffdf4 0%,#f3faf6 52%,#eef4ff 100%);border:1px solid #e5e7df;box-shadow:0 28px 80px rgba(34,63,49,.09);overflow:hidden}
.puzzle-copy-v2 .section-label{color:#a1761d}.puzzle-copy-v2 h2{margin:10px 0 10px;color:#173d38;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.3}.puzzle-copy-v2 p{color:#718079;line-height:2;margin:0 0 18px}
.puzzle-rules-v2{display:grid;gap:9px;margin:20px 0}.puzzle-rule-v2{display:flex;align-items:center;gap:10px;color:#496158;font-size:.74rem}.puzzle-rule-v2 span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#1d8065;box-shadow:0 5px 15px rgba(34,63,49,.06);font-weight:900}
.puzzle-metrics-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.puzzle-metric-v2{padding:12px;border-radius:15px;background:rgba(255,255,255,.78);border:1px solid rgba(225,231,223,.9);text-align:center}.puzzle-metric-v2 b,.puzzle-metric-v2 small{display:block}.puzzle-metric-v2 b{font-size:1.15rem;color:#173d38}.puzzle-metric-v2 small{font-size:.58rem;color:#84918b;margin-top:3px}
.puzzle-xp-wrap-v2{padding:13px 14px;border-radius:16px;background:#fff;border:1px solid #e3ebe6}.puzzle-xp-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.puzzle-xp-head b{font-size:.72rem;color:#24483c}.puzzle-xp-head span{font-size:.65rem;color:#a1761d;font-weight:900}.puzzle-xp-track{height:9px;background:#edf1ee;border-radius:99px;overflow:hidden;margin-top:9px}.puzzle-xp-track span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#208064,#d3a543);transition:width .35s ease}
.puzzle-status-v2{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:15px;background:#fff;border:1px solid #e3ebe6;margin-top:10px}.puzzle-status-v2 b{color:#24483c;font-size:.76rem}.puzzle-status-v2 small{color:#8a9690}.puzzle-reset-v2{border:0;background:#173d38;color:#fff;border-radius:12px;padding:9px 13px;font-family:inherit;font-weight:800;font-size:.67rem;cursor:pointer}
.puzzle-board-v2{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;border-radius:29px;background:linear-gradient(145deg,#132f2b,#28594c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 28px 55px rgba(23,61,56,.2)}
.puzzle-piece-v2{position:relative;min-height:132px;border:0;border-radius:20px;background:linear-gradient(145deg,#fff,#f5faf7);box-shadow:0 8px 0 rgba(15,62,50,.12),0 13px 25px rgba(15,62,50,.13);cursor:pointer;color:#24483c;font-family:inherit;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;overflow:hidden}.puzzle-piece-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(214,177,76,.18),transparent 42%);pointer-events:none}.puzzle-piece-v2:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 11px 0 rgba(15,62,50,.10),0 18px 30px rgba(15,62,50,.16)}.puzzle-piece-v2.selected{transform:translateY(-5px) scale(1.025);outline:3px solid #d5aa45;box-shadow:0 8px 0 rgba(162,119,27,.12),0 18px 32px rgba(162,119,27,.22)}
.puzzle-piece-v2 .piece-no{position:absolute;top:8px;right:10px;font-size:.58rem;font-weight:900;color:#a38a4c}.puzzle-piece-v2 i{display:block;font-size:1.55rem;color:#208064;margin:25px 0 9px}.puzzle-piece-v2 b{display:block;font-size:.75rem}.puzzle-piece-v2 small{display:block;margin-top:4px;font-size:.57rem;color:#82908a}.puzzle-piece-v2.correct{background:linear-gradient(145deg,#f0faef,#fffdf0);outline:2px solid rgba(32,128,100,.18)}.puzzle-piece-v2.correct:after{content:"✓";position:absolute;left:9px;top:7px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#208064;color:#fff;font-size:.68rem;font-weight:900;box-shadow:0 4px 9px rgba(32,128,100,.2)}
.puzzle-win-v2{display:none;position:absolute;inset:14px;z-index:5;border-radius:22px;background:linear-gradient(145deg,rgba(19,47,43,.97),rgba(31,125,105,.97));color:#fff;place-items:center;text-align:center;padding:25px;backdrop-filter:blur(8px)}.puzzle-win-v2.show{display:grid;animation:puzzlePop .35s ease}.puzzle-win-v2 .win-icon{font-size:3.4rem}.puzzle-win-v2 h3{margin:5px 0;font-size:1.5rem}.puzzle-win-v2 p{margin:0;color:#d9ebe4;font-size:.75rem;line-height:1.9}.puzzle-win-v2 .win-xp{display:inline-block;margin-top:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:#ffe29a;font-size:.72rem;font-weight:900}.puzzle-win-v2 button{margin-top:13px;border:0;border-radius:12px;padding:10px 17px;background:#fff;color:#173d38;font-family:inherit;font-weight:900;cursor:pointer}
@keyframes puzzlePop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(max-width:850px){.puzzle-shell-v2{grid-template-columns:1fr}.puzzle-copy-v2{text-align:center}.puzzle-rules-v2{text-align:right;max-width:480px;margin:20px auto}.puzzle-status-v2,.puzzle-xp-wrap-v2{max-width:480px;margin-left:auto;margin-right:auto}.puzzle-metrics-v2{max-width:480px;margin-left:auto;margin-right:auto}}
@media(max-width:560px){.puzzle-section-v2{padding-top:52px}.puzzle-shell-v2{padding:17px;border-radius:24px}.puzzle-board-v2{gap:6px;padding:8px;border-radius:21px}.puzzle-piece-v2{min-height:92px;border-radius:14px}.puzzle-piece-v2 i{font-size:1.05rem;margin:20px 0 6px}.puzzle-piece-v2 b{font-size:.6rem}.puzzle-piece-v2 small{font-size:.46rem}.puzzle-piece-v2 .piece-no{font-size:.5rem;top:5px;right:7px}.puzzle-metrics-v2{grid-template-columns:repeat(3,1fr)}.puzzle-metric-v2{padding:9px 5px}.puzzle-metric-v2 b{font-size:.95rem}.puzzle-metric-v2 small{font-size:.5rem}}

/* ===== nasrin-typography-refinement ===== */
:root{--na-heading:#17133f;}
body{line-height:1.95;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
[dir="rtl"] body{font-family:'Estedad','Vazirmatn',sans-serif;word-spacing:.025em;}
[dir="ltr"] body{font-family:'Manrope','Inter',sans-serif;letter-spacing:-.005em;}
h1,h2,h3,h4,h5,h6{font-family:inherit;line-height:1.5;letter-spacing:normal;text-wrap:balance;}
.hero-content h1{font-size:clamp(2.3rem,4.7vw,4rem);line-height:1.35;font-weight:800;max-width:820px;letter-spacing:normal;}
.hero-content h1 span{color:var(--na-heading);background:none;-webkit-background-clip:initial;background-clip:initial;}
.hero-content p,.section-heading p,.about-content p,.exam-content p,.interactive-top p,.faq-answer{line-height:2;}
.section-heading h2,.about-content h2,.exam-content h2,.interactive-top h2,.tv-header h2{line-height:1.5;font-weight:750;}
.section-heading h2{font-size:clamp(1.75rem,3.2vw,2.65rem);}
.service-card h3,.world-card h3,.tv-card h3,.quest-step h3{line-height:1.7;}
@media(max-width:600px){.hero-content h1{font-size:clamp(2rem,8vw,2.8rem);line-height:1.4;}.section-heading h2,.about-content h2{font-size:clamp(1.55rem,7vw,2.2rem);}.hero-content p{line-height:2.05;}}

/* ===== clear-learning-journey-v3 ===== */
/* =========================================================
   CLEAR LEARNING JOURNEY — FINAL REARRANGEMENT
========================================================= */
.redesigned-learning-path{padding-top:76px}
.journey-overview{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:0 auto 24px;
    max-width:1120px;
    padding:20px 18px;
    border:1px solid #e6ebe8;
    border-radius:24px;
    background:linear-gradient(180deg,#fff,#f8fbf9);
    box-shadow:0 15px 45px rgba(34,63,49,.06);
}
.journey-node{
    flex:1;
    min-width:120px;
    text-align:center;
    padding:13px 8px;
    border-radius:18px;
    transition:.2s ease;
}
.journey-node.active,
.journey-node:hover{
    background:#fff8e5;
    transform:translateY(-2px);
}
.journey-node span{
    width:31px;height:31px;border-radius:50%;
    display:grid;place-items:center;margin:0 auto 7px;
    background:#edf4f0;color:#2b715d;font-size:.7rem;font-weight:900;
}
.journey-node i{display:block;color:#b78729;font-size:1rem;margin-bottom:6px}
.journey-node strong{display:block;color:#27473d;font-size:.78rem}
.journey-node small{display:block;color:#84908b;font-size:.58rem;margin-top:3px}
.journey-line{height:2px;flex:0 0 28px;background:linear-gradient(90deg,#d8e7df,#e5d49f)}
.journey-primary-actions{
    display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 28px
}
.journey-primary-btn,.journey-secondary-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    padding:13px 19px;border-radius:14px;text-decoration:none;font-weight:900;
    transition:.2s ease
}
.journey-primary-btn{
    color:#fff;background:linear-gradient(135deg,#173d38,#23866e);
    box-shadow:0 14px 28px rgba(30,125,105,.18)
}
.journey-secondary-btn{
    color:#315448;background:#fff;border:1px solid #dce8e2
}
.journey-primary-btn:hover,.journey-secondary-btn:hover{transform:translateY(-2px)}
.redesigned-game{grid-template-columns:1.15fr .85fr!important}
.redesigned-board{
    grid-template-columns:repeat(4,1fr)!important;
    grid-template-rows:repeat(2,1fr)!important;
    aspect-ratio:1.55!important;
}
.redesigned-board .game-cell{
    min-height:150px;
}
.redesigned-board .core-step{
    border:1px solid rgba(201,154,74,.24);
}
.redesigned-board .core-step.final-step{
    background:linear-gradient(145deg,#fff1c7,#fffaf0)!important;
    border-color:#e3bf61;
}
.redesigned-path-list{gap:8px!important}
.redesigned-path-list .path-core{background:#fff}
.path-tools-label{
    margin:10px 3px 3px;
    color:#8a7650;font-size:.66rem;font-weight:900;
    display:flex;align-items:center;gap:6px
}
.path-tools{
    display:grid;grid-template-columns:repeat(4,1fr);gap:6px
}
.path-tools a{
    display:flex;align-items:center;justify-content:center;
    padding:8px 5px;border-radius:10px;
    background:#f4f8f5;color:#486258;text-decoration:none;
    font-size:.6rem;font-weight:800;border:1px solid #e3ebe6
}
.path-tools a:hover{background:#edf7f1}
.redesigned-path-list .path-advisor-btn{margin-top:4px}
#treasure-map{
    scroll-margin-top:95px;
}
#treasure-map .interactive-top{
    border:2px solid rgba(201,154,74,.18);
    box-shadow:0 20px 60px rgba(34,63,49,.09);
}
@media(max-width:950px){
    .journey-overview{overflow-x:auto;justify-content:flex-start}
    .journey-node{min-width:125px;flex:0 0 125px}
    .redesigned-game{grid-template-columns:1fr!important}
    .redesigned-board{aspect-ratio:1.7!important}
}
@media(max-width:650px){
    .redesigned-learning-path{padding-top:52px}
    .journey-overview{
        justify-content:flex-start;
        padding:12px 8px;
        gap:4px;
    }
    .journey-node{min-width:108px;flex-basis:108px;padding:10px 5px}
    .journey-line{flex-basis:14px}
    .journey-primary-actions{display:grid;grid-template-columns:1fr}
    .journey-primary-btn,.journey-secondary-btn{width:100%}
    .redesigned-board{
        grid-template-columns:repeat(2,1fr)!important;
        grid-template-rows:repeat(4,1fr)!important;
        aspect-ratio:.95!important;
    }
    .redesigned-board .game-cell{min-height:128px}
    .path-tools{grid-template-columns:repeat(2,1fr)}
}

/* ===== Original style block 4 ===== */
.learning-route-badge{
    position:fixed;
    z-index:9000;
    bottom:18px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:10px;
    padding:7px 9px 7px 13px;
    border:1px solid rgba(23,61,56,.12);
    border-radius:999px;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(14px);
    box-shadow:0 12px 30px rgba(15,23,42,.12);
    font-size:.67rem;
}
.learning-route-badge span{color:#315448;font-weight:900}
.learning-route-badge a{
    display:inline-flex;align-items:center;gap:5px;
    color:#fff;background:#173d38;border-radius:999px;
    padding:7px 11px;text-decoration:none;font-weight:900
}
@media(max-width:650px){
    .learning-route-badge{bottom:10px;width:calc(100% - 24px);justify-content:space-between}
}

/* ===== Original style block 5 ===== */
/* NASRIN-NAV-CLEAN-V4: no dropdown lists. */
.main-nav.na-compact-nav{display:flex;gap:10px;align-items:center;justify-content:center;}
.main-nav.na-compact-nav > a{display:inline-flex;align-items:center;justify-content:center;
    min-height:38px;padding:9px 15px;white-space:nowrap;border-radius:10px;
    color:rgba(255,255,255,.92);font-size:13px;font-weight:700;text-decoration:none;}
.main-nav.na-compact-nav > a:hover,.main-nav.na-compact-nav > a:focus-visible{
    color:#fff;background:rgba(255,255,255,.13);}
@media(max-width:900px){.main-nav.na-compact-nav{display:none!important;}}

/* ===== nasrin-academy-guide-v5-styles ===== */
/* V5: clearer hierarchy and a compact guide replacing the removed menu. */
html {scroll-padding-top:96px}
.site-header .logo-wrap{display:flex;align-items:center;flex:0 0 auto;max-width:96px}
.site-header .logo-wrap img{width:auto!important;height:58px!important;max-width:90px!important;object-fit:contain!important}
.site-header .header-inner{gap:15px}
.site-header .main-nav.na-compact-nav{gap:5px}
.site-header .main-nav.na-compact-nav>a{font-size:12.5px;padding:8px 11px}
.na-guide-hero-jump{display:inline-flex;gap:8px;align-items:center;margin-top:16px;color:#225e75;
  font-size:.84rem;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(34,94,117,.25);padding-bottom:3px}
.na-guide-hero-jump:hover{color:#153d50;border-color:currentColor}
.na-guide-hero-jump i{font-size:.72rem}
.na-academy-guide{position:relative;isolation:isolate;padding:76px 5% 85px;background:
  radial-gradient(circle at 8% 22%, rgba(112,174,233,.12),transparent 32%),
  radial-gradient(circle at 92% 80%, rgba(217,181,104,.10),transparent 28%),#f9fbff;
  scroll-margin-top:88px;color:#1d2b48;}
.na-guide-shell{max-width:1120px;margin:0 auto}
.na-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.na-guide-heading h2{font-size:clamp(1.7rem,3.3vw,2.65rem);font-weight:900;line-height:1.35;margin:9px 0 9px;color:#132348;letter-spacing:-.025em}
.na-guide-heading p{margin:0;color:#67788d;line-height:1.9;font-size:.91rem;max-width:650px}
.na-guide-kicker{display:inline-flex;gap:8px;align-items:center;color:#187d86;font-weight:900;font-size:.77rem}
.na-guide-decoration{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:#e8f4f8;color:#13828c;font-size:1.5rem;flex:none}
.na-guide-layout{display:grid;grid-template-columns:minmax(245px,.83fr) minmax(0,1.67fr);gap:18px;align-items:stretch}
.na-guide-tabs{display:grid;gap:10px;align-content:start}
.na-guide-tab{width:100%;border:1px solid #e4eaf2;background:#fff;text-align:start;border-radius:20px;padding:17px 17px;cursor:pointer;
  display:flex;align-items:center;gap:12px;color:#20324e;font:inherit;min-height:92px;transition:.2s ease;box-shadow:0 5px 16px rgba(31,53,84,.025)}
.na-guide-tab:hover{transform:translateY(-1px);border-color:#a3cbd4}
.na-guide-tab:focus-visible,.na-guide-link:focus-visible{outline:3px solid #27a6ac;outline-offset:3px}
.na-guide-tab.is-active{border-color:#a9d9d7;box-shadow:0 10px 30px rgba(27,126,132,.09);background:linear-gradient(115deg,#f1fbfa,#fff)}
.na-guide-tab-icon{flex:0 0 43px;width:43px;height:43px;border-radius:14px;display:grid;place-items:center;
  background:#e9f4fb;color:#277da8;font-size:1.05rem}
.na-guide-tab.is-active .na-guide-tab-icon{background:#177d83;color:#fff}
.na-guide-tab-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.na-guide-tab-text b{font-size:.9rem;line-height:1.5}
.na-guide-tab-text small{font-size:.7rem;color:#74839a;line-height:1.65}
.na-guide-tab-arrow{font-size:.75rem;color:#a6b2be}
html[dir="ltr"] .na-guide-tab-arrow,html[dir="ltr"] .na-guide-link-arrow i,html[dir="ltr"] .na-guide-help a i{transform:rotate(180deg)}
.na-guide-content{min-width:0;background:#fff;border:1px solid #e4eaf1;border-radius:24px;padding:14px;
  box-shadow:0 18px 45px rgba(37,54,83,.055);min-height:296px}
.na-guide-panel[hidden]{display:none!important}
.na-guide-panel{display:grid;gap:7px;align-content:start}
.na-guide-link{display:flex;align-items:center;gap:15px;min-height:82px;padding:15px 14px;border-radius:16px;text-decoration:none;
  background:transparent;color:#1c3052;transition:background .2s ease,transform .2s ease}
.na-guide-link:hover{background:#f2f8fc;transform:translateY(-1px)}
.na-guide-link+.na-guide-link{border-top:1px solid #edf1f5}
.na-guide-link-icon{flex:none;width:46px;height:46px;border-radius:15px;background:#eff4fe;
 color:#4666a5;display:grid;place-items:center;font-size:1.04rem}
.na-guide-link-text{display:grid;flex:1;min-width:0;gap:6px}
.na-guide-link-text strong{font-size:.93rem;font-weight:900}
.na-guide-link-text small{font-size:.77rem;color:#708199;line-height:1.65}
.na-guide-link-arrow{flex:none;width:28px;height:28px;border-radius:10px;background:#f4f6f9;
 display:grid;place-items:center;font-size:.75rem;color:#708199}
.na-guide-help{display:flex;align-items:center;gap:13px;border-radius:20px;background:#eaf5f4;
 padding:17px 19px;margin-top:17px;min-height:80px}
.na-guide-help-spark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:#d2ebe8;color:#16857c;flex:none}
.na-guide-help>div{flex:1;min-width:0}
.na-guide-help strong{font-size:.85rem;color:#1c4c52}
.na-guide-help p{font-size:.73rem;color:#66898c;line-height:1.65;margin:5px 0 0}
.na-guide-help a{display:inline-flex;align-items:center;justify-content:center;gap:8px;
 background:#196a70;color:#fff;padding:11px 14px;border-radius:12px;font-weight:800;font-size:.76rem;
 text-decoration:none;white-space:nowrap}
.na-guide-help a:hover{background:#114c50}
@media(max-width:900px){
  .na-academy-guide{padding:58px 4% 64px}
  .na-guide-layout{grid-template-columns:1fr;gap:12px}
  .na-guide-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .na-guide-tab{padding:13px;min-height:86px}
  .na-guide-tab-text small,.na-guide-tab-arrow{display:none}
  .na-guide-tab-icon{flex:0 0 37px;width:37px;height:37px}
  .na-guide-content{min-height:0}
}
@media(max-width:570px){
  .site-header .logo-wrap img{height:48px!important;max-width:68px!important}
  .na-guide-heading{margin-bottom:23px}
  .na-guide-decoration{display:none}
  .na-guide-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .na-guide-tab{flex-direction:column;text-align:center;gap:7px;padding:12px 4px;min-height:85px;border-radius:15px;justify-content:center}
  .na-guide-tab-text b{font-size:.7rem;line-height:1.5}
  .na-guide-tab-icon{height:32px;width:32px;flex:0 0 32px;border-radius:10px;font-size:.85rem}
  .na-guide-content{padding:8px;border-radius:18px}
  .na-guide-link{padding:12px 9px;gap:10px;min-height:77px}
  .na-guide-link-icon{width:38px;height:38px;border-radius:12px}
  .na-guide-link-text strong{font-size:.8rem}
  .na-guide-link-text small{font-size:.67rem}
  .na-guide-help{align-items:flex-start;flex-wrap:wrap;padding:16px}
  .na-guide-help a{width:100%}
}
@media(prefers-reduced-motion:reduce){.na-guide-link,.na-guide-tab{transition:none}}

/* ===== nasrin-photo-links-v13-css ===== */
/* NASRIN-PHOTO-LINKS-V13-20261018: photo links are self-contained in index.php. */
.na-v13-photo-links{padding:0 5% 64px;background:#f9fbff;position:relative;isolation:isolate}
.na-v13-photo-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.na-v13-photo-card{display:block;min-width:0;overflow:hidden;border:1px solid #dce5ef;border-radius:22px;background:#fff;text-decoration:none;color:#152647;box-shadow:0 12px 31px rgba(23,43,72,.075);transition:transform .2s ease,box-shadow .2s ease}
.na-v13-photo-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(23,43,72,.12)}
.na-v13-photo-card:focus-visible{outline:3px solid #1c9eab;outline-offset:3px}
.na-v13-photo-card img{display:block;width:100%;height:164px;object-fit:cover;background:#285978}
.na-v13-photo-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 19px}
.na-v13-photo-caption strong{display:block;font-size:1rem;font-weight:850;line-height:1.6;color:#162a4b}
.na-v13-photo-caption small{display:block;color:#617691;font-size:.77rem;line-height:1.6;margin-top:3px}
.na-v13-photo-caption .na-v13-arrow{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e8f3f5;color:#187888;flex-shrink:0;font-size:.81rem}
html[dir="ltr"] .na-v13-photo-caption .na-v13-arrow{transform:rotate(180deg)}
@media(max-width:640px){.na-v13-photo-links{padding:0 4% 38px}.na-v13-photo-grid{grid-template-columns:1fr;gap:12px}.na-v13-photo-card img{height:132px}.na-v13-photo-caption{padding:12px 15px}.na-v13-photo-caption strong{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.na-v13-photo-card{transition:none}}

/* ===== Original style block 8 ===== */
/* FINAL LEARNING MAP NAVIGATION */
.game-cell.map-link{
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}
.game-cell.map-link:hover{
  transform:translateY(-6px) scale(1.035);
  filter:saturate(1.08);
  box-shadow:0 18px 34px rgba(37,99,235,.18);
  border-color:rgba(37,99,235,.34);
  z-index:8;
}
.game-cell.map-link:focus-visible{outline:3px solid rgba(20,184,166,.45);outline-offset:3px;}
#mapStart{box-shadow:0 0 0 4px rgba(34,197,94,.12),0 18px 36px rgba(34,197,94,.18);}
.learning-path-list .path-item{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.learning-path-list .path-item:hover{transform:translateX(-5px);box-shadow:0 12px 28px rgba(15,23,42,.08);}
/* The map is now the primary navigation; remove repeated service-style blocks from the first page. */
.about-section,.exam-mission,.academy-world{display:none!important;}
.tv-section{display:block!important;}
.interactive-section{margin-top:26px;}
@media(max-width:850px){.game-cell.map-link:hover{transform:none;}}


/* =========================================================
   NASRIN ACADEMY — TYPOGRAPHY & PREMIUM SPACING
   Added: 2026-09-29
========================================================= */

:root{
    --na-letter: .012em;
    --na-content-width: 1180px;
}

/* خوانایی کلی و فاصله بهتر حروف */
body{
    font-size: 16px;
    line-height: 1.9;
    letter-spacing: var(--na-letter);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

p, li{
    letter-spacing: .008em;
}

/* تیترها کمی بازتر و لوکس‌تر */
h1, h2, h3, h4, h5, h6{
    letter-spacing: .005em;
    line-height: 1.35;
    text-wrap: balance;
}

/* فاصله بیشتر بین بخش‌های متنی */
.hero-content h1{
    margin-bottom: 28px;
    line-height: 1.28;
}

.hero-content p{
    margin-bottom: 36px;
    line-height: 2.15;
    font-size: 1.04rem;
}

.section-heading{
    margin-bottom: 62px;
}

.section-heading h2{
    margin-bottom: 18px;
    line-height: 1.4;
}

.section-heading p{
    line-height: 2.05;
    font-size: .98rem;
}

/* منوی بالای سایت */
.main-nav{
    gap: 7px;
}

.main-nav a{
    padding: 11px 14px;
    font-size: .86rem;
    letter-spacing: .015em;
}

.header-actions{
    gap: 10px;
}

/* دکمه‌ها کمی شیک‌تر */
.hero-buttons{
    gap: 15px;
}

.hero-btn{
    min-height: 54px;
    padding: 0 25px;
    border-radius: 16px;
    letter-spacing: .012em;
}

.hero-btn.primary,
.exam-button,
.quest-next,
.treasure-link{
    box-shadow: 0 14px 34px rgba(37,99,235,.16);
}

.hero-btn.primary:hover,
.exam-button:hover,
.quest-next:hover,
.treasure-link:hover{
    transform: translateY(-3px);
}

/* کارت‌ها: فضای داخلی بیشتر و ظاهر نرم‌تر */
.service-card{
    padding: 32px;
    min-height: 250px;
    border-radius: 28px;
}

.service-card h3{
    margin-bottom: 14px;
    font-size: 1.1rem;
    line-height: 1.55;
}

.service-card p{
    font-size: .88rem;
    line-height: 2.05;
}

.service-icon{
    margin-bottom: 25px;
    box-shadow: 0 12px 28px rgba(79,70,229,.15);
}

.world-grid,
.services-grid,
.tv-grid{
    gap: 22px;
}

.world-card{
    min-height: 265px;
    padding: 31px;
    border-radius: 28px;
}

.world-card h3{
    margin-bottom: 12px;
    font-size: 1.08rem;
    line-height: 1.55;
}

.world-card p{
    font-size: .86rem;
    line-height: 2;
}

/* بخش درباره */
.about-section{
    padding-top: 115px;
    padding-bottom: 115px;
}

.about-content h2{
    line-height: 1.45;
    margin-bottom: 24px;
}

.about-content p{
    line-height: 2.15;
    font-size: 1rem;
}

.about-points{
    gap: 16px;
    margin-top: 30px;
}

.about-point{
    gap: 12px;
    font-size: .86rem;
    line-height: 1.9;
}

/* ماموریت آزمون */
.exam-content h2{
    line-height: 1.45;
    margin-bottom: 20px;
}

.exam-content p{
    line-height: 2.1;
    font-size: 1rem;
}

.exam-tags{
    gap: 10px;
    margin-top: 25px;
}

.exam-tag{
    padding: 9px 14px;
    font-size: .76rem;
}

/* نقشه تعاملی */
.interactive-top{
    padding: 42px 42px 30px;
}

.interactive-top h2{
    margin-bottom: 14px;
    line-height: 1.5;
}

.interactive-top p{
    line-height: 2;
}

.quest-body{
    padding: 42px;
}

.quest-step h3{
    margin-bottom: 24px;
    line-height: 1.6;
}

.quest-options{
    gap: 16px;
}

.quest-option{
    min-height: 86px;
    padding: 18px;
    gap: 15px;
    line-height: 1.8;
}

.quest-option-icon{
    width: 48px;
    height: 48px;
    box-shadow: 0 8px 20px rgba(79,70,229,.14);
}

/* Nasrin TV */
.tv-header{
    margin-bottom: 48px;
}

.tv-header h2{
    margin-bottom: 16px;
    line-height: 1.4;
}

.tv-header p{
    line-height: 2;
}

.tv-card{
    min-height: 215px;
    padding: 30px;
    border-radius: 26px;
}

.tv-card-icon{
    margin-bottom: 28px;
}

.tv-card h3{
    margin-bottom: 12px;
    line-height: 1.5;
}

.tv-card p{
    font-size: .84rem;
    line-height: 2;
}

/* FAQ */
.faq-list details{
    margin-bottom: 14px;
    border-radius: 18px;
}

.faq-list summary{
    padding: 21px 22px;
    line-height: 1.8;
    letter-spacing: .008em;
}

.faq-answer{
    padding: 0 22px 22px;
    line-height: 2.05;
}

/* فوتر */
.footer-title{
    margin-bottom: 18px;
    line-height: 1.5;
}

.footer-links{
    gap: 12px;
}

.footer-links a{
    font-size: .82rem;
    line-height: 1.8;
}

/* فضای عمودی بخش‌ها کمی لوکس‌تر */
.na-section,
.faq-section{
    padding-top: 115px;
    padding-bottom: 115px;
}

.academy-world{
    padding-top: 115px;
    padding-bottom: 115px;
}

.tv-section{
    padding-top: 105px;
    padding-bottom: 105px;
}

/* RTL: فاصله حروف ظریف، بدون آسیب به خوانایی فارسی */
[dir="rtl"]{
    letter-spacing: 0;
}

[dir="rtl"] body,
[dir="rtl"] p,
[dir="rtl"] li{
    letter-spacing: 0;
}

[dir="rtl"] .hero-content p,
[dir="rtl"] .section-heading p,
[dir="rtl"] .about-content p,
[dir="rtl"] .exam-content p,
[dir="rtl"] .world-card p,
[dir="rtl"] .service-card p,
[dir="rtl"] .faq-answer{
    line-height: 2.15;
}

/* موبایل: فاصله‌ها همچنان باز ولی جمع‌وجور */
@media(max-width: 600px){
    body{
        font-size: 15px;
    }

    .hero-content h1{
        margin-bottom: 22px;
        line-height: 1.42;
    }

    .hero-content p{
        margin-bottom: 28px;
        line-height: 2.1;
        font-size: .96rem;
    }

    .section-heading{
        margin-bottom: 42px;
    }

    .section-heading h2{
        line-height: 1.48;
    }

    .service-card,
    .world-card,
    .tv-card{
        padding: 25px;
        border-radius: 24px;
    }

    .quest-body{
        padding: 26px 22px;
    }

    .interactive-top{
        padding: 30px 24px 24px;
    }

    .quest-options{
        gap: 12px;
    }

    .quest-option{
        min-height: 78px;
        padding: 15px;
    }

    .na-section,
    .faq-section,
    .academy-world{
        padding-top: 82px;
        padding-bottom: 82px;
    }

    .tv-section{
        padding-top: 78px;
        padding-bottom: 78px;
    }
}


/* =========================================================
   NASRIN ACADEMY — MOTHER PAGE / EDITORIAL REDESIGN
   Clean, premium, calm: less neon, clearer hierarchy.
========================================================= */

:root{
    --na-ink:#182033;
    --na-navy:#202a44;
    --na-cream:#fbfaf7;
    --na-paper:#ffffff;
    --na-soft:#f3f1eb;
    --na-line:#e8e4da;
    --na-gold:#c9953b;
    --na-gold-soft:#f5ead5;
    --na-blue:#4d6b8a;
    --na-muted:#687386;
    --na-shadow:0 22px 60px rgba(30,38,58,.10);
    --na-radius:20px;
}

body{
    background:var(--na-cream);
    color:var(--na-ink);
    font-family:var(--na-page-font);
}

.site-header{
    height:82px;
    background:rgba(32,42,68,.96);
    border-bottom:1px solid rgba(255,255,255,.09);
    box-shadow:0 8px 30px rgba(15,23,42,.10);
}
.header-inner{height:82px;max-width:1320px;padding:0 24px;}
.logo-wrap img{width:122px;}
.main-nav{gap:2px;}
.main-nav a{
    color:rgba(255,255,255,.76);
    padding:9px 11px;
    border-radius:10px;
    font-size:.78rem;
    font-weight:600;
}
.main-nav a:hover{background:rgba(255,255,255,.08);color:#fff;}
.header-btn{border-color:rgba(255,255,255,.14);border-radius:10px;}
.header-btn.primary{background:var(--na-gold);color:#fff;}
.lang-switcher{background:rgba(255,255,255,.07);}
.lang-switcher a.active{color:var(--na-navy);}

.treasure-hero{
    min-height:680px;
    padding:92px 5% 86px;
    background:
      radial-gradient(circle at 88% 15%,rgba(201,149,59,.12),transparent 25%),
      radial-gradient(circle at 8% 80%,rgba(77,107,138,.10),transparent 28%),
      linear-gradient(135deg,#fbfaf7,#f5f2ea);
}
.treasure-hero::before{border-color:rgba(201,149,59,.18);}
.treasure-hero-inner{max-width:1220px;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:60px;}
.hero-content h1{
    color:var(--na-navy);
    font-size:clamp(2.5rem,5vw,4.45rem);
    letter-spacing:-.045em;
    line-height:1.16;
}
.hero-content h1 span{background:none;color:var(--na-gold);}
.hero-content h1 em{
    display:inline-block;
    margin-top:8px;
    color:var(--na-gold);
    font-style:normal;
}
.hero-content p{color:var(--na-muted);font-size:1rem;max-width:650px;}
.hero-kicker{
    color:var(--na-blue);
    background:rgba(77,107,138,.08);
    border-color:rgba(77,107,138,.13);
    font-weight:700;
}
.hero-kicker i{color:var(--na-gold);}
.hero-btn{border-radius:12px;min-height:52px;}
.hero-btn.primary{
    background:var(--na-navy);
    box-shadow:0 12px 30px rgba(32,42,68,.18);
}
.hero-btn.primary:hover{background:#293550;}
.hero-btn.secondary{background:rgba(255,255,255,.76);border-color:var(--na-line);}

.hero-treasure,.hero-map-preview{filter:none;}
.hero-map-preview{
    border:1px solid rgba(32,42,68,.08);
    border-radius:30px;
    background:rgba(255,255,255,.60);
    box-shadow:var(--na-shadow);
    padding:28px;
    backdrop-filter:blur(8px);
}
.hero-map-title{
    color:var(--na-navy);
}
.hero-map-title small{color:var(--na-gold);}
.hero-map-tile{
    border-color:rgba(32,42,68,.10)!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 8px 22px rgba(30,38,58,.07);
    color:var(--na-navy)!important;
}
.hero-map-tile:hover{border-color:rgba(201,149,59,.45)!important;transform:translateY(-3px);}
.hero-map-tile i{color:var(--na-gold)!important;}
.treasure-tile{background:var(--na-navy)!important;color:#fff!important;}
.treasure-tile i{color:#f0c96f!important;}

.quest-strip{
    max-width:1050px;
    margin:-34px auto 0;
    padding:20px 24px;
    border-radius:18px;
    border:1px solid var(--na-line);
    box-shadow:0 18px 50px rgba(30,38,58,.08);
}
.quest-strip-icon{background:var(--na-gold);}
.quest-strip h3{font-size:1rem;}
.quest-strip p{font-size:.82rem;}

.na-section,.academy-world,.faq-section{background:var(--na-cream);padding:92px 5%;}
.section-heading{margin-bottom:42px;}
.section-label{color:var(--na-gold);font-size:.72rem;letter-spacing:.02em;}
.section-heading h2{color:var(--na-navy);font-size:clamp(1.85rem,3.5vw,2.6rem);letter-spacing:-.025em;}
.section-heading p{color:var(--na-muted);}

.learning-board-section .learning-game,
.game-board-wrap{
    background:#fff!important;
    border:1px solid var(--na-line)!important;
    border-radius:26px!important;
    box-shadow:var(--na-shadow)!important;
}
.game-board{
    background:linear-gradient(145deg,#f8f6ef,#fff)!important;
}
.game-cell{
    border:1px solid #e7e2d7!important;
    background:rgba(255,255,255,.94)!important;
    color:var(--na-navy)!important;
    box-shadow:0 7px 18px rgba(30,38,58,.05)!important;
    border-radius:15px!important;
}
.game-cell:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(201,149,59,.55)!important;
    box-shadow:0 14px 28px rgba(30,38,58,.10)!important;
}
.game-cell .cell-no{color:#b8b09e!important;}
.game-cell i{color:var(--na-gold)!important;}
.start-cell{background:var(--na-navy)!important;color:#fff!important;}
.start-cell i,.start-cell .cell-no{color:#f0c96f!important;}

.about-section{
    padding:92px 5%;
    background:#f0eee8;
}
.about-grid{max-width:1100px;gap:65px;}
.about-photo img{border-radius:22px;box-shadow:0 24px 55px rgba(30,38,58,.14);}
.about-photo::before{background:var(--na-gold-soft);}
.about-content h2{color:var(--na-navy);}
.about-content p{color:var(--na-muted);}
.about-point i{color:var(--na-gold);}

.exam-mission{
    padding:78px 5%;
    background:var(--na-navy);
}
.exam-content h2{letter-spacing:-.02em;}
.exam-content .section-label{color:#e3c47f;}
.exam-tag{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.10);}
.exam-button{background:#f5ead5;color:var(--na-navy);border-radius:12px;}

.interactive-section{
    padding:92px 5%;
    background:var(--na-cream);
}
.interactive-box{
    border:1px solid var(--na-line);
    border-radius:26px;
    box-shadow:var(--na-shadow);
    background:#fff;
}
.interactive-top{
    padding:34px 38px 24px;
    background:#f4f1e9;
}
.interactive-top h2{color:var(--na-navy);}
.quest-progress{background:#e2ded3;}
.quest-progress span{background:var(--na-gold);}
.quest-body{padding:34px;}
.journey-intro-badge{color:var(--na-gold)!important;background:var(--na-gold-soft)!important;border-color:#ead8b5!important;}
.quest-option{
    border-color:var(--na-line)!important;
    background:#fff!important;
    color:var(--na-navy)!important;
    border-radius:15px!important;
}
.quest-option:hover,.quest-option.selected{
    border-color:rgba(201,149,59,.55)!important;
    background:#fcf8ef!important;
    box-shadow:0 8px 24px rgba(30,38,58,.07)!important;
}
.quest-option-icon{
    background:var(--na-navy)!important;
}
.quest-next{background:var(--na-navy);border-radius:11px;}

.treasure-result{
    background:var(--na-navy);
}
.treasure-result .gold{color:#e6bd68;}
.treasure-link{border-radius:11px;}
.restart-quest:hover{color:#fff;}

.academy-world{background:#f4f2ec;}
.world-grid{max-width:1150px;}
.world-card{
    min-height:230px;
    padding:25px;
    border:1px solid var(--na-line);
    border-radius:20px;
    box-shadow:0 8px 26px rgba(30,38,58,.045);
}
.world-card::after{background:var(--na-gold)!important;height:3px;}
.world-icon{background:var(--na-navy)!important;}
.world-card h3{color:var(--na-navy);}
.world-card p{color:var(--na-muted);}
.world-arrow{color:var(--na-gold);}

.tv-section{
    padding:82px 5%;
    background:var(--na-navy);
}
.tv-card{
    border-color:rgba(255,255,255,.10);
    background:rgba(255,255,255,.055);
}
.tv-card:hover{background:rgba(255,255,255,.09);}
.tv-card-icon{background:var(--na-gold)!important;}

.faq-list details{
    border-color:var(--na-line);
    border-radius:14px;
    box-shadow:0 5px 18px rgba(30,38,58,.035);
}
.faq-list summary{color:var(--na-navy);}

.site-footer{
    background:#151b2c;
    padding:55px 5% 24px;
}
.footer-links a:hover{color:#f0c96f;}
.footer-socials a{background:rgba(255,255,255,.06);}
.footer-bottom{border-color:rgba(255,255,255,.09);}

/* Navigation density + responsive behavior */
@media (max-width:1180px){
    .main-nav{display:none;}
    .mobile-toggle{display:block;}
    .header-actions{margin-right:auto;}
    .hero-map-preview{min-height:420px;}
}
@media (max-width:900px){
    .treasure-hero{padding-top:65px;}
    .treasure-hero-inner{grid-template-columns:1fr;gap:35px;}
    .hero-content{text-align:center;}
    .hero-kicker{margin-left:auto;margin-right:auto;}
    .hero-content p{margin-left:auto;margin-right:auto;}
    .hero-buttons{justify-content:center;}
    .hero-map-preview{max-width:650px;width:100%;margin:auto;}
    .world-grid{grid-template-columns:repeat(2,1fr);}
    .footer-inner{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
    body{padding-top:70px;}
    .site-header,.header-inner{height:70px;}
    .header-inner{padding:0 15px;}
    .logo-wrap img{width:105px;}
    .header-actions .header-btn{display:none;}
    .lang-switcher{margin-right:auto;}
    .treasure-hero{min-height:auto;padding:55px 18px 65px;}
    .hero-content h1{font-size:2.35rem;}
    .hero-map-preview{padding:18px;border-radius:22px;min-height:390px;}
    .quest-strip{margin:0 14px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:13px;}
    .quest-strip>a{grid-column:1/-1;width:100%;}
    .na-section,.academy-world,.faq-section,.interactive-section{padding:68px 18px;}
    .about-section{padding:68px 18px;}
    .about-grid{grid-template-columns:1fr;gap:35px;}
    .about-photo img{width:min(280px,80%);}
    .about-points{grid-template-columns:1fr;}
    .exam-inner{flex-direction:column;align-items:flex-start;}
    .world-grid{grid-template-columns:1fr;}
    .tv-grid{grid-template-columns:1fr;}
    .footer-inner{grid-template-columns:1fr;}
    .quest-options{grid-template-columns:1fr;}
    .quest-body{padding:22px 18px;}
    .interactive-top{padding:25px 20px 20px;}
}


/* =========================================================
   ACADEMY HUB V2 — PERSONALIZATION / CONVERSION LAYER
========================================================= */
.academy-hub-v2,.academy-languages-v2,.academy-skills-v2,.academy-achievements-v2{padding-top:72px;padding-bottom:20px}
.academy-hub-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:24px}.academy-hub-head h2{margin:8px 0 7px;font-size:clamp(1.9rem,3vw,2.7rem);color:#17352d}.academy-hub-head p{margin:0;color:#66766e;line-height:2;max-width:700px}.hub-primary,.hub-dark,.hub-light,.hub-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:900;border-radius:14px;padding:12px 17px;transition:.2s ease}.hub-primary{background:linear-gradient(135deg,#173d38,#23866e);color:#fff;box-shadow:0 12px 25px rgba(30,125,105,.18)}.hub-primary:hover,.hub-dark:hover,.hub-light:hover,.hub-outline:hover{transform:translateY(-2px)}.hub-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.hub-stat{display:flex;align-items:center;gap:12px;padding:15px 17px;border-radius:18px;background:#fff;border:1px solid #e8eee9;box-shadow:0 10px 28px rgba(34,63,49,.05)}.hub-stat span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf8f2;color:#18785f}.hub-stat b{font-size:1.35rem;color:#173d38}.hub-stat small{color:#75827c;font-size:.72rem;margin-right:auto}.hub-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}.hub-card{padding:22px;border-radius:24px;background:linear-gradient(180deg,#fff,#fbfdfb);border:1px solid #e7ede9;box-shadow:0 18px 45px rgba(34,63,49,.07)}.hub-card-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.hub-card-title>div{display:flex;flex-direction:column}.hub-card-title strong{color:#203e35;font-size:1rem}.hub-card-title small{color:#87938e;margin-top:3px;font-size:.68rem}.hub-icon{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;font-size:1rem}.hub-icon.mint{background:#e9f8f0;color:#17815f}.hub-icon.gold{background:#fff5da;color:#a87416}.hub-icon.violet{background:#f2edff;color:#7654c8}.today-list{display:grid;gap:8px}.today-list a{display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:10px;border-radius:14px;background:#f6faf7}.today-list a:hover{background:#edf7f1}.today-list a>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#5c796d;font-size:.63rem;font-weight:900}.today-list b,.today-list small{display:block}.today-list b{font-size:.78rem;color:#27453c}.today-list small{font-size:.62rem;color:#82908a;margin-top:3px}.today-list i{font-size:.62rem;color:#96a39e}.hub-outline{width:100%;margin-top:12px;color:#206b58;background:#fff;border:1px solid #dceae3;font-size:.72rem}.goal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.goal-grid a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#30473f;padding:12px;border:1px solid #e7eee9;border-radius:14px;background:#fbfdfb}.goal-grid a:hover{border-color:#b9d9cb;background:#f2faf6}.goal-grid i{color:#bb851d}.goal-grid b{font-size:.72rem}.hub-dark{width:100%;margin-top:12px;background:#173d38;color:#fff;font-size:.72rem}.progress-track{height:12px;background:#edf1ee;border-radius:20px;overflow:hidden;margin:22px 0 10px}.progress-track span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#1e7d69,#d2a542)}.progress-meta{display:flex;justify-content:space-between;gap:10px}.progress-meta b{font-size:.75rem;color:#30473f}.progress-meta small{font-size:.61rem;color:#89958f}.progress-pills{display:flex;gap:6px;margin-top:16px;flex-wrap:wrap}.progress-pills span{padding:6px 9px;border-radius:20px;background:#f3f7f4;color:#64756d;font-size:.61rem}.progress-pills i{color:#208064}.language-cards-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.language-card-v2{display:flex;align-items:center;gap:14px;padding:21px;border-radius:23px;text-decoration:none;color:inherit;background:#fff;border:1px solid #e5ece8;box-shadow:0 15px 35px rgba(34,63,49,.06);transition:.2s ease}.language-card-v2:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(34,63,49,.1)}.language-badge{width:53px;height:53px;border-radius:17px;display:grid;place-items:center;font-weight:1000;background:#eef7f3;color:#1d765e}.language-card-v2 div{min-width:0}.language-card-v2 small{font-size:.6rem;color:#8a9891}.language-card-v2 h3{margin:2px 0;font-size:1.08rem;color:#24483c}.language-card-v2 p{margin:0;color:#73817a;font-size:.64rem}.language-card-v2>i{margin-right:auto;color:#9aa6a0;font-size:.7rem}.language-card-v2.french .language-badge{background:#edf2ff;color:#4d64ad}.language-card-v2.english .language-badge{background:#fff2e8;color:#b46a30}.language-card-v2.other .language-badge{background:#f3edff;color:#7853bd}.skills-v2-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center;padding:30px;border-radius:28px;background:linear-gradient(135deg,#173d38,#28594c);box-shadow:0 25px 65px rgba(23,61,56,.18)}.skills-v2-copy .section-label{color:#d8e9df}.skills-v2-copy h2{color:#fff;font-size:clamp(1.7rem,2.7vw,2.35rem);margin:10px 0}.skills-v2-copy p{color:#c3d5cd;line-height:2;margin-bottom:18px}.skills-v2-copy .hub-primary{background:#fff;color:#173d38;box-shadow:none}.skills-v2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.skills-v2-grid a{padding:19px 10px;text-align:center;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:17px}.skills-v2-grid a:hover{background:rgba(255,255,255,.13)}.skills-v2-grid i{display:block;font-size:1.2rem;color:#e3c66b;margin-bottom:8px}.skills-v2-grid b,.skills-v2-grid small{display:block}.skills-v2-grid b{font-size:.76rem}.skills-v2-grid small{font-size:.6rem;color:#b9cbc3;margin-top:4px}.achievement-grid-v2{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}.achievement-grid-v2>div{padding:22px 12px;text-align:center;border-radius:21px;background:#fff;border:1px solid #e6ece8;box-shadow:0 12px 30px rgba(34,63,49,.05)}.achievement-grid-v2 span{display:block;font-size:1.8rem;margin-bottom:10px}.achievement-grid-v2 b,.achievement-grid-v2 small{display:block}.achievement-grid-v2 b{color:#30483f;font-size:.76rem}.achievement-grid-v2 small{color:#87938e;font-size:.61rem;margin-top:4px}.academy-final-cta-v2{padding:75px 0 90px}.final-cta-inner-v2{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 42px;border-radius:30px;background:linear-gradient(135deg,#fff9e6,#edf8f2);border:1px solid #e6e5d2;box-shadow:0 22px 60px rgba(34,63,49,.08)}.final-cta-inner-v2 span{font-size:.72rem;font-weight:900;color:#9c7628}.final-cta-inner-v2 h2{margin:8px 0;color:#23473b;font-size:clamp(1.7rem,3vw,2.45rem)}.final-cta-inner-v2 p{margin:0;color:#74827b}.final-cta-actions-v2{display:flex;gap:9px;flex-shrink:0}.hub-light{background:#fff;color:#315448;border:1px solid #dfe8e3}.academy-languages-v2 .section-heading,.academy-achievements-v2 .section-heading{margin-bottom:0}
@media(max-width:950px){.hub-grid{grid-template-columns:1fr 1fr}.hub-today{grid-column:1/-1}.language-cards-v2{grid-template-columns:1fr}.skills-v2-wrap{grid-template-columns:1fr}.achievement-grid-v2{grid-template-columns:repeat(3,1fr)}.final-cta-inner-v2{flex-direction:column;align-items:flex-start}.final-cta-actions-v2{width:100%}.final-cta-actions-v2>*{flex:1}}
@media(max-width:650px){.academy-hub-head{display:block}.academy-hub-head .hub-primary{width:100%;margin-top:15px}.hub-stats{grid-template-columns:repeat(2,1fr)}.hub-stat{padding:12px}.hub-stat small{font-size:.62rem}.hub-grid{grid-template-columns:1fr}.hub-today{grid-column:auto}.skills-v2-grid{grid-template-columns:repeat(2,1fr)}.achievement-grid-v2{grid-template-columns:repeat(2,1fr)}.achievement-grid-v2>div:last-child{grid-column:1/-1}.final-cta-inner-v2{padding:28px 22px}.final-cta-actions-v2{flex-direction:column;width:100%}.academy-hub-v2,.academy-languages-v2,.academy-skills-v2,.academy-achievements-v2{padding-top:52px}}

/* Official eNamad: responsive, placed in the existing footer grid. */
.na-enamad-column { min-width: 0; text-align: center; }
.na-enamad-code { display:flex; align-items:center; justify-content:center; min-height:92px; }
.na-enamad-code img { max-width:100%; height:auto; max-height:110px; object-fit:contain; }
.na-enamad-code a { display:inline-flex; justify-content:center; align-items:center; }
.na-enamad-code iframe { max-width:100%; border:0; }

/* Keep the legacy three-column footer unchanged until a genuine seal is configured. */
@media (min-width:901px) {
  .site-footer.has-enamad .footer-inner {
    grid-template-columns: minmax(0,1.25fr) minmax(0,.9fr) minmax(0,1fr) minmax(140px,.9fr);
    gap: 28px;
  }
}