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

html{
    scroll-behavior:smooth;
    scrollbar-color:var(--blue) rgba(2,5,12,.9);
    scrollbar-width:thin;
    scrollbar-gutter:stable;
}

*{
    scrollbar-color:var(--blue) rgba(2,5,12,.86);
    scrollbar-width:thin;
}

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

*::-webkit-scrollbar-track{
    background:rgba(2,5,12,.9);
    border-left:1px solid rgba(103,179,255,.12);
}

*::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,var(--cyan),var(--blue));
    border:3px solid rgba(2,5,12,.9);
    border-radius:999px;
    box-shadow:0 0 16px rgba(103,179,255,.28);
}

*::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,var(--blue2),var(--line-hot));
}

*::-webkit-scrollbar-corner{
    background:rgba(2,5,12,.9);
}

body{
    min-height:100vh;
    background:
        linear-gradient(rgba(6,10,18,.95),rgba(6,10,18,.98)),
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 39px,
            rgba(40,90,180,.08) 40px
        ),
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 39px,
            rgba(40,90,180,.08) 40px
        );
    color:var(--text);
    font-family:Inter,Segoe UI,Arial,sans-serif;
    line-height:1.6;
}

a{
    color:inherit;
}

button,
input{
    font:inherit;
}

button{
    cursor:pointer;
}

p{
    color:var(--muted-strong);
}

::selection{
    background:rgba(59,130,246,.35);
    color:var(--text);
}