:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7437706 */@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');


/* =====================================================
   GLOBAL
===================================================== */

.acctx,
.acctx *{
    box-sizing:border-box;
}

.acctx{
    --navy:#0d1829;
    --blue:#0772ff;
    --blue-dark:#0561d7;
    --muted:#6e7b8d;
    --soft:#f5f8fc;
    --soft-blue:#eef5ff;
    --line:rgba(13,24,41,.08);

    font-family:"Manrope",sans-serif;
    color:var(--navy);
    background:#fff;
    overflow:hidden;
}

.acctx a{
    text-decoration:none;
}

.acctx-wrap{
    width:min(1240px,calc(100% - 56px));
    margin:0 auto;
}


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

.acctx-hero{
    position:relative;
    padding:160px 0 95px;

    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(7,114,255,.17),
            transparent 27%
        ),
        radial-gradient(
            circle at 0% 80%,
            rgba(7,114,255,.06),
            transparent 23%
        ),
        linear-gradient(
            180deg,
            #f7fbff 0%,
            #ffffff 100%
        );
}

.acctx-hero:after{
    content:"";

    position:absolute;
    width:720px;
    height:720px;

    right:-390px;
    top:-330px;

    border-radius:50%;
    border:1px solid rgba(7,114,255,.08);

    pointer-events:none;
}

.acctx-hero-grid{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        .98fr 1.02fr;

    gap:85px;
    align-items:center;
}


/* BADGE */

.acctx-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;

    padding:8px 13px 8px 8px;
    margin-bottom:25px;

    border-radius:100px;

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

    box-shadow:
        0 8px 25px rgba(13,24,41,.06);

    color:#49566a;

    font-size:10px;
    font-weight:700;
}

.acctx-badge-icon{
    width:28px;
    height:28px;

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

    border-radius:50%;

    background:var(--blue);

    color:#fff;

    font-size:9px;
    font-weight:800;
}


/* HERO TITLE */

.acctx-hero h1{
    max-width:720px;
    margin:0;

    font-size:
        clamp(
            52px,
            5.6vw,
            74px
        );

    line-height:.99;
    letter-spacing:-4.6px;

    font-weight:800;
}

.acctx-hero h1 span{
    display:block;

    background:
        linear-gradient(
            90deg,
            #0772ff,
            #4b98ff
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    background-clip:text;
    color:transparent;
}

.acctx-hero-copy{
    max-width:650px;

    margin:28px 0 31px;

    color:var(--muted);

    font-size:16.5px;
    line-height:1.7;
}


/* ACTIONS */

.acctx-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:13px;
}

.acctx-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    padding:15px 21px;

    border-radius:11px;

    background:var(--blue);

    color:#fff !important;

    font-size:12px;
    font-weight:750;

    box-shadow:
        0 14px 34px rgba(7,114,255,.22);

    transition:.2s ease;
}

.acctx-primary:hover{
    transform:translateY(-2px);

    background:var(--blue-dark);

    box-shadow:
        0 18px 42px rgba(7,114,255,.30);
}

.acctx-secondary{
    padding:14px;

    color:var(--navy) !important;

    font-size:12px;
    font-weight:700;
}

.acctx-udemy-note{
    display:flex;
    align-items:center;

    gap:8px;

    margin-top:22px;

    color:#7c8797;

    font-size:10px;
}

.acctx-udemy-dot{
    width:7px;
    height:7px;

    flex:0 0 7px;

    border-radius:50%;

    background:#a435f0;
}


/* =====================================================
   VIDEO
===================================================== */

.acctx-video{
    position:relative;

    aspect-ratio:16 / 9;

    overflow:hidden;

    border-radius:25px;

    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(7,114,255,.45),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #0d1829,
            #16345a
        );

    box-shadow:
        0 30px 75px rgba(13,24,41,.19);

    transform:rotate(1deg);
}

.acctx-video:before{
    content:"Dr     Cr";

    position:absolute;

    right:28px;
    bottom:5px;

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

    font-size:80px;
    font-weight:800;

    letter-spacing:-6px;
}

.acctx-video-inner{
    position:absolute;

    inset:0;

    display:flex;
    flex-direction:column;

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

    text-align:center;

    padding:35px;
}

.acctx-video-label{
    position:absolute;

    top:22px;
    left:24px;

    color:#9fc6fb;

    font-size:9px;
    font-weight:800;

    letter-spacing:.11em;
    text-transform:uppercase;
}

.acctx-video-duration{
    position:absolute;

    top:18px;
    right:21px;

    padding:7px 10px;

    border-radius:100px;

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

    color:#c7d9ef;

    font-size:9px;
}

.acctx-play{
    width:78px;
    height:78px;

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

    margin-bottom:22px;

    border-radius:50%;

    background:#fff;

    color:var(--blue);

    font-size:23px;

    box-shadow:
        0 15px 40px rgba(0,0,0,.20);
}

.acctx-video h3{
    position:relative;
    z-index:2;

    max-width:440px;

    margin:0 0 8px;

    color:#fff;

    font-size:21px;
    line-height:1.3;

    letter-spacing:-.5px;
}

.acctx-video p{
    position:relative;
    z-index:2;

    max-width:390px;

    margin:0;

    color:#9eb0c7;

    font-size:10.5px;
    line-height:1.6;
}

.acctx-video iframe{
    position:absolute;

    inset:0;

    z-index:5;

    width:100%;
    height:100%;

    border:0;
}


/* =====================================================
   COURSE STATS
===================================================== */

.acctx-stats{
    padding:54px 0 72px;

    background:#fff;
}

.acctx-stats-head{
    margin-bottom:24px;

    text-align:center;
}

.acctx-stats-label{
    color:#8995a5;

    font-size:16px;
    font-weight:800;

    letter-spacing:.14em;
    text-transform:uppercase;
}

.acctx-stats-grid{
    width:100%;

    display:grid;

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

    gap:14px;
}

.acctx-stat-card{
    min-width:0;
    min-height:170px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding:22px;

    border-radius:18px;

    background:#f5f8fc;

    transition:
        transform .2s ease,
        background .2s ease;
}

.acctx-stat-card:hover{
    transform:translateY(-3px);

    background:#eef5ff;
}

.acctx-stat-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:15px;
}

.acctx-stat-value{
    color:#0772ff;

    font-size:29px;
    line-height:1;

    font-weight:700;

    letter-spacing:-1px;
}

.acctx-stat-badge{
    width:38px;
    height:38px;

    flex:0 0 38px;

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

    border-radius:11px;

    background:#fff;

    color:#0772ff;

    font-size:9px;
    font-weight:800;
}

.acctx-stat-copy{
    margin-top:35px;
}

.acctx-stat-copy strong{
    display:block;

    margin-bottom:5px;

    color:#0d1829;

    font-size:14px;
    line-height:1.35;
}

.acctx-stat-copy span{
    display:block;

    color:#6e7b8d;

    font-size:10.5px;
    line-height:1.55;
}


/* =====================================================
   AFTER THIS COURSE
===================================================== */

.acctx-after{
    padding:110px 0;
}

.acctx-label{
    display:block;

    margin-bottom:14px;

    color:var(--blue);

    font-size:9.5px;
    font-weight:800;

    letter-spacing:.13em;
    text-transform:uppercase;
}

.acctx-after-head{
    display:grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(360px,.85fr);

    gap:95px;

    align-items:end;

    margin-bottom:55px;
}

.acctx-after-title{
    max-width:720px;
}

.acctx-after h2{
    max-width:720px;

    margin:0;

    font-size:
        clamp(
            44px,
            4.7vw,
            64px
        );

    line-height:1.03;

    letter-spacing:-3px;

    font-weight:600;
}

.acctx-after h2 span{
    display:block;

    color:var(--blue);
}

.acctx-after-intro{
    padding-bottom:6px;
}

.acctx-after-intro p{
    max-width:500px;

    margin:0;

    color:var(--muted);

    font-size:15px;
    line-height:1.75;
}

.acctx-after-intro strong{
    color:var(--navy);

    font-weight:700;
}


/* OUTCOME GRID */

.acctx-outcomes{
    display:grid;

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

    gap:12px;
}

.acctx-outcome{
    position:relative;

    min-height:220px;

    overflow:hidden;

    padding:24px;

    border-radius:18px;

    background:var(--soft);

    transition:.22s ease;
}

.acctx-outcome:hover{
    transform:translateY(-4px);

    background:var(--soft-blue);
}

.acctx-outcome:after{
    content:attr(data-num);

    position:absolute;

    right:14px;
    bottom:-12px;

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

    font-size:75px;

    font-weight:800;
}

.acctx-outcome-icon{
    width:39px;
    height:39px;

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

    margin-bottom:35px;

    border-radius:11px;

    background:#fff;

    color:var(--blue);

    font-size:9px;
    font-weight:800;
}

.acctx-outcome h3{
    position:relative;

    z-index:2;

    margin:0 0 7px;

    font-size:15px;
    line-height:1.35;
}

.acctx-outcome p{
    position:relative;

    z-index:2;

    margin:0;

    color:var(--muted);

    font-size:10.5px;
    line-height:1.65;
}


/* =====================================================
   HOW YOU ACTUALLY LEARN
===================================================== */

.acctx-how{
    padding:105px 0;

    background:var(--navy);

    color:#fff;
}

.acctx-how-head{
    max-width:800px;

    margin:0 auto 55px;

    text-align:center;
}

.acctx-how-label{
    display:block;

    margin-bottom:15px;

    color:#70adff;

    font-size:9.5px;
    font-weight:800;

    letter-spacing:.13em;
    text-transform:uppercase;
}

.acctx-how h2{
    max-width:820px;

    margin:0 auto 16px;

    color:#fff;

    font-size:
        clamp(
            40px,
            4.5vw,
            60px
        );

    line-height:1.04;

    letter-spacing:-2.7px;
}

.acctx-how-head p{
    max-width:650px;

    margin:0 auto;

    color:#9eabbc;

    font-size:13px;
    line-height:1.7;
}


/* LEARNING FLOW */

.acctx-learn-flow{
    display:grid;

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

    align-items:center;

    gap:12px;
}

.acctx-learn-step{
    min-height:185px;

    display:flex;
    flex-direction:column;

    padding:22px;

    border-radius:18px;

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

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

    transition:.22s ease;
}

.acctx-learn-step:hover{
    transform:translateY(-4px);

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

.acctx-learn-step:last-of-type{
    background:var(--blue);

    border-color:var(--blue);
}

.acctx-learn-number{
    width:30px;
    height:30px;

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

    margin-bottom:auto;

    border-radius:50%;

    background:
        rgba(7,114,255,.18);

    color:#70adff;

    font-size:9px;
    font-weight:800;
}

.acctx-learn-step:last-of-type
.acctx-learn-number{
    background:
        rgba(255,255,255,.18);

    color:#fff;
}

.acctx-learn-step h3{
    margin:28px 0 7px;

    color:#fff;

    font-size:14px;
    line-height:1.35;
}

.acctx-learn-step p{
    margin:0;

    color:#99a8ba;

    font-size:10px;
    line-height:1.6;
}

.acctx-learn-step:last-of-type p{
    color:
        rgba(255,255,255,.72);
}

.acctx-flow-arrow{
    color:#55708e;

    font-size:20px;

    text-align:center;
}

.acctx-learning-result{
    max-width:850px;

    margin:42px auto 0;

    padding-top:27px;

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

    text-align:center;

    color:#a9b5c4;

    font-size:12px;
    line-height:1.7;
}

.acctx-learning-result strong{
    color:#fff;
}


/* =====================================================
   FINAL CTA
===================================================== */

.acctx-final{
    padding:105px 0;
}

.acctx-final-box{
    position:relative;

    overflow:hidden;

    display:grid;

    grid-template-columns:
        1.1fr .9fr;

    gap:60px;

    align-items:center;

    padding:60px;

    border-radius:27px;

    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(7,114,255,.39),
            transparent 29%
        ),
        linear-gradient(
            135deg,
            #0d1829,
            #172b47
        );

    color:#fff;
}

.acctx-final-box:after{
    content:"Dr  Cr";

    position:absolute;

    right:30px;
    bottom:-45px;

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

    font-size:135px;

    font-weight:800;

    letter-spacing:-8px;
}

.acctx-final-content{
    position:relative;

    z-index:2;
}

.acctx-final h2{
    max-width:700px;

    margin:0 0 15px;

    color:#fff;

    font-size:
        clamp(
            38px,
            4.1vw,
            56px
        );

    line-height:1.05;

    letter-spacing:-2.3px;
}

.acctx-final p{
    max-width:620px;

    margin:0;

    color:#aab6c5;

    font-size:13px;
    line-height:1.7;
}

.acctx-final-action{
    position:relative;

    z-index:2;

    display:flex;

    justify-content:flex-end;
}

.acctx-final-btn{
    display:inline-flex;

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

    gap:10px;

    padding:16px 21px;

    border-radius:11px;

    background:#fff;

    color:var(--navy) !important;

    font-size:12px;
    font-weight:800;

    transition:.2s ease;
}

.acctx-final-btn:hover{
    transform:translateY(-2px);
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1000px){

    .acctx-wrap{
        width:min(
            100% - 36px,
            1240px
        );
    }

    .acctx-hero-grid{
        grid-template-columns:1fr;

        gap:50px;
    }

    .acctx-video{
        max-width:700px;
    }

    .acctx-stats-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .acctx-after-head{
        grid-template-columns:1fr;

        gap:25px;
    }

    .acctx-after-intro p{
        max-width:650px;
    }

    .acctx-outcomes{
        grid-template-columns:
            1fr 1fr;
    }

    .acctx-learn-flow{
        grid-template-columns:1fr;

        max-width:520px;

        margin:0 auto;

        gap:0;
    }

    .acctx-learn-step{
        min-height:0;
    }

    .acctx-flow-arrow{
        height:34px;

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

        font-size:0;
    }

    .acctx-flow-arrow:after{
        content:"↓";

        color:#55708e;

        font-size:17px;
    }

    .acctx-final-box{
        grid-template-columns:1fr;
    }

    .acctx-final-action{
        justify-content:flex-start;
    }
}


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

@media(max-width:700px){

    .acctx-wrap{
        width:calc(100% - 26px);
    }


    /* HERO */

    .acctx-hero{
        padding:125px 0 68px;
    }

    .acctx-hero h1{
        font-size:46px;

        letter-spacing:-2.8px;
    }

    .acctx-hero-copy{
        font-size:14.5px;
    }

    .acctx-actions{
        flex-direction:column;

        align-items:stretch;
    }

    .acctx-primary{
        width:100%;
    }

    .acctx-secondary{
        text-align:center;
    }


    /* VIDEO */

    .acctx-video{
        transform:none;

        border-radius:19px;
    }

    .acctx-play{
        width:60px;
        height:60px;

        margin-bottom:15px;

        font-size:18px;
    }

    .acctx-video-inner{
        padding:23px;
    }

    .acctx-video h3{
        font-size:16px;
    }

    .acctx-video p{
        font-size:9px;
    }


    /* STATS */

    .acctx-stats{
        padding:38px 0 50px;
    }

    .acctx-stats-grid{
        grid-template-columns:
            1fr 1fr;

        gap:10px;
    }

    .acctx-stat-card{
        min-height:155px;

        padding:17px;
    }

    .acctx-stat-value{
        font-size:23px;
    }

    .acctx-stat-copy{
        margin-top:27px;
    }

    .acctx-stat-copy strong{
        font-size:12px;
    }

    .acctx-stat-copy span{
        font-size:9.5px;
    }


    /* AFTER */

    .acctx-after{
        padding:75px 0;
    }

    .acctx-after-head{
        margin-bottom:38px;
    }

    .acctx-after h2{
        font-size:38px;

        line-height:1.07;

        letter-spacing:-1.8px;
    }

    .acctx-after-intro p{
        font-size:13px;
    }

    .acctx-outcomes{
        grid-template-columns:1fr;
    }

    .acctx-outcome{
        min-height:0;
    }


    /* HOW */

    .acctx-how{
        padding:75px 0;
    }

    .acctx-how-head{
        margin-bottom:38px;
    }

    .acctx-how h2{
        font-size:37px;

        letter-spacing:-1.8px;
    }

    .acctx-how-head p{
        font-size:12px;
    }

    .acctx-learn-step{
        padding:20px;

        border-radius:15px;
    }

    .acctx-learning-result{
        margin-top:34px;
    }


    /* FINAL */

    .acctx-final{
        padding:75px 0;
    }

    .acctx-final-box{
        padding:38px 24px;

        border-radius:21px;
    }

    .acctx-final h2{
        font-size:36px;
    }

    .acctx-final-btn{
        width:100%;
    }

}


@media(max-width:450px){

    .acctx-hero h1{
        font-size:41px;
    }

    .acctx-stats-grid{
        grid-template-columns:1fr;
    }

    .acctx-stat-card{
        min-height:135px;
    }

}




/* =====================================================
   UNIFIED TYPOGRAPHY SYSTEM
   Add this at the END of existing CSS
===================================================== */


/* -----------------------------------------------------
   HERO
----------------------------------------------------- */

.acctx-hero h1{
    font-size:clamp(54px,5vw,70px);
    line-height:1.01;
    letter-spacing:-3.8px;
    font-weight:700;
}

.acctx-hero-copy{
    font-size:16px;
    line-height:1.7;
}


/* -----------------------------------------------------
   ALL SMALL SECTION LABELS
----------------------------------------------------- */

.acctx-label,
.acctx-how-label,
.acctx-stats-label,
.acctx-video-label{
    font-size:10.5px;
    line-height:1.4;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}


/* -----------------------------------------------------
   MAIN SECTION HEADINGS
----------------------------------------------------- */

.acctx-after h2,
.acctx-how h2,
.acctx-final h2{
    font-size:clamp(44px,4vw,54px);
    line-height:1.07;
    letter-spacing:-2.4px;
    font-weight:600;
}


/* -----------------------------------------------------
   STANDARD BODY TEXT
----------------------------------------------------- */

.acctx-after-intro p,
.acctx-how-head p,
.acctx-final p{
    font-size:15px;
    line-height:1.7;
}


/* -----------------------------------------------------
   COURSE STATS
----------------------------------------------------- */

.acctx-stat-value{
    font-size:30px;
    line-height:1;
    font-weight:700;
    letter-spacing:-1px;
}

.acctx-stat-copy strong{
    font-size:15px;
    line-height:1.4;
    font-weight:700;
}

.acctx-stat-copy span{
    font-size:13px;
    line-height:1.6;
}

.acctx-stat-badge{
    font-size:10px;
}


/* -----------------------------------------------------
   OUTCOME CARDS
----------------------------------------------------- */

.acctx-outcome h3{
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}

.acctx-outcome p{
    font-size:13px;
    line-height:1.65;
}

.acctx-outcome-icon{
    font-size:10px;
}


/* -----------------------------------------------------
   LEARNING FLOW CARDS
----------------------------------------------------- */

.acctx-learn-step h3{
    font-size:15px;
    line-height:1.4;
    font-weight:600;
}

.acctx-learn-step p{
    font-size:12.5px;
    line-height:1.6;
}

.acctx-learn-number{
    font-size:10px;
}

.acctx-learning-result{
    font-size:13px;
    line-height:1.7;
}


/* -----------------------------------------------------
   VIDEO
----------------------------------------------------- */

.acctx-video h3{
    font-size:20px;
    line-height:1.35;
}

.acctx-video p{
    font-size:12.5px;
    line-height:1.6;
}

.acctx-video-duration{
    font-size:10px;
}


/* -----------------------------------------------------
   BADGE + BUTTONS
----------------------------------------------------- */

.acctx-badge{
    font-size:11px;
}

.acctx-badge-icon{
    font-size:10px;
}

.acctx-primary,
.acctx-secondary,
.acctx-final-btn{
    font-size:13px;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1000px){

    .acctx-hero h1{
        font-size:56px;
        letter-spacing:-3px;
    }

    .acctx-after h2,
    .acctx-how h2,
    .acctx-final h2{
        font-size:44px;
        letter-spacing:-2px;
    }

}


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

@media(max-width:700px){

    /* HERO */

    .acctx-hero h1{
        font-size:43px;
        line-height:1.04;
        letter-spacing:-2.3px;
    }

    .acctx-hero-copy{
        font-size:14.5px;
        line-height:1.65;
    }


    /* SECTION LABELS */

    .acctx-label,
    .acctx-how-label,
    .acctx-stats-label,
    .acctx-video-label{
        font-size:10px;
    }


    /* SECTION HEADINGS */

    .acctx-after h2,
    .acctx-how h2,
    .acctx-final h2{
        font-size:35px;
        line-height:1.09;
        letter-spacing:-1.6px;
    }


    /* BODY */

    .acctx-after-intro p,
    .acctx-how-head p,
    .acctx-final p{
        font-size:14px;
        line-height:1.7;
    }


    /* STATS */

    .acctx-stat-value{
        font-size:26px;
    }

    .acctx-stat-copy strong{
        font-size:14px;
    }

    .acctx-stat-copy span{
        font-size:12px;
    }


    /* OUTCOME CARDS */

    .acctx-outcome h3{
        font-size:15px;
    }

    .acctx-outcome p{
        font-size:12.5px;
    }


    /* LEARNING FLOW */

    .acctx-learn-step h3{
        font-size:15px;
    }

    .acctx-learn-step p{
        font-size:12.5px;
    }

    .acctx-learning-result{
        font-size:12.5px;
    }


    /* VIDEO */

    .acctx-video h3{
        font-size:17px;
    }

    .acctx-video p{
        font-size:11px;
    }


    /* BUTTONS */

    .acctx-primary,
    .acctx-secondary,
    .acctx-final-btn{
        font-size:13px;
    }

}


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

@media(max-width:450px){

    .acctx-hero h1{
        font-size:39px;
    }

    .acctx-after h2,
    .acctx-how h2,
    .acctx-final h2{
        font-size:33px;
    }

}/* End custom CSS */