/*==============================
    TEXT SELECTION
==============================*/

::selection{

    background:rgba(34,197,94,.35);

    color:#fff;

}

::-moz-selection{

    background:rgba(34,197,94,.35);

    color:#fff;

}

/*==============================
    SCROLL BAR
==============================*/

/* Firefox */

*{
    scrollbar-width:thin;
    scrollbar-color:#22c55e #0f0f0f;
}

/* Chrome, Edge, Safari */

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

::-webkit-scrollbar-track{
    background:#0f0f0f;
}

::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#22c55e,#16a34a);
    border:3px solid #0f0f0f;
    border-radius:999px;
}

::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#34d399,#22c55e);
}

::-webkit-scrollbar-corner{
    background:#0f0f0f;
}


/*==================================================
  CONTAINER
==================================================*/

.container{
    width:min(1320px,calc(100% - 60px));
    margin:auto;
}

/*==================================================
  RESET
==================================================*/

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:#070707;
    color:#fff;
    overflow-x:hidden;
    line-height:1.6;
}

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

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

button,
input,
textarea,
select{
    font:inherit;
}

:root{
    --primary:#25d366;
    --primary-dark:#1fb85a;
    --dark:#070707;
    --card:#101010;
    --card-border:rgba(255,255,255,.08);
    --text:#ffffff;
    --text-light:#cfcfcf;
    --muted:#909090;
    --radius:24px;
    --transition:.35s ease;
}