/* =====================================================
   ASNETWORKZONE PREMIUM INDIVIDUAL COURSE
===================================================== */

.asn-course-premium{
    overflow:hidden;
    color:#18223c;
    background:#fff;
}

.asn-course-premium *{
    box-sizing:border-box;
}

/* HERO */

.asncp-hero{
    position:relative;
    overflow:hidden;
    padding:70px 0 92px;
    background:
        radial-gradient(circle at 90% 10%,rgba(108,76,224,.17),transparent 28%),
        radial-gradient(circle at 5% 90%,rgba(45,170,255,.10),transparent 25%),
        linear-gradient(135deg,#f8f9ff,#fff 52%,#f8f5ff);
}

.asncp-hero:before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.3;
    background-image:
        linear-gradient(rgba(48,56,91,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(48,56,91,.05) 1px,transparent 1px);
    background-size:42px 42px;
}

.asncp-orb{
    position:absolute;
    border:1px solid rgba(104,75,220,.14);
    border-radius:50%;
}

.asncp-orb-one{
    width:320px;
    height:320px;
    right:-145px;
    top:-110px;
}

.asncp-orb-two{
    width:130px;
    height:130px;
    left:4%;
    bottom:-60px;
}

.asncp-breadcrumb{
    position:relative;
    z-index:2;
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-bottom:38px;
    color:#8991a4;
    font-size:11px;
    font-weight:800;
}

.asncp-breadcrumb a{
    color:#684bdc!important;
    text-decoration:none!important;
}

.asncp-hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:72px;
    align-items:center;
}

.asncp-badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.asncp-badges span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 11px;
    border-radius:7px;
    font-size:9px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.asncp-category{
    color:#6548d7;
    background:#eee9ff;
}

.asncp-professional{
    border:1px solid #e1e4ec;
    color:#747d91;
    background:#fff;
}

.asncp-hero h1{
    max-width:780px;
    margin:17px 0 21px;
    color:#141e38;
    font-size:clamp(42px,5vw,67px);
    line-height:1.04;
    letter-spacing:-.045em;
}

.asncp-intro{
    max-width:700px;
    margin:0;
    color:#6d778c;
    font-size:15px;
    line-height:1.78;
}

.asncp-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:11px;
    margin-top:29px;
}

.asncp-btn{
    display:inline-flex;
    min-height:51px;
    align-items:center;
    justify-content:center;
    padding:0 22px;
    border-radius:11px;
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
    transition:.25s ease;
}

.asncp-btn:hover{
    transform:translateY(-3px);
}

.asncp-btn-primary{
    color:#fff!important;
    background:linear-gradient(135deg,#6749da,#805ded);
    box-shadow:0 15px 30px rgba(103,73,218,.22);
}

.asncp-btn-secondary{
    border:1px solid #dfe2eb;
    color:#19233d!important;
    background:#fff;
}

.asncp-mini-features{
    display:flex;
    flex-wrap:wrap;
    gap:17px;
    margin-top:25px;
    color:#737d91;
    font-size:10px;
    font-weight:800;
}

.asncp-mini-features span:before{
    color:#6d4ede;
}

.asncp-visual{
    position:relative;
}

.asncp-image-card{
    position:relative;
    overflow:hidden;
    aspect-ratio:16/10;
    border:7px solid #fff;
    border-radius:23px;
    background:#1b2546;
    box-shadow:0 30px 65px rgba(30,38,75,.18);
}

.asncp-image-card img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.asncp-fallback{
    display:flex;
    width:100%;
    height:100%;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:35px;
    text-align:center;
    background:
        radial-gradient(circle at 80% 20%,rgba(129,92,244,.55),transparent 28%),
        linear-gradient(145deg,#17213e,#303769);
}

.asncp-fallback small{
    color:#a9b3d0;
    font-size:10px;
    letter-spacing:.1em;
}

.asncp-fallback strong{
    max-width:300px;
    margin-top:8px;
    color:#fff;
    font-size:30px;
    line-height:1.15;
}

.asncp-image-overlay{
    position:absolute;
    right:15px;
    bottom:15px;
    left:15px;
    padding:14px 17px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:12px;
    background:rgba(15,24,50,.78);
    backdrop-filter:blur(12px);
}

.asncp-image-overlay span,
.asncp-image-overlay strong{
    display:block;
}

.asncp-image-overlay span{
    margin-bottom:3px;
    color:#a9b4d3;
    font-size:8px;
    font-weight:900;
    letter-spacing:.09em;
}

.asncp-image-overlay strong{
    color:#fff;
    font-size:12px;
}

.asncp-floating-card{
    position:absolute;
    right:-24px;
    bottom:-24px;
    min-width:170px;
    padding:16px 18px;
    border:1px solid #e1e4ec;
    border-radius:13px;
    background:#fff;
    box-shadow:0 18px 40px rgba(32,40,77,.14);
}

.asncp-floating-card span,
.asncp-floating-card strong,
.asncp-floating-card small{
    display:block;
}

.asncp-floating-card span{
    color:#9a82f2;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
}

.asncp-floating-card strong{
    margin:4px 0;
    color:#17213b;
    font-size:13px;
}

.asncp-floating-card small{
    color:#9199aa;
    font-size:9px;
}

/* QUICK INFO */

.asncp-quick{
    position:relative;
    z-index:5;
}

.asncp-quick-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:-30px;
    overflow:hidden;
    border:1px solid #e5e8f0;
    border-radius:17px;
    background:#fff;
    box-shadow:0 18px 48px rgba(32,40,77,.08);
}

.asncp-quick-grid>div{
    position:relative;
    display:flex;
    gap:13px;
    align-items:center;
    padding:23px;
}

.asncp-quick-grid>div:not(:last-child):after{
    content:"";
    position:absolute;
    right:0;
    top:25%;
    width:1px;
    height:50%;
    background:#e9ebf1;
}

.asncp-info-icon{
    display:flex;
    width:38px;
    height:38px;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#6749da;
    background:#f0ecff;
    font-size:16px;
}

.asncp-quick-grid small,
.asncp-quick-grid strong{
    display:block;
}

.asncp-quick-grid small{
    margin-bottom:3px;
    color:#9aa1b1;
    font-size:8px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.asncp-quick-grid strong{
    color:#1a243e;
    font-size:12px;
}

/* CONTENT */

.asncp-content-section{
    padding:100px 0;
    background:#fff;
}

.asncp-content-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:55px;
    align-items:start;
}

.asncp-main-content{
    min-width:0;
}

.asncp-content-heading span,
.asncp-section-head>span,
.asncp-training-card>div:first-child>span,
.asncp-final-card>div:first-child>span{
    color:#6749da;
    font-size:9px;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.asncp-content-heading h2{
    margin:8px 0 30px;
    color:#17213b;
    font-size:36px;
    letter-spacing:-.03em;
}

.asncp-original-content{
    color:#59657c;
    font-size:14px;
    line-height:1.85;
}

.asncp-original-content h2,
.asncp-original-content h3,
.asncp-original-content h4{
    color:#17213b;
    line-height:1.3;
}

.asncp-original-content p{
    margin:0 0 20px;
}

.asncp-original-content ul,
.asncp-original-content ol{
    padding-left:22px;
}

.asncp-original-content a{
    color:#6749da;
}

.asncp-original-content img{
    max-width:100%;
    height:auto;
}

.asncp-original-content table{
    width:100%;
    max-width:100%;
}

.asncp-learning-box{
    margin-top:45px;
    padding:31px;
    border:1px solid #e2def6;
    border-radius:18px;
    background:#faf9ff;
}

.asncp-learning-head{
    display:flex;
    gap:15px;
    align-items:center;
}

.asncp-learning-head>span{
    display:flex;
    width:43px;
    height:43px;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#6749da;
    background:#eee9ff;
    font-size:18px;
}

.asncp-learning-head small{
    display:block;
    color:#8b75e7;
    font-size:8px;
    font-weight:900;
    letter-spacing:.08em;
}

.asncp-learning-head h3{
    margin:4px 0 0;
    color:#17213b;
    font-size:18px;
}

.asncp-learning-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:25px;
}

.asncp-learning-grid>div{
    display:flex;
    gap:10px;
    align-items:center;
    padding:12px;
    border:1px solid #e7e4f4;
    border-radius:10px;
    background:#fff;
}

.asncp-learning-grid b{
    color:#a59bbf;
    font-size:8px;
}

.asncp-learning-grid span{
    color:#59647a;
    font-size:10px;
    font-weight:800;
}

/* SIDEBAR */

.asncp-sidebar{
    position:relative;
}

.asncp-enroll-card{
    position:sticky;
    top:105px;
    overflow:hidden;
    padding:26px;
    border:1px solid #e2e5ed;
    border-radius:18px;
    background:#fff;
    box-shadow:0 20px 50px rgba(31,39,76,.09);
}

.asncp-enroll-top{
    padding-bottom:20px;
    border-bottom:1px solid #eceef3;
}

.asncp-enroll-top span,
.asncp-enroll-top strong{
    display:block;
}

.asncp-enroll-top span{
    color:#929aab;
    font-size:9px;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.asncp-enroll-top strong{
    margin-top:5px;
    color:#17213b;
    font-size:29px;
}

.asncp-enroll-features{
    display:grid;
    gap:11px;
    padding:21px 0;
}

.asncp-enroll-features>div{
    display:flex;
    gap:9px;
    align-items:center;
    color:#69748a;
    font-size:11px;
    font-weight:700;
}

.asncp-enroll-features span{
    display:flex;
    width:18px;
    height:18px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#684bdc;
    background:#eee9ff;
    font-size:9px;
}

.asncp-tutor-box{
    margin-top:3px;
}

.asncp-tutor-box .tutor-btn,
.asncp-tutor-box button,
.asncp-tutor-box input[type=submit]{
    width:100%!important;
    min-height:48px!important;
    border:0!important;
    border-radius:10px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#6749da,#805ded)!important;
    box-shadow:0 12px 25px rgba(103,73,218,.18)!important;
    font-size:11px!important;
    font-weight:900!important;
}

.asncp-help-link{
    display:block;
    margin-top:14px;
    color:#6749da!important;
    font-size:10px;
    font-weight:900;
    text-align:center;
    text-decoration:none!important;
}

.asncp-category-card{
    margin-top:17px;
    padding:22px;
    border:1px solid #e5e8ef;
    border-radius:15px;
    background:#f8f9fc;
}

.asncp-category-card small,
.asncp-category-card strong{
    display:block;
}

.asncp-category-card small{
    color:#9ca3b2;
    font-size:8px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.asncp-category-card strong{
    margin:6px 0 12px;
    color:#17213b;
    font-size:17px;
}

.asncp-category-card a{
    color:#6749da!important;
    font-size:10px;
    font-weight:900;
    text-decoration:none!important;
}

/* WHY */

.asncp-why{
    padding:95px 0;
    background:#f7f8fc;
}

.asncp-section-head{
    max-width:700px;
    margin:0 auto 48px;
    text-align:center;
}

.asncp-section-head h2{
    margin:9px 0 13px;
    color:#17213b;
    font-size:clamp(35px,4vw,50px);
    line-height:1.1;
    letter-spacing:-.04em;
}

.asncp-section-head h2 em{
    color:#6749da;
    font-style:normal;
}

.asncp-section-head p{
    max-width:560px;
    margin:0 auto;
    color:#747e93;
    font-size:13px;
    line-height:1.75;
}

.asncp-benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.asncp-benefit-grid article{
    position:relative;
    min-height:235px;
    padding:26px;
    border:1px solid #e3e6ee;
    border-radius:17px;
    background:#fff;
    transition:.3s ease;
}

.asncp-benefit-grid article:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 42px rgba(34,42,78,.08);
}

.asncp-benefit-grid article>span{
    position:absolute;
    right:20px;
    top:18px;
    color:#c5cad6;
    font-size:9px;
    font-weight:900;
}

.asncp-benefit-grid article>div{
    display:flex;
    width:45px;
    height:45px;
    align-items:center;
    justify-content:center;
    margin-bottom:40px;
    border-radius:12px;
    color:#6749da;
    background:#f0ecff;
}

.asncp-benefit-grid h3{
    margin:0 0 9px;
    color:#18223d;
    font-size:16px;
}

.asncp-benefit-grid p{
    margin:0;
    color:#778196;
    font-size:11px;
    line-height:1.7;
}

/* TRAINING */

.asncp-training{
    padding:95px 0;
    background:#fff;
}

.asncp-training-card{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:65px;
    padding:55px;
    border-radius:23px;
    color:#fff;
    background:
        radial-gradient(circle at 10% 10%,rgba(127,91,241,.38),transparent 28%),
        linear-gradient(145deg,#151e39,#282e5b);
}

.asncp-training-card h2{
    margin:9px 0 13px;
    color:#fff;
    font-size:clamp(32px,4vw,46px);
    line-height:1.1;
    letter-spacing:-.035em;
}

.asncp-training-card p{
    margin:0;
    color:#aeb7d0;
    line-height:1.7;
}

.asncp-training-card>div:first-child>span{
    color:#a88fff;
}

.asncp-training-links{
    border-top:1px solid rgba(255,255,255,.1);
}

.asncp-training-links a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:17px 4px;
    border-bottom:1px solid rgba(255,255,255,.1);
    color:#fff!important;
    font-size:12px;
    font-weight:800;
    text-decoration:none!important;
    transition:.25s ease;
}

.asncp-training-links a:hover{
    padding-left:10px;
    color:#c4b6ff!important;
}

.asncp-training-links span{
    color:#9d83ff;
}

/* FINAL */

.asncp-final{
    padding:0 0 95px;
}

.asncp-final-card{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    padding:50px 55px;
    border-radius:23px;
    background:
        radial-gradient(circle at 85% 15%,rgba(150,116,255,.42),transparent 28%),
        linear-gradient(135deg,#6548d8,#3b3477);
    box-shadow:0 25px 60px rgba(77,56,162,.19);
}

.asncp-final-card>div:first-child{
    max-width:650px;
}

.asncp-final-card>div:first-child>span{
    color:#d7ceff;
}

.asncp-final-card h2{
    margin:9px 0;
    color:#fff;
    font-size:clamp(31px,4vw,45px);
    line-height:1.1;
    letter-spacing:-.035em;
}

.asncp-final-card p{
    margin:0;
    color:#ded9f3;
}

.asncp-final-actions{
    display:flex;
    flex-wrap:wrap;
    flex-shrink:0;
    gap:9px;
}

.asncp-btn-light{
    color:#5140a5!important;
    background:#fff;
}

.asncp-btn-outline{
    border:1px solid rgba(255,255,255,.28);
    color:#fff!important;
    background:rgba(255,255,255,.07);
}

/* RESPONSIVE */

@media(max-width:1000px){

    .asncp-hero-grid{
        grid-template-columns:1fr 1fr;
        gap:40px;
    }

    .asncp-content-grid{
        grid-template-columns:minmax(0,1fr) 300px;
        gap:35px;
    }

}

@media(max-width:850px){

    .asncp-hero-grid,
    .asncp-content-grid,
    .asncp-training-card{
        grid-template-columns:1fr;
    }

    .asncp-quick-grid{
        grid-template-columns:1fr 1fr;
    }

    .asncp-quick-grid>div:nth-child(2):after{
        display:none;
    }

    .asncp-enroll-card{
        position:relative;
        top:auto;
    }

    .asncp-benefit-grid{
        grid-template-columns:1fr 1fr;
    }

    .asncp-final-card{
        display:block;
    }

    .asncp-final-actions{
        margin-top:25px;
    }

}

@media(max-width:600px){

    .asncp-hero{
        padding:52px 0 70px;
    }

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

    .asncp-floating-card{
        right:10px;
        bottom:-20px;
    }

    .asncp-quick-grid{
        grid-template-columns:1fr 1fr;
    }

    .asncp-quick-grid>div{
        padding:18px 12px;
    }

    .asncp-quick-grid>div:after{
        display:none;
    }

    .asncp-content-section,
    .asncp-why,
    .asncp-training{
        padding:70px 0;
    }

    .asncp-learning-grid,
    .asncp-benefit-grid{
        grid-template-columns:1fr;
    }

    .asncp-training-card{
        padding:34px 24px;
    }

    .asncp-final{
        padding-bottom:70px;
    }

    .asncp-final-card{
        padding:38px 25px;
    }

    .asncp-final-actions{
        display:grid;
    }

}
