:root{

--primary:#2563eb;
--primary-hover:#1d4ed8;

--success:#16a34a;
--danger:#dc2626;
--warning:#f59e0b;

--bg:#0b1220;
--surface:#111827;
--surface2:#172033;

--border:#283548;

--text:#ffffff;
--muted:#94a3b8;

--radius:16px;

--transition:.25s;

}

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

background:var(--bg);

color:var(--text);

font-family:Inter,sans-serif;

overflow:hidden;

}

button,
input,
textarea{

font-family:inherit;

}

button{

cursor:pointer;

}

a{

text-decoration:none;

color:inherit;

}

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-thumb{

background:#314155;

border-radius:50px;

}

::-webkit-scrollbar-track{

background:#111827;

}

.hidden{

display:none!important;

}