.panoptiq-not-found {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    background: radial-gradient( circle at 50% 30%, rgba(123, 99, 255, 0.12), transparent 35% ), #0a0e15;
    color: #f5f7fb;
}

.panoptiq-not-found-code {
    margin-bottom: 1rem;
    color: #53d6c1;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.2em;
}

.panoptiq-not-found h1 {
    margin: 0;
    font-size: clamp( 2rem, 5vw, 4rem );
}

.panoptiq-not-found p {
    max-width: 480px;
    margin: 1rem 0 2rem;
    color: #96a1b2;
}

.panoptiq-not-found-button {
    padding: 0.85rem 1.4rem;
    border-radius: 12px;
    background: #7b63ff;
    color: white;
    font-weight: 600;
    text-decoration: none;
}

    .panoptiq-not-found-button:hover {
        color: white;
        background: #8d77ff;
    }
:root {
    --pan-bg: #0a0e15;
    --pan-bg-2: #0f141e;
    --pan-surface: #141b27;
    --pan-surface-2: #192131;
    --pan-line: rgba(255, 255, 255, 0.08);
    --pan-text: #f5f7fb;
    --pan-muted: #96a1b2;
    --pan-violet: #7b63ff;
    --pan-violet-light: #9a87ff;
    --pan-mint: #53d6c1;
    --pan-cyan: #64b8ff;
}

html,
body {
    margin: 0;
    min-height: 100%;
    background: var(--pan-bg);
    color: var(--pan-text);
}

body {
    min-height: 100vh;
}

.panoptiq-root {
    min-height: 100vh;
    background: radial-gradient( circle at 85% 5%, rgba(123, 99, 255, 0.07), transparent 28% ), var(--pan-bg);
}