:root {
    --dspace-ink: #07111f;
    --dspace-deep: #101a3a;
    --dspace-surface: #f4f7fb;
    --dspace-muted: #93a4b8;
    --dspace-accent: #7c3aed;
    --dspace-signal: #22d3ee;
}

.dspace-home {
    min-height: 100vh;
    background:
        radial-gradient(circle at top right, rgba(34, 211, 238, 0.22), transparent 34rem),
        linear-gradient(135deg, var(--dspace-deep), var(--dspace-ink) 62%);
    color: var(--dspace-surface);
}

.dspace-home .container-xl {
    max-width: 1180px;
}

.dspace-hero {
    min-height: calc(100vh - 8rem);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.dspace-mark {
    width: 8rem;
    height: 8rem;
    image-rendering: pixelated;
}