/* ============================================================= BACKGROUND — clean, flat, warm-white (Allgood-inspired). The old lavender glassmorphic scene (drifting colored blooms + frosted panels) was replaced: it read as dull/muddy. The page now sits on flat white; colour and rhythm come from solid section blocks and the lime accent, not from a busy backdrop. #bgScene is kept (it's in every page's ) but reduced to a flat warm-white wash with one barely-there neutral vignette so the page never looks clinically empty. The .bg-bloom elements stay in the markup but are neutralised here. ============================================================= */ #bgScene { position: fixed; inset: 0; z-index: -6; overflow: hidden; pointer-events: none; background: radial-gradient(120% 80% at 50% -10%, #FAFAF6 0%, rgba(250,250,246,0) 55%), var(--bg); } /* Colour blooms retired — kept as no-op so the markup on 40 pages needn't change. A single, almost-invisible warm neutral remains on the first bloom for the faintest depth; the rest are hidden. */ .bg-bloom { display: none; } .bg-bloom--1 { display: block; position: absolute; top: -20%; left: 50%; width: 90vw; height: 60vh; transform: translateX(-50%); border-radius: 50%; filter: blur(120px); opacity: 0.5; background: radial-gradient(circle, rgba(13,13,13,0.025), transparent 70%); } @media (prefers-reduced-motion: reduce) { .bg-bloom { animation: none; } } /* ============================================================= .glass-card — retained as a plain solid card for safety (it is not referenced in any page markup any more). No blur. ============================================================= */ .glass-card { position: relative; background: var(--surface-solid); border: 1px solid var(--border); border-radius: 28px; padding: clamp(36px, 5vw, 56px) clamp(28px, 5vw, 52px); box-shadow: var(--shadow-lg); color: var(--text); max-width: 760px; } .glass-card .hero-sub { color: var(--text-2); } .glass-divider { width: 56px; height: 3px; border-radius: 2px; margin: 20px 0 28px; background: var(--accent); } @media (max-width: 640px) { .glass-card { padding: 32px 24px; border-radius: 22px; } }