/* RESET */

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

:root{
    --ust-page-bg:#0b1a2b;
    --ust-surface:#102338;
    --ust-surface-strong:#132b45;
    --ust-surface-soft:#173252;
    --ust-border:rgba(143, 181, 232, 0.20);
    --ust-border-strong:rgba(125, 211, 252, 0.34);
    --ust-text:#e8f1ff;
    --ust-text-soft:#b8c8dd;
    --ust-text-muted:#8fa7c4;
    --ust-accent:#67c6ff;
    --ust-accent-strong:#39a9f3;
    --ust-accent-soft:rgba(103, 198, 255, 0.14);
    --ust-warm:#f4b56a;
    --ust-warm-soft:rgba(244, 181, 106, 0.14);
    --ust-shadow:0 22px 55px rgba(2, 10, 20, 0.42);
}

body {
    font-family: "Segoe UI", Arial, sans-serif;
    background:
        radial-gradient(circle at top left, rgba(103,198,255,0.12), transparent 30%),
        radial-gradient(circle at top right, rgba(103,198,255,0.10), transparent 30%),
        radial-gradient(circle at 12% 78%, rgba(244,181,106,0.12), transparent 24%),
        radial-gradient(circle at 88% 78%, rgba(244,181,106,0.12), transparent 24%),
        linear-gradient(180deg, #0b1a2b 0%, #0d1d31 100%);
    color:var(--ust-text);
}

body{
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}