:root {

    --bg: #05070b;

    --panel: #0f141c;

    --panel-2: #151c26;

    --border: rgba(255,255,255,.08);

    --text: #f5f7fb;

    --muted: #93a1b3;

    --green: #7dffb3;

    --cyan: #66e0ff;

    --yellow: #ffd66b;

    --red: #ff7b7b;

    --shadow:
        0 10px 40px rgba(0,0,0,.35);
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {

    background:
        radial-gradient(circle at top right,
            rgba(0,180,255,.08),
            transparent 28%),

        radial-gradient(circle at bottom left,
            rgba(0,255,170,.06),
            transparent 24%),

        var(--bg);

    color: var(--text);

    font-family:
        Inter,
        system-ui,
        sans-serif;

    line-height: 1.5;
}

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

img {
    max-width: 100%;
}

input,
button,
select {
    font: inherit;
}