*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{

    --bg-color: #f4f8fc;

    --sidebar-color: #ffffff;

    --card-color: rgba(255,255,255,0.85);

    --primary: #5da9ff;

    --primary-dark: #3b82f6;

    --text: #0f172a;

    --text-gray: #64748b;

    --border: rgba(15,23,42,0.08);

}

html,
body{
    overflow-x:hidden;
}

body{

    font-family:
    'Poppins',sans-serif;

    color:var(--text);

    background:
    radial-gradient(
        circle at top right,
        rgba(116,192,255,0.14),
        transparent 28%
    ),

    radial-gradient(
        circle at bottom left,
        rgba(77,163,255,0.10),
        transparent 30%
    ),

    linear-gradient(
        180deg,
        #06111f 0%,
        #081a30 100%
    );

    background-attachment:fixed;

}

a{
    text-decoration:none;
    color:inherit;
}

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

.logo-img{

    height:42px;

    width:auto;

    object-fit:contain;

}

/* SCROLLBAR */

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#08111f;
}

::-webkit-scrollbar-thumb{

    background:
    linear-gradient(
        180deg,
        #4da3ff,
        #74c0ff
    );

    border-radius:20px;

}

/* BG GLOW */

body::before{

    content:'';

    position:fixed;

    width:550px;
    height:550px;

    background:
    rgba(116,192,255,0.12);

    filter:blur(140px);

    top:-180px;
    right:-120px;

    z-index:-1;

}

body::after{

    content:'';

    position:fixed;

    width:450px;
    height:450px;

    background:
    rgba(77,163,255,0.10);

    filter:blur(140px);

    bottom:-180px;
    left:180px;

    z-index:-1;

}

/* ANIMATION */

@keyframes fadeUp{

    from{

        opacity:0;

        transform:
        translateY(20px);

    }

    to{

        opacity:1;

        transform:
        translateY(0);

    }

}