/* Background canvas container for the PQC session tickets whitepaper. */

.pt-bg-container {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 18% 0%, rgba(125, 211, 252, 0.10), transparent 55%),
        radial-gradient(ellipse at 85% 100%, rgba(167, 139, 250, 0.09), transparent 55%),
        var(--pt-bg, #080b12);
}

.pt-bg-canvas {
    display: block;
    width: 100%;
    height: 100%;
}

/* Motion toggle — a control rather than a prefers-reduced-motion gate; see the
   Handshake Mirror background CSS for the reasoning. */
.pt-motion-toggle {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 5;
    padding: 0.4rem 0.75rem;
    font-size: 0.75rem;
    font-family: inherit;
    letter-spacing: 0.04em;
    color: var(--pt-text-dim, #94a3b8);
    background: rgba(16, 21, 32, 0.92);
    border: 1px solid var(--pt-border, #1f2937);
    border-radius: 999px;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.pt-motion-toggle:hover,
.pt-motion-toggle:focus-visible {
    color: var(--pt-primary, #7dd3fc);
    border-color: var(--pt-primary-dark, #0284c7);
    outline: none;
}