:root{
    --bg:#070707;
    --text:#f4f4ef;
    --muted:#8b8b8b;
    --line:rgba(255,255,255,.12);
    --gold:#d6ad55;
    --acid:#d8ff52;
    --card:#101010;
    --max:1280px;
}


*{
    box-sizing:border-box;
}


html{
    scroll-behavior:smooth;
}


body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:"Vazirmatn",sans-serif;
    overflow-x:hidden;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('./font/vazirmatn/fonts/ttf/Vazirmatn-Regular.ttf') format('truetype');

}
@font-face {
    font-family: 'peyda';
    src: url('./font/peyda/Peyda-Bold.ttf') format('truetype');
}
a{
    text-decoration:none;
    color:inherit;
}


img{
    max-width:100%;
    display:block;
}


.wrap{
    width:min(var(--max),calc(100% - 60px));
    margin:auto;
}



::selection{
    background:var(--gold);
    color:#000;
}



/* noise */

.noise{
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:.18;
    z-index:100;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}




.progress{

    position:fixed;
    right:0;
    top:0;
    width:4px;
    height:0;
    background:var(--gold);
    z-index:200;

}

.cursor-circle{

    position:fixed;
    width:35px;
    height:35px;
    border-radius:50%;
    border:1px solid rgb(54, 163, 197);
    pointer-events:none;
    z-index:999;
    transform:translate(-50%,-50%);
    transition:
            width .35s ease,
            height .35s ease,
            background .35s ease,
            border .35s ease;

}


.cursor-dot{

    position:fixed;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#fff;
    pointer-events:none;
    z-index:1000;
    transform:translate(-50%,-50%);

}



.cursor-hover{

    width:70px;
    height:70px;
    background:rgba(214,173,85,.12);
    border-color:var(--gold);

}





/* NAV */


nav{

    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:50;
    padding:25px 0;
    background:linear-gradient(#070707,transparent);

}



.nav-container{

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

}



.brand{

    width:48px;
    height:48px;
    border-radius:50%;
    /*border:1px solid var(--line);*/
    display:flex;
    place-items:center;
    font-weight:800;
    font-size:18px;

}
.logo2{
    width:45px;
    height:45px;

}


.nav-links{

    display:flex;
    gap:40px;

}



.nav-links a{

    position:relative;
    color:#aaa;
    font-size:14px;
    transition:.3s;

}



.nav-links a::after{

    content:"";
    position:absolute;
    height:2px;
    background:var(--gold);
    bottom:-10px;
    right:0;
    width:0;
    transition:.4s;

}



.nav-links a:hover{

    color:white;
    transform:translateY(-4px);

}


.nav-links a:hover::after{

    width:100%;

}







/* HERO */


.hero{

    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;

}



.hero-grid{

    display:grid;
    grid-template-columns:1fr .9fr;
    gap:70px;
    align-items:center;

}



.tag{

    font-size:11px;
    letter-spacing:.15em;
    color:#888;
    margin-bottom:30px;

}



.hero h1{

    font-size:clamp(65px,10vw,145px);
    line-height:.85;
    letter-spacing:-.08em;
    margin:0;

}



.name{

    display:inline-block;
font-family: peyda;
    font-size:120px;
}



.typed-wrapper{

    display:block;
    font-size:.30em;
    margin-top:45px;
    color:var(--gold);
    letter-spacing:-.02em;
    min-height:60px;

}



.hero p{

    max-width:600px;
    font-size:20px;
    line-height:2;
    color:#999;
    margin:40px 0;

}



.actions{

    display:flex;
    gap:15px;

}



.btn{

    height:55px;
    padding:0 30px;
    border-radius:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    transition:.4s;

}



.primary{

    background:#eee;
    color:#000;

}



.primary:hover{

    background:var(--gold);
    transform:translateY(-5px);

}



.ghost:hover{

    border-color:var(--gold);
    transform:translateY(-5px);

}






/* LOGO */


.logo-stage{

    height:650px;
    display:grid;
    place-items:center;
    position:relative;

}



.orbit{

    position:absolute;
    width:470px;
    height:470px;
    border-radius:50%;
    border:1px solid rgba(214,173,85,.25);
    animation:rotate 25s linear infinite;

}



@keyframes rotate{

    to{
        transform:rotate(360deg);
    }

}



.logo-main{

    width:300px;
    height:300px;
    border-radius:40px;
    background:
            radial-gradient(circle,#333,#080808 70%);
    border:1px solid rgba(255,255,255,.2);
    display:grid;
    place-items:center;
    position:relative;
    z-index:2;
    box-shadow:0 40px 100px #000;
    transform-style:preserve-3d;

}



.logo-main strong{

    font-size:80px;
    letter-spacing:-.1em;

}



.logo-main img{

    /*display:none;*/

}



.logo-hint{

    position:absolute;
    bottom:30px;
    font-size:12px;
    color:#666;

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


.section{
    padding:160px 0;
}


.section-title{

    font-size:12px;
    letter-spacing:.2em;
    color:#777;
    margin-bottom:70px;

}


.about-grid{

    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:90px;
    align-items:center;

}



.profile{

    aspect-ratio:4/5;
    border-radius:35px;
    overflow:hidden;
    border:1px solid var(--line);
    background:#111;

}



.profile img{

    width:100%;
    height:100%;
    object-fit:cover;


}



.about-text h2{
font-family: peyda;
    font-size:clamp(40px,5vw,75px);
    line-height:1;
    letter-spacing:-.07em;
    margin:0 0 40px;

}



.about-text p{

    font-size:22px;
    line-height:2;
    color:#999;

}



.stats{

    display:grid;
    grid-template-columns:1fr 1fr;
    border-top:1px solid var(--line);
    margin-top:60px;

}



.stats div{

    padding:25px;
    border-bottom:1px solid var(--line);
    color:#ddd;

}



.stats span{

    display:block;
    color:var(--gold);
    font-size:12px;
    margin-bottom:10px;

}







/* ================= AI CREATURE ================= */


/*#ai-creature{*/

/*    position:absolute;*/
/*    right:10%;*/
/*    margin-top:-100px;*/
/*    z-index:5;*/

/*}*/



/*.light-creature{*/

/*    width:100px;*/
/*    height:100px;*/
/*    position:relative;*/
/*    filter:drop-shadow(0 0 30px var(--gold));*/

/*}*/



/*.core{*/

/*    position:absolute;*/
/*    width:35px;*/
/*    height:35px;*/
/*    border-radius:50%;*/
/*    background:*/
/*            radial-gradient(circle,#fff,var(--gold));*/
/*    top:32px;*/
/*    left:32px;*/
/*    animation:pulse 1.5s infinite;*/

/*}*/
.ai-bird {
    position: fixed;
    width: 125px;
    height: 90px;

    left: 7vw;
    top: 18vh;

    z-index: 50;

    pointer-events: none;

    transform-origin: center center;

    filter:
            drop-shadow(0 15px 25px rgba(0,0,0,.45))
            drop-shadow(0 0 12px rgba(216,255,82,.08));
}

/* تمام SVG */

.ai-bird svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

/* بدن */

.bird-body {
    fill: #151515;
    stroke: rgba(255,255,255,.8);
    stroke-width: 1.5;
}

/* سر */

.bird-head {
    fill: #191919;
    stroke: rgba(255,255,255,.8);
    stroke-width: 1.5;
}

/* بال عقب */

.bird-wing-back {
    fill: #101010;
    stroke: rgba(255,255,255,.45);
    stroke-width: 1.4;

    transform-origin: 91px 66px;
}

/* بال اصلی */

.bird-wing {
    fill: #222;
    stroke: rgba(255,255,255,.9);
    stroke-width: 1.5;

    transform-origin: 104px 69px;

    animation: birdWing 0.42s ease-in-out infinite alternate;
}

/* جزئیات بال */

.wing-detail {
    fill: none;
    stroke: rgba(216,255,82,.5);
    stroke-width: 1.3;
    stroke-linecap: round;
}

/* چشم */

.bird-eye {
    fill: #d8ff52;

    filter:
            drop-shadow(0 0 5px rgba(216,255,82,.8));
}

/* منقار */

.bird-beak {
    fill: #d8ff52;
}

/* دم */

.bird-tail {
    fill: none;
    stroke: rgba(255,255,255,.7);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* سایه */

.bird-shadow {
    fill: rgba(0,0,0,.35);
    opacity: 0;
}

/* حرکت بال */

@keyframes birdWing {

    0% {
        transform:
                rotate(8deg)
                translateY(3px);
    }

    100% {
        transform:
                rotate(-18deg)
                translateY(-5px);
    }

}


.wing{

    position:absolute;
    width:55px;
    height:80px;
    border:2px solid var(--gold);
    border-radius:100% 0;
    top:10px;
}



.wing.left{

    left:0;
    transform:rotate(-35deg);
    animation:wing1 .8s infinite alternate;

}



.wing.right{

    right:0;
    transform:rotate(35deg) scaleX(-1);
    animation:wing2 .8s infinite alternate;

}



@keyframes wing1{

    from{
        transform:rotate(-25deg);
    }

    to{
        transform:rotate(-45deg);
    }

}



@keyframes wing2{

    from{
        transform:rotate(25deg) scaleX(-1);
    }

    to{
        transform:rotate(45deg) scaleX(-1);
    }

}




@keyframes pulse{

    50%{

        transform:scale(1.3);

    }

}



.ai-message{

    position:absolute;
    right:120px;
    top:15px;
    width:220px;
    padding:20px;
    border-radius:20px;
    background:#111;
    border:1px solid rgba(214,173,85,.3);
    opacity:0;
    transform:translateY(20px);
    transition:.5s;

}



#ai-creature:hover .ai-message{

    opacity:1;
    transform:translateY(0);

}



.ai-message strong{

    display:block;
    font-size:30px;
    color:var(--gold);

}



.ai-message span{

    color:#aaa;

}








/* ================= MARQUEE ================= */



.marquee{

    overflow:hidden;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    padding:40px 0;

}



.marquee-track{

    display:flex;
    gap:70px;
    font-size:100px;
    font-weight:800;
    white-space:nowrap;

}



.marquee span{

    color:#444;

}



.marquee b{

    color:var(--gold);

}







/* ================= COURSES ================= */



.big-title{
font-family: peyda;
    font-size: 110px;
    font-size:clamp(60px,9vw,130px);
    line-height:.9;
    letter-spacing:-.08em;
    margin-bottom:80px;

}



.big-title span{

    color:var(--gold);

}


/* =========================
   COURSE GRID
========================= */

.course-grid {

    display: grid;

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

    gap: 18px;

    max-width: 1050px;

    margin: 0 auto;

}


/* =========================
   COURSE CARD
========================= */

.course-card {

    position: relative;

    aspect-ratio: 1 / 1;

    min-height: 0;

    overflow: hidden;

    border-radius: 30px;

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

    background:
            #101010
            var(--course-image)
            center / cover
            no-repeat;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 30px;

    isolation: isolate;

    transition:
            transform .55s cubic-bezier(.16,1,.3,1),
            border-color .4s ease,
            box-shadow .5s ease;

}


/* =========================
   DARK IMAGE
========================= */

.course-card::before {

    content: "";

    position: absolute;
    inset: 0;

    z-index: -2;

    background:

            linear-gradient(
                    180deg,
                    rgba(7,7,7,.52) 0%,
                    rgba(7,7,7,.70) 45%,
                    rgba(7,7,7,.94) 100%
            );

}


/* =========================
   GOLD LIGHT
========================= */

.course-card::after {

    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: -90px;
    left: -90px;

    border-radius: 50%;

    background: var(--gold);

    opacity: 0;

    filter: blur(80px);

    transition: opacity .6s ease;

    z-index: -1;

}


/* =========================
   OVERLAY
========================= */

.course-overlay {

    position: absolute;

    inset: 0;

    z-index: -1;

    background:

            linear-gradient(
                    135deg,
                    rgba(214,173,85,.06),
                    transparent 45%
            );

    opacity: .7;

}


/* =========================
   TOP
========================= */

.course-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

}


.course-number {

    font-size: 12px;

    color: var(--gold);

    letter-spacing: .15em;

}


.course-label {

    font-size: 9px;

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

    letter-spacing: .14em;

    direction: ltr;

}


/* =========================
   CONTENT
========================= */

.course-content {

    max-width: 390px;

}


.course-content h3 {

    margin: 0 0 18px;

    font-size: clamp(30px, 3.2vw, 48px);

    line-height: 1;

    letter-spacing: -.065em;

    color: #f5f5f0;

}


.course-content p {

    margin: 0;

    max-width: 360px;

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

    font-size: 14px;

    line-height: 2;

}


/* =========================
   BOTTOM
========================= */

.course-bottom {

    display: flex;

    justify-content: flex-start;

}


.course-register {
width: 100%;
    height: 48px;

    padding: 0 20px;

    display: inline-flex;

    align-items: center;

    gap: 15px;

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

    border-radius: 100px;

    color: #eee;

    font-size: 25px;
   justify-content: center;

    background: rgba(0,0,0,.28);

    backdrop-filter: blur(12px);

    transition:

            background .35s ease,
            border-color .35s ease,
            color .35s ease,
            transform .35s ease;

}


.course-register span {

    font-size: 18px;

    transition: transform .35s ease;

}


.course-register:hover {

    background: var(--gold);

    border-color: var(--gold);

    color: #090909;

    transform: translateY(-3px);

}


.course-register:hover span {

    transform: translate(-3px,-3px);

}


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

.course-card:hover {

    transform:
            translateY(-10px)
            scale(1.015);

    border-color:
            rgba(214,173,85,.55);

    box-shadow:
            0 35px 80px rgba(0,0,0,.45);

}


.course-card:hover::after {

    opacity: .12;

}


/* تصویر در hover کمی زنده شود */

.course-card:hover {

    background-position: center;

}


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

@media(max-width:700px) {

    .course-grid {

        grid-template-columns: 1fr;

        gap: 14px;

    }

    .course-card {

        aspect-ratio: 1 / 1;

        min-height: 330px;

        border-radius: 24px;

        padding: 24px;

    }

    .course-content h3 {

        font-size: 34px;

    }

    .course-content p {

        font-size: 13px;

    }

}

/*.course-grid{*/

/*    display:grid;*/
/*    grid-template-columns:repeat(4,1fr);*/
/*    gap:20px;*/

/*}*/



/*.course-card{*/

/*    height:380px;*/
/*    padding:30px;*/
/*    border-radius:30px;*/
/*    background:*/
/*            linear-gradient(145deg,#151515,#080808);*/
/*    border:1px solid var(--line);*/
/*    display:flex;*/
/*    flex-direction:column;*/
/*    justify-content:space-between;*/
/*    transition:.5s;*/
/*    position:relative;*/
/*    overflow:hidden;*/

/*}*/



.course-card::before{

    content:"";
    position:absolute;
    width:0;
    height:3px;
    background:var(--gold);
    bottom:0;
    right:0;
    transition:.5s;

}



.course-card:hover{

    transform:translateY(-15px);

}



.course-card:hover::before{

    width:100%;

}



.course-card small{

    color:var(--gold);

}



.course-card h3{

    font-size:35px;
    line-height:1;
    letter-spacing:-.05em;

}



.course-card p{

    color:#888;
    line-height:2;

}







/* ================= KINETIC ================= */



.kinetic{

    height:100vh;
    display:grid;
    place-items:center;
    text-align:center;

}



.kinetic h2{

    font-size:clamp(70px,12vw,160px);
    line-height:.8;
    letter-spacing:-.1em;
    margin:10px;

}



.kinetic h2:nth-child(2){

    color:var(--gold);

}








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



.final{

    padding:180px 0;
    text-align:center;

}



.final h2{

    font-size:clamp(70px,12vw,160px);
    line-height:.85;
    letter-spacing:-.1em;

}



.final span{

    color:var(--gold);

}






footer{

    padding:30px;
    border-top:1px solid var(--line);
    color:#666;
    text-align:center;

}




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

@media(max-width:900px){


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


    body{
        overflow-x:hidden;
    }


    /* NAV */

    nav{
        padding:18px 0;
    }


    .brand{
        width:42px;
        height:42px;
    }


    .logo2{
        width:38px;
        height:38px;
    }



    .nav-links{
        display:none;
    }





    /* HERO */


    .hero{
        min-height:auto;
        padding-top:120px;
        padding-bottom:80px;
    }


    .hero-grid{

        display:flex;
        flex-direction:column-reverse;
        gap:30px;

    }



    .hero-content{
        text-align:center;
    }



    .hero h1{

        font-size:clamp(48px,14vw,70px);
        line-height:.95;
        letter-spacing:-.06em;

    }



    .typed-wrapper{

        margin-top:22px;
        min-height:40px;
        font-size:20px;

    }



    .hero p{

        font-size:16px;
        line-height:2;
        margin:25px auto;
        max-width:330px;

    }




    .actions{

        display:flex;
        flex-direction:column;
        gap:12px;
        width:100%;

    }



    .btn{

        height:52px;
        width:100%;
        font-size:15px;

    }






    /* LOGO STAGE */


    .logo-stage{

        height:280px;
        width:100%;

    }



    .orbit{

        width:240px;
        height:240px;

    }



    .logo-main{

        width:170px;
        height:170px;
        border-radius:30px;

    }



    .logo-main img{

        width:75%;

    }





    /* SECTIONS */


    .section{

        padding:90px 0;

    }



    .section-title{

        margin-bottom:40px;
        font-size:11px;

    }





    /* ABOUT */


    .about-grid{

        display:flex;
        flex-direction:column;
        gap:40px;

    }



    .profile{

        width:100%;
        max-width:330px;
        margin:auto;
        border-radius:25px;

    }



    .about-text h2{

        font-size:42px;
        text-align:center;

    }



    .about-text p{

        font-size:17px;
        line-height:2;
        text-align:center;

    }




    .stats{

        grid-template-columns:1fr;
        margin-top:40px;

    }



    .stats div{

        padding:20px;
        text-align:center;

    }





    /* AI CREATURE */


    #ai-creature{

        position:relative;
        right:auto;
        margin:20px auto;
        width:100px;

    }



    .ai-message{

        display:none;

    }





    /* MARQUEE */


    .marquee{

        padding:25px 0;

    }



    .marquee-track{

        font-size:55px;
        gap:35px;

    }





    /* COURSES */


    .big-title{

        font-size:55px;
        line-height:.95;
        margin-bottom:45px;

    }



    .course-grid{

        grid-template-columns:1fr;
        gap:15px;

    }



    .course-card{

        height:300px;
        padding:25px;
        border-radius:25px;

    }



    .course-card h3{

        font-size:30px;

    }





    /* KINETIC */


    .kinetic{

        height:70vh;

    }



    .kinetic h2{

        font-size:70px;
        line-height:.9;

    }





    /* FINAL */


    .final{

        padding:100px 20px;

    }



    .final h2{

        font-size:65px;

    }


}





@media(max-width:480px){


    .hero h1{

        font-size:46px;

    }



    .typed-wrapper{

        font-size:17px;

    }



    .logo-stage{

        height:240px;

    }



    .orbit{

        width:210px;
        height:210px;

    }



    .logo-main{

        width:150px;
        height:150px;

    }



    .about-text h2{

        font-size:36px;

    }



    .big-title{

        font-size:45px;

    }



    .course-card{
        height:270px;

    }



    .course-card h3{

        font-size:26px;

    }



    .kinetic h2{

        font-size:55px;

    }



    .final h2{

        font-size:52px;

    }



}





/* حذف کامل موس برای تاچ */


@media (pointer:coarse){

    .cursor-circle,
    .cursor-dot{

        display:none!important;

    }

}

@media(min-width:900px){
    .name{

        padding-top: 4rem;
    }
}
@media (max-width: 700px) {

    .ai-bird {
        width: 85px;
        height: 65px;
        left: 4vw;
        top: 20vh;
    }

}


/*    .wrap{*/
/*        width:calc(100% - 36px);*/
/*    }*/


/*    body{*/
/*        overflow-x:hidden;*/
/*    }*/


/*    !* NAV *!*/

/*    nav{*/
/*        padding:18px 0;*/
/*    }*/


/*    .brand{*/
/*        width:42px;*/
/*        height:42px;*/
/*    }*/


/*    .logo2{*/
/*        width:38px;*/
/*        height:38px;*/
/*    }*/



/*    .nav-links{*/
/*        display:none;*/
/*    }*/





/*    !* HERO *!*/


/*    .hero{*/
/*        min-height:auto;*/
/*        padding-top:120px;*/
/*        padding-bottom:80px;*/
/*    }*/


/*    .hero-grid{*/

/*        display:flex;*/
/*        flex-direction:column-reverse;*/
/*        gap:30px;*/

/*    }*/



/*    .hero-content{*/
/*        text-align:center;*/
/*    }*/



/*    .hero h1{*/

/*        font-size:clamp(48px,14vw,70px);*/
/*        line-height:.95;*/
/*        letter-spacing:-.06em;*/

/*    }*/



/*    .typed-wrapper{*/

/*        margin-top:22px;*/
/*        min-height:40px;*/
/*        font-size:20px;*/

/*    }*/



/*    .hero p{*/

/*        font-size:16px;*/
/*        line-height:2;*/
/*        margin:25px auto;*/
/*        max-width:330px;*/

/*    }*/




/*    .actions{*/

/*        display:flex;*/
/*        flex-direction:column;*/
/*        gap:12px;*/
/*        width:100%;*/

/*    }*/



/*    .btn{*/

/*        height:52px;*/
/*        width:100%;*/
/*        font-size:15px;*/

/*    }*/






/*    !* LOGO STAGE *!*/


/*    .logo-stage{*/

/*        height:280px;*/
/*        width:100%;*/

/*    }*/



/*    .orbit{*/

/*        width:240px;*/
/*        height:240px;*/

/*    }*/



/*    .logo-main{*/

/*        width:170px;*/
/*        height:170px;*/
/*        border-radius:30px;*/

/*    }*/



/*    .logo-main img{*/

/*        width:75%;*/

/*    }*/





/*    !* SECTIONS *!*/


/*    .section{*/

/*        padding:90px 0;*/

/*    }*/



/*    .section-title{*/

/*        margin-bottom:40px;*/
/*        font-size:11px;*/

/*    }*/





/*    !* ABOUT *!*/


/*    .about-grid{*/

/*        display:flex;*/
/*        flex-direction:column;*/
/*        gap:40px;*/

/*    }*/



/*    .profile{*/

/*        width:100%;*/
/*        max-width:330px;*/
/*        margin:auto;*/
/*        border-radius:25px;*/

/*    }*/



/*    .about-text h2{*/

/*        font-size:42px;*/
/*        text-align:center;*/

/*    }*/



/*    .about-text p{*/

/*        font-size:17px;*/
/*        line-height:2;*/
/*        text-align:center;*/

/*    }*/




/*    .stats{*/

/*        grid-template-columns:1fr;*/
/*        margin-top:40px;*/

/*    }*/



/*    .stats div{*/

/*        padding:20px;*/
/*        text-align:center;*/

/*    }*/





/*    !* AI CREATURE *!*/


/*    #ai-creature{*/

/*        position:relative;*/
/*        right:auto;*/
/*        margin:20px auto;*/
/*        width:100px;*/

/*    }*/



/*    .ai-message{*/

/*        display:none;*/

/*    }*/





/*    !* MARQUEE *!*/


/*    .marquee{*/

/*        padding:25px 0;*/

/*    }*/



/*    .marquee-track{*/

/*        font-size:55px;*/
/*        gap:35px;*/

/*    }*/





/*    !* COURSES *!*/


/*    .big-title{*/

/*        font-size:55px;*/
/*        line-height:.95;*/
/*        margin-bottom:45px;*/

/*    }*/



/*    .course-grid{*/

/*        grid-template-columns:1fr;*/
/*        gap:15px;*/

/*    }*/



/*    .course-card{*/

/*        height:300px;*/
/*        padding:25px;*/
/*        border-radius:25px;*/

/*    }*/



/*    .course-card h3{*/

/*        font-size:30px;*/

/*    }*/





/*    !* KINETIC *!*/


/*    .kinetic{*/

/*        height:70vh;*/

/*    }*/



/*    .kinetic h2{*/

/*        font-size:70px;*/
/*        line-height:.9;*/

/*    }*/





/*    !* FINAL *!*/


/*    .final{*/

/*        padding:100px 20px;*/

/*    }*/



/*    .final h2{*/

/*        font-size:65px;*/

/*    }*/


/*}*/





/*@media(max-width:480px){*/


/*    .hero h1{*/

/*        font-size:46px;*/

/*    }*/



/*    .typed-wrapper{*/

/*        font-size:17px;*/

/*    }*/



/*    .logo-stage{*/

/*        height:240px;*/

/*    }*/



/*    .orbit{*/

/*        width:210px;*/
/*        height:210px;*/

/*    }*/



/*    .logo-main{*/

/*        width:150px;*/
/*        height:150px;*/

/*    }*/



/*    .about-text h2{*/

/*        font-size:36px;*/

/*    }*/



/*    .big-title{*/

/*        font-size:45px;*/

/*    }*/



/*    .course-card{*/

/*        height:270px;*/

/*    }*/



/*    .course-card h3{*/

/*        font-size:26px;*/

/*    }*/



/*    .kinetic h2{*/

/*        font-size:55px;*/

/*    }*/



/*    .final h2{*/

/*        font-size:52px;*/

/*    }*/



/*}*/





/*!* حذف کامل موس برای تاچ *!*/


/*@media (pointer:coarse){*/

/*    .cursor-circle,*/
/*    .cursor-dot{*/

/*        display:none!important;*/

/*    }*/

/*}*/
/*@media(max-width:900px){*/


/*    .wrap{*/

/*        width:calc(100% - 32px);*/

/*    }*/



/*    .hero-grid,*/
/*    .about-grid{*/

/*        grid-template-columns:1fr;*/

/*    }*/



/*    .nav-links{*/

/*        display:none;*/

/*    }*/



/*    .logo-stage{*/

/*        height:400px;*/

/*    }*/



/*    .orbit{*/

/*        width:300px;*/
/*        height:300px;*/

/*    }*/



/*    .logo-main{*/

/*        width:220px;*/
/*        height:220px;*/

/*    }*/



/*    .course-grid{*/

/*        grid-template-columns:1fr;*/

/*    }*/



/*    .stats{*/

/*        grid-template-columns:1fr;*/

/*    }*/



/*    #ai-creature{*/

/*        right:5%;*/
/*    }*/


/*}*/



/*@media(max-width:500px){*/


/*    .hero h1{*/

/*        font-size:65px;*/

/*    }*/


/*    .typed-wrapper{*/

/*        font-size:18px;*/

/*    }*/


/*    .actions{*/

/*        display:grid;*/

/*    }*/


/*    .btn{*/

/*        width:100%;*/

/*    }*/


/*    .big-title{*/

/*        font-size:55px;*/

/*    }*/



/*}*/
/*@media(max-width:1000px){*/
/*    .cursor-circle{*/
/*        display:none;*/
/*    }*/
/*    .cursor-dot{*/
/*        display:none;*/
/*    }*/
/*}*/