:root {
    --bg: #0f1620;
    --bg-2: #0b121a;
    --card: #111b26;
    --card-2: #0e1a25;
    --text: #e6eef7;
    --muted: #93a4b8;
    --accent: #37a1ff;
    --accent-2: #5dd6ff;
    --success: #49e08a;
    --danger: #ff6b6b;
    --surface: #0c141e;
    --ring: rgba(55, 161, 255, .2);
    --shadow: 0 10px 30px rgba(0, 0, 0, .45);
    --radius: 18px;
}

* {
    box-sizing: border-box
}

html,
body {
    min-height: 100%
}

body {
    margin: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    background:
        radial-gradient(1400px 700px at -10% -10%, #1e2a3a 0%, transparent 55%) fixed,
        radial-gradient(1200px 800px at 110% -20%, #152236 0%, transparent 55%) fixed,
        linear-gradient(180deg, #0c121a 0%, #0b121a 60%, #0b121a 100%) fixed;
    background-color: #0b121a;
    background-repeat: no-repeat;
    color: var(--text);
}

.wrap,
main,
.list,
section {
    background: transparent !important;
}