/* ═══════════════════════════════════════════════════
   FONTS & RESET
═══════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: #0a0a0a;
  color: #fff;
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  overflow-x: hidden;
  line-height: 1.6;
}
img { display: block; max-width: 100%; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }

:root {
  --mot-gold: #D4A843;
  --mot-gold-light: #E8C66A;
}

.logo img{
    width:60px;
    height:70px;
    object-fit:contain;
}

html,
body {
    width: 100%;
    overflow-x: hidden;
}
/* ═══════════════════════════════════════════════════
   UTILITIES
═══════════════════════════════════════════════════ */
.gold-text-gradient {
  background: linear-gradient(135deg, var(--mot-gold), var(--mot-gold-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.gold-gradient-bg { background: linear-gradient(135deg, var(--mot-gold), var(--mot-gold-light)); }
.text-gold { color: var(--mot-gold); }
.text-center { text-align: center; }
.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-14{margin-bottom:3.5rem}
.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}

.glass-card {
  background: rgba(22,22,22,0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(212,168,67,0.12);
  transition: background 0.3s, border-color 0.3s;
}
.glass-card:hover { background: rgba(28,28,28,0.8); border-color: rgba(212,168,67,0.3); }

.container    { max-width: 72rem; margin: 0 auto; padding: 0 1.25rem; }
.container-md { max-width: 56rem; margin: 0 auto; padding: 0 1.25rem; }
.container-sm { max-width: 56rem; margin: 0 auto; padding: 0 1.25rem; }

.grid-2 { display: grid; grid-template-columns: 1fr 1fr; }
.grid-3 { display: grid; grid-template-columns: 1fr; }
.grid-4 { display: grid; grid-template-columns: repeat(2,1fr); }
@media(min-width:640px)  { .grid-3 { grid-template-columns: repeat(2,1fr); } }
@media(min-width:1024px) { .grid-3 { grid-template-columns: repeat(3,1fr); } }
@media(min-width:768px)  { .grid-4 { grid-template-columns: repeat(4,1fr); } }

/* ═══════════════════════════════════════════════════
   SCROLL REVEAL
═══════════════════════════════════════════════════ */
.reveal { opacity:0; transform:translateY(24px); transition:opacity 0.7s ease,transform 0.7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

/* ═══════════════════════════════════════════════════
   SECTIONS
═══════════════════════════════════════════════════ */
.section-dark     { padding:5rem 0; background:#0a0a0a; }
.section-dark-alt { padding:5rem 0; background:#0d0d0d; position:relative; }
@media(min-width:768px){.section-dark,.section-dark-alt{padding:7rem 0;}}

.section-sep-top,.section-sep-bottom{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,67,0.2),transparent);}
.section-sep-top{top:0;}.section-sep-bottom{bottom:0;}
.absolute-glow-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;border-radius:50%;background:rgba(212,168,67,0.025);filter:blur(140px);pointer-events:none;}

/* ═══════════════════════════════════════════════════
   SECTION HEADING
═══════════════════════════════════════════════════ */
.section-heading{text-align:center;max-width:48rem;margin:0 auto 3.5rem;}
.section-heading h2{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(1.75rem,4vw,3rem);color:#fff;line-height:1.15;margin-top:0.5rem;}
.section-heading p{color:#6b6b6b;font-size:1rem;margin-top:1.25rem;line-height:1.7;}
.section-badge{display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--mot-gold);padding:0.375rem 1rem;border-radius:9999px;border:1px solid rgba(212,168,67,0.25);background:rgba(212,168,67,0.06);margin-bottom:1rem;}

/* ═══════════════════════════════════════════════════
   ANNOUNCEMENT BAR
═══════════════════════════════════════════════════ */
.announcement-bar{width:100%;background:#111111;border-bottom:1px solid rgba(212,168,67,0.15);padding:0.625rem 1rem;text-align:center;position:relative;z-index:50;}
.announcement-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.announcement-item{display:flex;align-items:center;gap:0.375rem;font-size:0.75rem;color:#9ca3af;}
.pulse-dot{width:8px;height:8px;border-radius:50%;background: red;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.announcement-sep{color:rgba(212,168,67,0.4);display:none;}
@media(min-width:640px){.announcement-sep{display:block;}}
.announcement-link{font-size:0.75rem;color:var(--mot-gold);font-weight:600;display:flex;align-items:center;gap:0.25rem;}
.announcement-link:hover{text-decoration:underline;}
.announcement-bold{font-size:0.75rem;font-weight:700;color:#fff;}

/* ═══════════════════════════════════════════════════
   HEADER
═══════════════════════════════════════════════════ */
#site-header{width:100%;position:sticky;top:0;z-index:40;background:#0d0d0d;border-bottom:1px solid rgba(255,255,255,0.06);transition:background 0.3s,box-shadow 0.3s; }
#site-header.scrolled{background:rgba(10,10,10,0.97);backdrop-filter:blur(20px);box-shadow:0 2px 20px rgba(0,0,0,0.5);}
.header-inner{max-width:80rem;margin:0 auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;}
@media(min-width:768px){.header-inner{padding:1rem 2.5rem;}}
.logo{display:flex;align-items:center;gap:0.625rem;}
.logo-icon{width:2rem;height:2rem;border-radius:0.5rem;background:linear-gradient(135deg,var(--mot-gold),var(--mot-gold-light));display:flex;align-items:center;justify-content:center;}
.logo-text{font-family:'Poppins',sans-serif;font-weight:700;font-size:1rem;letter-spacing:-0.02em;}
@media(min-width:768px){.logo-text{font-size:1.125rem;}}
.logo-white{color:#fff;}.logo-gold{background:linear-gradient(135deg,var(--mot-gold),var(--mot-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.header-cta{
    background:linear-gradient(135deg,#D4A843,#F1CF69);
    color:#111;
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:.875rem;
    padding:.65rem 1.3rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);

    display:flex;
    align-items:center;
    gap:.5rem;

    transition:all .35s ease;
    box-shadow:0 10px 30px rgba(212,168,67,.25);
}

.header-cta:hover{
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 16px 40px rgba(212,168,67,.45);
}

.header-cta svg{
    transition:.3s;
}

.header-cta:hover svg{
    transform:translateX(3px);
}
@media(min-width:768px){.header-cta{padding:0.75rem 1.75rem;}}
.header-cta:hover{box-shadow:0 0 20px rgba(212,168,67,0.35);}
.header-cta svg,.cta-btn svg.arrow-icon,.cta-btn-hero svg.arrow-icon{transition:transform 0.3s;}
.header-cta:hover svg{transform:translateX(2px);}

/* ═══════════════════════════════════════════════════
   CTA BUTTONS
═══════════════════════════════════════════════════ */
.cta-btn{background:linear-gradient(135deg,var(--mot-gold),var(--mot-gold-light));color:#000;font-family:'Poppins',sans-serif;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;transition:box-shadow 0.3s,transform 0.15s;}
.cta-btn:hover{box-shadow:0 0 40px rgba(212,168,67,0.45);}
.cta-btn:active{transform:scale(0.95);}
.cta-btn:hover .arrow-icon{transform:translateX(6px);}
.cta-btn-lg{font-size:1rem;padding:1.25rem 2.5rem;border-radius:0.75rem;}
.cta-btn-md{
    position:relative;
    overflow:hidden;

    font-size:0.875rem;
    padding:1rem 1.75rem;
    border-radius:12px;

    background:#111;
    color:#fff;

    border:2px solid rgba(212,168,67,.35);

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.75rem;

    transition:.35s ease;
}

.cta-btn-md::before{

    content:"";

    position:absolute;

    width:220%;
    height:220%;

    background:conic-gradient(
        transparent 0deg,
        transparent 230deg,
        #FFD86F 260deg,
        #ffffff 290deg,
        #FFD86F 320deg,
        transparent 360deg
    );

    animation:borderBeam 3s linear infinite;
}

.cta-btn-md::after{

    content:"";

    position:absolute;

    inset:2px;

    background:#111;

    border-radius:10px;

    z-index:1;

}

.cta-btn-md span,
.cta-btn-md svg{

    position:relative;
    z-index:2;

}

@keyframes borderBeam{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

.cta-btn-md:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 35px rgba(212,168,67,.35);

}


.cta-btn-md span,
.cta-btn-md svg{
    position:relative;
    z-index:2;
}
@media(min-width:768px){.cta-btn-lg{font-size:1.125rem;}.cta-btn-md{font-size:1rem;}}
.cta-btn-hero{
    background:#ffffff;
    color:#111111;

    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:1rem;

    padding:1rem 2rem;

    border-radius:0.75rem;
    border:1px solid rgba(255,255,255,.15);

    display:inline-flex;
    align-items:center;
    gap:.75rem;

    margin-top:1.5rem;

    transition:all .35s ease;

    box-shadow:
        0 10px 30px rgba(255,255,255,.08);
}

.cta-btn-hero:hover{
    background:#f6f6f6;
    color:#111;

    transform:translateY(-3px);

    box-shadow:
        0 15px 40px rgba(255,255,255,.18);
}

.cta-btn-hero:active{
    transform:translateY(-1px);
}

.cta-btn-hero .arrow-icon,
.cta-btn-hero svg{
    transition:transform .3s ease;
}

.cta-btn-hero:hover .arrow-icon,
.cta-btn-hero:hover svg{
    transform:translateX(4px);
}


@media(min-width:768px){.cta-btn-hero{font-size:1.125rem;   }}
.cta-btn-hero:hover{box-shadow:0 0 35px rgba(212,168,67,0.45);}
.cta-btn-hero:active{transform:scale(0.98);}
.cta-btn-hero:hover .arrow-icon{transform:translateX(4px);}


/* ==================================
   HERO BUTTON MOBILE FIX
================================== */

@media (max-width:768px){

    .cta-btn-hero{

        margin-left:3rem;

        /* width:100%; */

       

    }

}
/* ═══════════════════════════════════════════════════
   HERO
═══════════════════════════════════════════════════ */
.hero-section{position:relative;background:#0a0a0a;overflow:hidden;}
.hero-grid-bg{position:absolute;inset:0;opacity:0.03;background-image:linear-gradient(#D4A843 1px,transparent 1px),linear-gradient(90deg,#D4A843 1px,transparent 1px);background-size:60px 60px;}
.hero-glow-left{position:absolute;left:0;top:33%;width:500px;height:500px;border-radius:50%;background:rgba(212,168,67,0.07);filter:blur(160px);pointer-events:none;}
.hero-glow-right{position:absolute;right:0;top:25%;width:400px;height:400px;border-radius:50%;background:rgba(212,168,67,0.05);filter:blur(130px);pointer-events:none;}
.hero-inner{position:relative;z-index:10;max-width:80rem;margin:0 auto;padding:4rem 1.25rem;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;}
@media(min-width:768px){.hero-inner{padding:5rem 2.5rem;}}
@media(min-width:1024px){.hero-inner{grid-template-columns:1fr 1fr;gap:4rem;}}
.badge-pill{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.75rem;font-weight:700;letter-spacing:0.05em;color:#000;padding:0.5rem 1rem;border-radius:9999px;background:linear-gradient(135deg,var(--mot-gold),var(--mot-gold-light));box-shadow:0 0 16px rgba(212,168,67,0.3);}
.badge-dot{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,0.5);animation:pulse 2s infinite;}
.hero-headline{

    margin-top:1.35rem;

   

    font-size:clamp(2.3rem,5vw,4rem);

    /* font-weight:900; */

    line-height:1.08;

    letter-spacing:-0.045em;

    color:#ffffff;

    text-wrap:balance;

    max-width:700px;

    text-shadow:
        0 2px 12px rgba(0,0,0,.35);

}

/* Tablet */

@media (max-width:992px){

.hero-headline{

    font-size:clamp(2rem,6vw,3.3rem);

    line-height:1.12;

}

}

/* Mobile */

@media (max-width:768px){

.hero-headline{

    margin-top:1rem;

    font-size: 2.4rem;

    line-height:1.15;

    letter-spacing:-0.03em;

    text-align:center;

}

}
.hero-desc{

    margin-top:1.4rem;

    max-width:640px;

    font-family:'Inter',sans-serif;

    font-size:1.1rem;

    font-weight:400;

    line-height:1.8;

    letter-spacing:.2px;

    color:#B8B8B8;

}

/* @media (max-width:992px){

.hero-desc{

    font-size:1rem;

    max-width:100%;

}

} */

@media (max-width:768px){

.hero-desc{

    font-size:.96rem;

    line-height:1.7;

    text-align:center;

    margin-left:auto;

    margin-right:auto;

    padding:0 8px;

}

}
.workshop-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-top:1.75rem;max-width:28rem;}
.workshop-card{display:flex;align-items:center;gap:0.75rem;padding:0.875rem;border-radius:0.75rem;border:1px solid rgba(212,168,67,0.15);background:rgba(212,168,67,0.04);transition:border-color 0.3s;}
.workshop-card:hover{border-color:rgba(212,168,67,0.3);}
.workshop-icon{width:2rem;height:2rem;border-radius:0.5rem;background:rgba(212,168,67,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wcard-label{font-size:0.625rem;color:#6b6b6b;line-height:1;margin-bottom:2px;}
.wcard-value{font-size:0.875rem;font-weight:600;color:#fff;line-height:1.3;}

/*=============================
 COUNTDOWN
=============================*/

.countdown-row{
    display:flex;
    align-items:center;
    gap:22px;
    margin-top:32px;
    flex-wrap:wrap;
}

.countdown-info{
    display:flex;
    align-items:center;
    gap:10px;
}

.countdown-icon{
    width:20px;
    height:20px;
    color:var(--mot-gold);
    flex-shrink:0;
}

.countdown-label{
    font-size:20px;
    font-weight:700;
    color:#fff;
    white-space:nowrap;
    letter-spacing:.3px;
}

.countdown-time{
    display:flex;
    align-items:center;
    gap:14px;
}

.countdown-num{
    width:82px;
    height:82px;
    border-radius:16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    background:rgba(255,255,255,.05);
    border:1px solid rgba(212,168,67,.22);
    backdrop-filter:blur(12px);

    transition:.3s;
}

.countdown-num:hover{
    transform:translateY(-4px);
    border-color:var(--mot-gold);
}

.countdown-num span:first-child{
    font-family:'Poppins',sans-serif;
    font-size:2.35rem;
    font-weight:700;
    color:var(--mot-gold);
    line-height:1;
}

.cd-unit{
    margin-top:6px;
    font-size:.72rem;
    color:#9ca3af;
    font-weight:600;
    letter-spacing:1px;
}

.countdown-sep{
    font-size:2rem;
    color:var(--mot-gold);
    font-weight:700;
    line-height:1;
}

/*=============================
 MOBILE
=============================*/

@media (max-width:768px){

    .countdown-row{
        justify-content:center;
        gap:18px;
    }

    .countdown-info{
        width:100%;
        justify-content:center;
    }

    .countdown-label{
        font-size:17px;
    }

    .countdown-time{
        gap:8px;
    }

    .countdown-num{
        width:65px;
        height:65px;
    }

    .countdown-num span:first-child{
        font-size:1.75rem;
    }

    .cd-unit{
        font-size:.62rem;
    }

    .countdown-sep{
        font-size:1.5rem;
    }
}
.countdown-sep{font-family:'Poppins',sans-serif;font-weight:700;color:var(--mot-gold);font-size:0.875rem;}
.hero-right{display:flex;justify-content:center;}
@media(min-width:1024px){.hero-right{justify-content:flex-end;}}
.mentor-card-wrap{position:relative;}
.mentor-glow-ring{position:absolute;inset:0;border-radius:1.5rem;background:radial-gradient(ellipse at center,rgba(212,168,67,0.18) 0%,transparent 70%);transform:scale(1.15);pointer-events:none;}
.mentor-img-card{position:relative;border-radius:1.5rem;overflow:hidden;border:2px solid rgba(212,168,67,0.25);box-shadow:0 0 60px rgba(212,168,67,0.12);max-width:420px;}
.mentor-img-card img{
    width:100%;
    height:600px;
    object-fit:cover;
    object-position:top center;
}

@media (max-width:768px){
    .mentor-img-card img{
        height:450px;
    }
}
.mentor-img-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#0a0a0a,rgba(10,10,10,0.6),transparent);padding:5rem 1.25rem 1.25rem;text-align:center;}
.mentor-name{font-family:'Poppins',sans-serif;font-weight:700;color:#fff;font-size:1rem;}
.mentor-sub{color:var(--mot-gold);font-size:0.75rem;margin-top:4px;}
.stat-badge{position:absolute;background:rgba(22,22,22,0.7);backdrop-filter:blur(20px);border:1px solid rgba(212,168,67,0.2);border-radius:0.75rem;padding:0.75rem 1rem;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.3);}
.stat-badge-left{left:-1.25rem;top:25%;}
.stat-badge-right{right:-1.25rem;top:50%;}
.stat-badge-val{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.25rem;}
.stat-badge-label{font-size:0.625rem;color:#9ca3af;}
/* =============================
   HERO MOBILE ORDER FIX
============================= */

@media (max-width:1023px){

    .hero-left{
        order:2;
    }

    .hero-right{
        order:1;
        margin-bottom:24px;
    }

}

/* hero sectio  */
/* ===================================
   HERO MOBILE / DESKTOP IMAGE
=================================== */

.hero-mobile{
    display:none;
}

.hero-desktop{
    display:flex;
}

@media (max-width:1023px){

    .hero-mobile{
        display:flex;
        justify-content:center;
        margin:2rem 0;
    }

    .hero-desktop{
        display:none;
    }

}



/* Mobile Image Placeholder */

#hero-mobile-placeholder{
    display:none;
}

@media (max-width:1023px){

    #hero-mobile-placeholder{
        display:block;
        margin:2rem 0;
    }

    #hero-mobile-placeholder .hero-right{
        justify-content:center;
    }

}
/* ═══════════════════════════════════════════════════
   FEATURE & MODULE CARDS
═══════════════════════════════════════════════════ */
.feature-card{padding:1.75rem;border-radius:1rem;height:100%;}
.icon-box{width:3rem;height:3rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow 0.5s;}
.feature-card:hover .icon-box{box-shadow:0 0 20px rgba(212,168,67,0.35);}
.feature-card h3{font-family:'Poppins',sans-serif;font-weight:600;font-size:1.125rem;color:#fff;margin:1.25rem 0 0.5rem;}
.feature-card p{color:#6b6b6b;font-size:0.875rem;line-height:1.6;}
.module-card{padding:1.75rem;border-radius:1rem;height:100%;}
.module-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem;}
.module-header h3{font-family:'Poppins',sans-serif;font-weight:600;font-size:0.9375rem;color:#fff;line-height:1.3;}
.module-num{font-size:0.625rem;color:var(--mot-gold);font-weight:700;letter-spacing:0.2em;text-transform:uppercase;display:block;}
.module-list{list-style:none;display:flex;flex-direction:column;gap:0.625rem;}
.module-list li{display:flex;align-items:flex-start;gap:0.625rem;font-size:0.875rem;color:#9ca3af;line-height:1.4;}
.check-icon{width:14px;height:14px;flex-shrink:0;margin-top:2px;}

/* ═══════════════════════════════════════════════════
   BONUS SECTION
═══════════════════════════════════════════════════ */

.bonus-section{

    position:relative;
    overflow:hidden;

    padding:5rem 0;

    background:
        radial-gradient(circle at top,
        rgba(212,168,67,.04),
        transparent 40%),
        #0D0D0D;

}

@media(max-width:768px){

.bonus-section{

    padding:4rem 0;

}

}


/* Background Glow */

.bonus-glow{

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:650px;
    height:400px;

    border-radius:50%;

    background:rgba(212,168,67,.045);

    filter:blur(130px);

    pointer-events:none;

    z-index:0;

}


/* Main Card */

.bonus-card{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    background:
        linear-gradient(
        180deg,
        #151515 0%,
        #101010 100%
        );

    border:1px solid rgba(212,168,67,.14);

    backdrop-filter:blur(12px);

    box-shadow:
        0 20px 50px rgba(0,0,0,.42);

    transition:.35s ease;

    z-index:2;

}


/* Hover */

.bonus-card:hover{

    border-color:rgba(212,168,67,.24);

    box-shadow:
        0 24px 55px rgba(0,0,0,.48),
        0 0 28px rgba(212,168,67,.05);

}


/* Top Glow */

.bonus-inner-glow{

    position:absolute;

    left:50%;
    top:-35px;

    transform:translateX(-50%);

    width:220px;
    height:95px;

    border-radius:50%;

    background:rgba(212,168,67,.07);

    filter:blur(45px);

    pointer-events:none;

}


/* ═══════════════════════════════════════════════════
   HEADER
═══════════════════════════════════════════════════ */

.bonus-header{

    position:relative;

    text-align:center;

    padding:2.4rem 1.8rem 2rem;

}


/* Badge */

.bonus-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:8px 18px;

    border-radius:999px;

    background:rgba(212,168,67,.08);

    border:1px solid rgba(212,168,67,.18);

    color:var(--mot-gold);

    font-size:.78rem;

    font-weight:600;

    letter-spacing:.08em;

    margin-bottom:18px;

}


/* Heading */

.bonus-header h2{

    font-family:'Poppins',sans-serif;

    font-size:clamp(1.8rem,3vw,2.6rem);

    font-weight:800;

    color:#fff;

    line-height:1.15;

    margin-bottom:8px;

}


/* Worth */

.bonus-value{

    font-family:'Poppins',sans-serif;

    font-size:clamp(1.9rem,4vw,2.9rem);

    font-weight:900;

    line-height:1;

    margin-bottom:14px;

}


/* Subtitle */

.bonus-subtitle{

    max-width:650px;

    margin:auto;

    color:#B5B5B5;

    font-size:.94rem;

    line-height:1.65;

}


/* Mobile */

@media(max-width:768px){

.bonus-header{

    padding:2rem 1.3rem 1.7rem;

}

.bonus-header h2{

    font-size:1.75rem;

}

.bonus-value{

    font-size:2rem;

}

.bonus-subtitle{

    font-size:.88rem;

    line-height:1.6;

}

}


/* part_2 */
/* ═══════════════════════════════════════════════════
   BONUS GRID
═══════════════════════════════════════════════════ */

.bonus-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    border-top:1px solid rgba(212,168,67,.08);

}

@media(max-width:768px){

.bonus-grid{

    grid-template-columns:1fr;

}

}


/* Bonus Card */

.bonus-item{

    position:relative;

    display:flex;

    align-items:flex-start;

    gap:16px;

    padding:24px 22px;

    overflow:hidden;

    transition:.35s ease;

}

.bonus-item::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        135deg,
        rgba(212,168,67,.04),
        transparent 75%
    );

    opacity:0;

    transition:.35s;

}

.bonus-item:hover{

    background:rgba(255,255,255,.02);

    transform:translateY(-4px);

}

.bonus-item:hover::before{

    opacity:1;

}


/* Borders */

.bonus-border-right{

    border-right:1px solid rgba(212,168,67,.08);

}

.bonus-border-bottom{

    border-bottom:1px solid rgba(212,168,67,.08);

}

@media(max-width:768px){

.bonus-border-right{

    border-right:none;

}

.bonus-item{

    border-bottom:1px solid rgba(212,168,67,.08);

}

}


/* Icon */

.bonus-icon-wrap{

    width:56px;

    height:56px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:16px;

    background:

    linear-gradient(
        135deg,
        rgba(212,168,67,.12),
        rgba(212,168,67,.04)
    );

    border:1px solid rgba(212,168,67,.16);

    transition:.35s;

}

.bonus-icon-wrap svg{

    width:24px;

    height:24px;

    color:var(--mot-gold);

    transition:.35s;

}

.bonus-item:hover .bonus-icon-wrap{

    transform:scale(1.06);

    border-color:rgba(212,168,67,.28);

    box-shadow:

        0 10px 25px rgba(212,168,67,.12);

}

.bonus-item:hover .bonus-icon-wrap svg{

    transform:rotate(-5deg);

}


/* Value Row */

.bonus-val-row{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:8px;

}

.bonus-strike{

    font-size:.72rem;

    color:#7B7B7B;

    text-decoration:line-through;

}

.bonus-free{

    padding:3px 8px;

    border-radius:999px;

    background:rgba(212,168,67,.12);

    border:1px solid rgba(212,168,67,.18);

    color:var(--mot-gold);

    font-size:.68rem;

    font-weight:700;

}


/* Title */

.bonus-item h4{

    font-family:'Poppins',sans-serif;

    font-size:.98rem;

    font-weight:700;

    color:#fff;

    line-height:1.35;

    margin-bottom:8px;

}


/* Description */

.bonus-item p{

    color:#B4B4B4;

    font-size:.86rem;

    line-height:1.6;

}


/* Mobile */

@media(max-width:768px){

.bonus-item{

    padding:20px 18px;

    gap:14px;

}

.bonus-icon-wrap{

    width:50px;

    height:50px;

}

.bonus-icon-wrap svg{

    width:22px;

    height:22px;

}

.bonus-item h4{

    font-size:.94rem;

}

.bonus-item p{

    font-size:.82rem;

    line-height:1.55;

}

}

/* part 3 */
/* ═══════════════════════════════════════════════════
   BONUS CTA
═══════════════════════════════════════════════════ */

.bonus-cta-row{

    position:relative;

    text-align:center;

    padding:2rem 1.8rem 2.2rem;

    border-top:1px solid rgba(212,168,67,.08);

}


/* CTA Button */

.bonus-cta-row button{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:10px;

    padding:15px 30px;

    border:none;

    border-radius:14px;

    background:
    linear-gradient(
    135deg,
    #D4A843,
    #F4D46A
    );

    color:#111;

    font-family:'Poppins',sans-serif;

    font-size:.95rem;

    font-weight:700;

    cursor:pointer;

    transition:all .35s ease;

    box-shadow:
    0 12px 28px rgba(212,168,67,.22);

}

.bonus-cta-row button:hover{

    transform:translateY(-3px);

    box-shadow:
    0 18px 38px rgba(212,168,67,.32);

}

.bonus-cta-row button svg{

    width:18px;
    height:18px;

    transition:.35s;

}

.bonus-cta-row button:hover svg:last-child{

    transform:translateX(4px);

}


/* Lock Row */

.bonus-lock-row{

    margin-top:16px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:8px;

    color:#B7B7B7;

    font-size:.82rem;

    line-height:1.55;

}

.bonus-lock-row svg{

    width:15px;
    height:15px;

    color:var(--mot-gold);

    flex-shrink:0;

}


/* Bottom Glow */

.bonus-card::after{

    content:"";

    position:absolute;

    right:-90px;
    bottom:-90px;

    width:180px;
    height:180px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(212,168,67,.06),
        transparent 70%
    );

    pointer-events:none;

}


/* Mobile */

@media(max-width:768px){

.bonus-cta-row{

    padding:1.8rem 1.2rem 2rem;

}

.bonus-cta-row button{

    width:100%;

    padding:15px 20px;

    font-size:.92rem;

}

.bonus-lock-row{

    font-size:.78rem;

    padding:0 8px;

}

}



/* ═══════════════════════════════════════════════════
   MENTOR SECTION
═══════════════════════════════════════════════════ */
.mentor-section{padding:5rem 0;background:#0d0d0d;position:relative;overflow:hidden;}
@media(min-width:768px){.mentor-section{padding:7rem 0;}}
.mentor-glow-ambient{position:absolute;right:-8rem;top:33%;width:24rem;height:24rem;border-radius:50%;background:rgba(212,168,67,0.04);filter:blur(120px);pointer-events:none;}
.mentor-layout{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;max-width:56rem;margin:0 auto;}
@media(min-width:1024px){.mentor-layout{grid-template-columns:5fr 7fr;gap:4rem;}}
.mentor-img-side{position:relative;}
.mentor-img-frame-glow{position:absolute;inset:-1.5rem;border-radius:1.5rem;background:rgba(212,168,67,0.07);filter:blur(3rem);pointer-events:none;}
.mentor-img-frame{position:relative;border-radius:1.5rem;overflow:hidden;border:2px solid rgba(212,168,67,0.2);box-shadow:0 8px 60px rgba(0,0,0,0.6);background:linear-gradient(160deg,#141414,#0d0d0d);max-width:380px;margin:0 auto;}
.mentor-img-frame img{
    width:100%;
    height:600px; /* Is value ko 700px, 750px bhi kar sakte ho */
    object-fit:cover;
    object-position:top;
}

.mentor-img-name-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#0a0a0a,rgba(10,10,10,0.85),transparent);padding:4rem 1.5rem 1.5rem;text-align:center;}
.mentor-overlay-name{font-family:'Poppins',sans-serif;font-weight:700;color:#fff;font-size:1.125rem;}
.mentor-overlay-stars{display:flex;gap:2px;justify-content:center;margin-top:4px;}
.mentor-overlay-academy{color:var(--mot-gold);font-size:0.875rem;margin-top:2px;}
.mentor-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:1.75rem;}
.mentor-stat{padding:1rem;border-radius:0.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:0.375rem;}
.mentor-stat-val{font-family:'Poppins',sans-serif;font-weight:700;color:#fff;font-size:0.875rem;line-height:1.3;}
.mentor-stat-label{color:#d5cfcf;font-size:0.75rem;}
.mentor-quote-text{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(1.1rem,2vw,1.5rem);color:#fff;line-height:1.4;margin-bottom:1rem;}
.mentor-bio{color:#dbd6d6;font-size:0.9375rem;line-height:1.7;margin-bottom:1rem;}
.mentor-creds{display:flex;flex-direction:column;gap:0.625rem;margin-top:0.5rem;}
.mentor-cred{display:flex;align-items:center;gap:0.625rem;font-size:0.875rem;color:#d1d5db;}
.cred-dot{width:1.25rem;height:1.25rem;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--mot-gold),var(--mot-gold-light));display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px rgba(212,168,67,0.3);}

/* ═══════════════════════════════════════════════════
   FAQ SECTION
═══════════════════════════════════════════════════ */
.faq-list{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:3rem;}
.faq-item{border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,0.07);background:#111111;transition:border-color 0.3s,background 0.3s;}
.faq-item.open{border-color:rgba(212,168,67,0.25);background:rgba(212,168,67,0.04);}
.faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;text-align:left;gap:1rem;font-family:'Poppins',sans-serif;font-weight:600;font-size:0.9375rem;color:#e5e7eb;cursor:pointer;background:none;border:none;}
.faq-btn:hover{color:#fff;}
.faq-icon{width:2rem;height:2rem;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.07);transition:background 0.3s;}
.faq-item.open .faq-icon{background:linear-gradient(135deg,var(--mot-gold),var(--mot-gold-light));box-shadow:0 0 12px rgba(212,168,67,0.3);}
.icon-plus{display:block;}.icon-minus{display:none;}
.faq-item.open .icon-plus{display:none;}.faq-item.open .icon-minus{display:block;}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1);}
.faq-item.open .faq-answer{max-height:250px;}
.faq-answer p{color:#bfb4b4;font-size:0.875rem;line-height:1.7;padding:0.25rem 1.5rem 1.5rem;}
.faq-disclaimer{
   border-radius:0.75rem;
   border:1px solid #fed7aa;;
   background: #ece7e1;
   padding:1.25rem;
  }
.disclaimer-label{font-size:0.625rem;font-weight:700;color:#6b6b6b;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:0.5rem;}
.disclaimer-text{color:#78350f;font-size:0.75rem;line-height:1.7;}

/* ═══════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════ */
.site-footer{background:#080808;border-top:1px solid rgba(255,255,255,0.05);padding:1.5rem 1.25rem;text-align:center;}
.site-footer p{color:#374151;font-size:0.75rem;}
.footer-link{cursor:pointer;transition:color 0.2s;}
.footer-link:hover{color:#9ca3af;}

/* ═══════════════════════════════════════════════════
   RESPONSIVE TWEAKS
═══════════════════════════════════════════════════ */
@media(max-width:639px){
  .grid-2{grid-template-columns:1fr;}
  .workshop-grid{grid-template-columns:1fr 1fr;}
  .stat-badge-left{left:-0.5rem;}
  .stat-badge-right{right:-0.5rem;}
}
@media(max-width:767px){.benefits-footer{flex-direction:column;align-items:flex-start;}}




.icon-box{
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
}

.icon-box svg{
    width:30px;
    height:30px;
    color:#fff;
    stroke-width:2.3;
}



.icon-box{
    width:72px;
    height:72px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#F6D365,#D4A843);
    color:#111;
    box-shadow:
        0 0 25px rgba(212,168,67,.35),
        inset 0 1px 0 rgba(255,255,255,.4);
}

.icon-box svg{
    width:34px;
    height:34px;
    stroke-width:2.2;
}



/* ═══════════════════════════════════════════════════
   STUDENT FEEDBACK SECTION
═══════════════════════════════════════════════════ */

.feedback-slider{
    position:relative;
    margin-top:70px;
    padding:10px 5px 70px;
    overflow:hidden;
}

.feedback-card{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    min-height:430px;
    padding:42px 32px;
    border-radius:28px;
    overflow:hidden;
    transition:all .45s cubic-bezier(.22,1,.36,1);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

/* Card Themes */

.feedback-slider .swiper-slide:nth-child(3n+1) .feedback-card{
    background:
    radial-gradient(circle at top right,rgba(52,211,153,.18),transparent 45%),
    linear-gradient(160deg,#10251E,#0D1312);
    border-color:rgba(52,211,153,.18);
}

.feedback-slider .swiper-slide:nth-child(3n+2) .feedback-card{
    background:
    radial-gradient(circle at top right,rgba(96,165,250,.18),transparent 45%),
    linear-gradient(160deg,#14203A,#0D121A);
    border-color:rgba(96,165,250,.18);
}

.feedback-slider .swiper-slide:nth-child(3n+3) .feedback-card{
    background:
    radial-gradient(circle at top right,rgba(168,85,247,.18),transparent 45%),
    linear-gradient(160deg,#221432,#121018);
    border-color:rgba(168,85,247,.18);
}

/* Glow */

.feedback-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(255,255,255,.05),
        transparent 60%
    );
    opacity:0;
    transition:.45s;
}

.feedback-card:hover::before{
    opacity:1;
}

.feedback-card:hover{
    transform:translateY(-10px);
    box-shadow:
    0 25px 60px rgba(0,0,0,.45),
    0 0 30px rgba(212,168,67,.08);
}

/* Avatar */

.feedback-avatar{
    width:92px;
    height:92px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #D4A843;
    margin-bottom:22px;
    box-shadow:
    0 0 0 8px rgba(212,168,67,.08),
    0 10px 35px rgba(212,168,67,.18);
    transition:.45s;
}

.feedback-card:hover .feedback-avatar{
    transform:scale(1.08);
}

/* Name */

.feedback-card h3{
    color:#fff;
    font-size:1.22rem;
    font-weight:700;
    margin-bottom:5px;
    font-family:'Poppins',sans-serif;
}

/* City */

.feedback-card span{
    color:#D4A843;
    font-size:.9rem;
    font-weight:500;
    margin-bottom:18px;
}

/* Review */

.feedback-card p{
    color:#d2d2d2;
    font-size:.96rem;
    line-height:1.8;
    flex:1;
}

/* Stars */

.feedback-card::after{
    content:"★★★★★";
    color:#FFD54A;
    font-size:18px;
    letter-spacing:3px;
    margin-top:24px;
}

/* ==========================================
   Pagination
========================================== */

.feedback-slider .swiper-pagination{
    position:relative;
    margin-top:45px;
}

.feedback-slider .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#555;
    opacity:1;
    transition:.35s ease;
    border-radius:50%;
}

.feedback-slider .swiper-pagination-bullet-active{
    width:36px;
    border-radius:30px;
    background:linear-gradient(90deg,#FFD86F,#D4A843);
    box-shadow:0 0 15px rgba(212,168,67,.35);
}

/* ==========================================
   Card Animation
========================================== */

.feedback-card{
    cursor:pointer;
}

.feedback-card:hover h3{
    color:#FFD86F;
}

.feedback-card:hover span{
    color:#FFE7A2;
}

.feedback-card:hover p{
    color:#fff;
}

/* ==========================================
   Quote Icon
========================================== */

.feedback-card::before{
    content:"❝";
    position:absolute;
    top:24px;
    left:28px;
    font-size:65px;
    font-weight:700;
    color:rgba(255,255,255,.05);
    line-height:1;
}

/* ==========================================
   Avatar Ring Animation
========================================== */

.feedback-avatar{

    transition:
    transform .45s ease,
    box-shadow .45s ease;

}

.feedback-card:hover .feedback-avatar{

    transform:scale(1.08);

    box-shadow:
    0 0 0 10px rgba(212,168,67,.10),
    0 18px 45px rgba(212,168,67,.25);

}

/* ==========================================
   Responsive
========================================== */

@media (max-width:1200px){

.feedback-card{

min-height:410px;

}

}

@media (max-width:991px){

.feedback-slider{

padding-bottom:60px;

}

.feedback-card{

padding:34px 26px;
min-height:390px;

}

.feedback-avatar{

width:82px;
height:82px;

}

.feedback-card h3{

font-size:1.1rem;

}

.feedback-card p{

font-size:.93rem;

}

}

@media (max-width:768px){

.feedback-slider{

margin-top:45px;

}

.feedback-card{

padding:28px 22px;
min-height:auto;
border-radius:22px;

}

.feedback-avatar{

width:76px;
height:76px;
margin-bottom:18px;

}

.feedback-card h3{

font-size:1rem;

}

.feedback-card span{

font-size:.85rem;

}

.feedback-card p{

font-size:.9rem;
line-height:1.7;

}

.feedback-slider .swiper-pagination{

margin-top:28px;

}

}

@media (max-width:480px){

.feedback-card{

padding:24px 18px;

}

.feedback-avatar{

width:70px;
height:70px;

}

.feedback-card::before{

font-size:52px;
top:18px;
left:20px;

}

}

/* ==========================================
   MOBILE STICKY CTA
========================================== */

.mobile-sticky-cta{

    position:fixed;

    left:0;
    bottom:0;

    width:100%;

    display:none;

    justify-content:space-between;
    align-items:center;

    gap:18px;

    padding:14px 18px;

    background:rgba(12,12,12,.96);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border-top:1px solid rgba(212,168,67,.18);

    box-shadow:
    0 -12px 40px rgba(0,0,0,.45);

    z-index:99999;

}


/* LEFT */

.mobile-cta-text{

    display:flex;
    flex-direction:column;

}

.mobile-cta-title{

    color:#ffffff;

    font-size:17px;

    font-weight:700;

    line-height:1.2;

}

.mobile-cta-subtitle{

    color:#D4A843;

    font-size:13px;

    margin-top:2px;

}


/* BUTTON */

.mobile-cta-btn{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    border:none;

    background:linear-gradient(
        135deg,
        #ffffff,
        #ececec
    );

    color:#111111;

    padding:14px 22px;

    border-radius:14px;

    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:15px;

    cursor:pointer;

    transition:all .35s ease;

    box-shadow:
        0 10px 30px rgba(255,255,255,.12);

}

.mobile-cta-btn:hover{

    background:linear-gradient(
        135deg,
        #ffffff,
        #f5f5f5
    );

    transform:translateY(-2px);

    box-shadow:
        0 18px 40px rgba(255,255,255,.22);

}


.mobile-cta-btn i{

    width:18px;
    height:18px;

}


/* SHOW ONLY MOBILE */

@media(max-width:991px){

.mobile-sticky-cta{

display:flex;

}

body{

padding-bottom:90px;

}

}

@media(max-width:768px){

.mobile-sticky-cta{

padding:13px 16px;

gap:12px;

}

.mobile-cta-title{

font-size:16px;

}

.mobile-cta-subtitle{

font-size:12px;

}

.mobile-cta-btn{

padding:13px 18px;

font-size:14px;

}

}

/* SMALL MOBILE */

@media(max-width:480px){

.mobile-sticky-cta{

padding:12px 14px;

gap:10px;

}

.mobile-cta-title{

font-size:15px;

}

.mobile-cta-subtitle{

font-size:12px;

}

.mobile-cta-btn{

padding:12px 16px;

font-size:14px;

}

}





/* ═══════════════════════════════════════════════════
   OFFLINE ACADEMY
═══════════════════════════════════════════════════ */

.academy-section{

    padding:5rem 0;

    background:#0D0D0D;

}

.academy-gallery{

    margin-top:3rem;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}

.academy-gallery img{

    width:100%;

    height:260px;

    object-fit:cover;

    border-radius:18px;

    border:1px solid rgba(212,168,67,.15);

    transition:.35s ease;

    cursor:pointer;

    box-shadow:0 12px 30px rgba(0,0,0,.25);

}

.academy-gallery img:hover{

    transform:translateY(-6px);

    border-color:rgba(212,168,67,.35);

    box-shadow:0 18px 40px rgba(212,168,67,.12);

}

@media(max-width:768px){

.academy-gallery{

    grid-template-columns:1fr 1fr;

    gap:14px;

}

.academy-gallery img{

    height:170px;

}

}