/* Shared page background used by every page shell. */
:root {
    --page-bg: radial-gradient(circle at 0% 0%, rgba(0, 17, 249, 0.055), transparent 46%),
        radial-gradient(circle at 88% 12%, rgba(216, 254, 0, 0.09), transparent 40%),
        linear-gradient(180deg, #f7faff 0%, #fbfcff 48%, #ffffff 100%);
    --page-panel-bg: rgba(231, 243, 255, 0.5);
    --page-panel-border: rgba(0, 0, 255, 0.453);
    --page-panel-shadow: 0 12px 28px rgba(0, 20, 80, 0.08);
    --page-panel-shadow-soft: 0 10px 24px rgba(11, 31, 58, 0.06);
}

body {
    background: var(--page-bg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
}