:root {
    --bg: #0f1724;
    --card: #0b1220;
    --accent: #60a5fa;
    --muted: #94a3b8;
    --danger: #fb7185;
    --glass: rgba(255, 255, 255, 0.03);
    --radius: 16px;
    font-family: Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
}

* {
    box-sizing: border-box
}

html,
body {
    height: 100%
}

body {
    margin: 0;
    background:
        radial-gradient(1200px 600px at 10% 10%, rgba(96, 165, 250, 0.08), transparent 10%),
        radial-gradient(1000px 500px at 90% 90%, rgba(99, 102, 241, 0.06), transparent 10%),
        var(--bg);
    color: #e6eef8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}