:root {
    --st-bg: #070b14;
    --st-panel: rgba(10,18,38,0.80);
    --st-panel-strong: rgba(10,18,38,0.95);
    --st-border: rgba(255,255,255,0.14);
    --st-text: #f8fafc;
    --st-muted: rgba(234,242,255,0.65);
    --st-blue: #38bdf8;
    --st-blue-2: #2563eb;
    --st-danger: #ef4444;
    --st-amber: #fbbf24;
}

body {
    background: var(--st-bg);
    color: var(--st-text);
}

.st-page {
    min-height: 100vh;
    background: radial-gradient(900px 500px at 12% 12%, rgba(56,189,248,0.16), transparent 60%), radial-gradient(900px 500px at 88% 20%, rgba(132,204,22,0.14), transparent 55%), radial-gradient(900px 500px at 40% 90%, rgba(29,78,216,0.16), transparent 60%), var(--st-bg);
}

.st-shell {
    max-width: 1300px;
}

.st-card {
    background: var(--st-panel);
    border: 1px solid var(--st-border);
    border-radius: 18px;
    padding: 18px;
    backdrop-filter: blur(10px);
}

.st-title {
    font-weight: 900;
    letter-spacing: .02em;
}

.st-muted {
    color: var(--st-muted);
}