:root {
    --bg: #05070d;
    --card: rgba(15, 20, 35, 0.85);
    --text: #e6f0ff;
    --muted: #8aa0c5;
    --accent: #00ffd5;
    --radius: 16px;
}

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

body {
    background:
        radial-gradient(circle at 20% 30%,
            rgba(0,255,213,0.18) 0px,
            rgba(0,255,213,0.12) 2px,
            transparent 4px
        ),
        radial-gradient(circle at 80% 20%,
            rgba(255,255,255,0.15) 0px,
            rgba(255,255,255,0.10) 2px,
            transparent 4px
        ),
        radial-gradient(circle at 60% 70%,
            rgba(0,180,255,0.16) 0px,
            rgba(0,180,255,0.10) 2px,
            transparent 4px
        ),
        radial-gradient(circle at 30% 80%,
            rgba(255,255,255,0.12) 0px,
            rgba(255,255,255,0.08) 2px,
            transparent 4px
        ),
        radial-gradient(circle at 90% 60%,
            rgba(0,255,213,0.14) 0px,
            rgba(0,255,213,0.09) 2px,
            transparent 4px
        ),
        radial-gradient(circle at 10% 50%,
            rgba(0,180,255,0.14) 0px,
            rgba(0,180,255,0.09) 2px,
            transparent 4px
        ),
        radial-gradient(circle at top, #0b1325, #05070d 60%);

    background-size:
        140px 140px,
        200px 200px,
        240px 240px,
        180px 180px,
        260px 260px,
        160px 160px,
        cover;

    color: var(--text);
    font-family: system-ui, sans-serif;
    min-height: 100vh;
}

.page {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
}