/* ==========================
   PREMIUM CURSOR
========================== */

body{
    cursor:none;
}

.cursor{

    position:fixed;

    width:38px;
    height:38px;

    border:2px solid #FFD700;

    border-radius:50%;

    pointer-events:none;

    transform:translate(-50%,-50%);

    transition:all .18s ease;

    z-index:99999;

    backdrop-filter:blur(5px);

    box-shadow:
        0 0 10px rgba(255,140,0,.6),
        0 0 25px rgba(255,215,0,.35);

}

.cursor-dot{

    position:fixed;

    width:10px;
    height:10px;

    background:#FF8A00;

    border-radius:50%;

    pointer-events:none;

    transform:translate(-50%,-50%);

    z-index:100000;

    box-shadow:
        0 0 8px rgba(255,140,0,.9),
        0 0 20px rgba(255,215,0,.7);

}

.cursor.active{

    width:70px;
    height:70px;

    border-color:#FFB000;

    box-shadow:
        0 0 20px rgba(255,140,0,.8),
        0 0 40px rgba(255,215,0,.6);

}

.cursor-dot.active{

    transform:translate(-50%,-50%) scale(1.4);

}