/* Thomas Donlon II, Ph.D. - Professional Cyberpunk Theme */ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap'); :root { /* Color Palette */ --bg-primary: #0a0a0a; --bg-secondary: #141414; --bg-tertiary: #202020; --text-primary: #eaf2ff; --text-secondary: #b7c6d8; --text-muted: #7e8ca0; --neon-blue: #45a8ff; --neon-red: #ff3b5c; --neon-purple: #6e5cff; --accent-gradient: linear-gradient(135deg, var(--neon-blue), var(--neon-purple)); /* Surfaces and Effects */ --surface-elevated: rgba(20, 20, 20, 0.92); --surface-subtle: rgba(30, 30, 30, 0.72); --ring-soft: rgba(148, 178, 214, 0.22); --ring-strong: rgba(69, 168, 255, 0.42); --shadow-soft: 0 14px 30px rgba(4, 9, 18, 0.35); --shadow-lift: 0 18px 36px rgba(4, 9, 18, 0.42); /* Typography */ --font-mono: 'JetBrains Mono', monospace; --font-display: 'Outfit', sans-serif; --font-body: 'Outfit', sans-serif; /* Spacing */ --space-xs: 0.5rem; --space-sm: 1rem; --space-md: 1.5rem; --space-lg: 2rem; --space-xl: 3rem; --space-xxl: 4rem; /* Layout */ --container-width: 1200px; --edge-field-width: clamp(104px, 14vw, 220px); --edge-content-gap: clamp(12px, 2vw, 32px); --edge-safe-space: calc(var(--edge-field-width) + var(--edge-content-gap)); --border-radius: 8px; --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } * { margin: 0; padding: 0; box-sizing: border-box; } body { width: 100vw; font-family: var(--font-body); background: var(--bg-primary); color: var(--text-primary); line-height: 1.6; overflow-x: hidden; position: relative; --edge-red: rgba(255, 59, 92, 0.74); --edge-white: rgba(234, 242, 255, 0.72); --edge-blue: rgba(69, 168, 255, 0.72); --edge-red-soft: rgba(255, 59, 92, 0.45); --edge-white-soft: rgba(234, 242, 255, 0.42); --edge-blue-soft: rgba(69, 168, 255, 0.45); --edge-rose: rgba(255, 111, 143, 0.46); --edge-lavender: rgba(216, 217, 255, 0.42); --edge-ice: rgba(162, 219, 255, 0.44); --edge-dot-highlight: rgba(255, 255, 255, 0.55); --edge-dot-shadow: rgba(3, 8, 18, 0.34); --edge-wave-primary: radial-gradient(circle at 11% 4%, var(--edge-red) 0 1.7px, transparent 2.3px), radial-gradient(circle at 14% 7%, var(--edge-red) 0 1.8px, transparent 2.4px), radial-gradient(circle at 18% 10%, var(--edge-red) 0 1.9px, transparent 2.5px), radial-gradient(circle at 23% 13%, var(--edge-red) 0 1.7px, transparent 2.4px), radial-gradient(circle at 28% 16%, var(--edge-white) 0 1.8px, transparent 2.5px), radial-gradient(circle at 31% 19%, var(--edge-white) 0 1.7px, transparent 2.4px), radial-gradient(circle at 30% 23%, var(--edge-white) 0 1.7px, transparent 2.4px), radial-gradient(circle at 26% 27%, var(--edge-red) 0 1.7px, transparent 2.4px), radial-gradient(circle at 20% 30%, var(--edge-red) 0 1.6px, transparent 2.3px), radial-gradient(circle at 13% 33%, var(--edge-red-soft) 0 1.5px, transparent 2.2px), radial-gradient(circle at 7% 37%, var(--edge-red-soft) 0 1.5px, transparent 2.1px), radial-gradient(circle at 10% 40%, var(--edge-red) 0 1.7px, transparent 2.4px), radial-gradient(circle at 14% 43%, var(--edge-red) 0 1.8px, transparent 2.5px), radial-gradient(circle at 20% 46%, var(--edge-white) 0 1.9px, transparent 2.6px), radial-gradient(circle at 26% 49%, var(--edge-white) 0 1.8px, transparent 2.5px), radial-gradient(circle at 31% 52%, var(--edge-blue) 0 1.8px, transparent 2.5px), radial-gradient(circle at 33% 56%, var(--edge-blue) 0 1.9px, transparent 2.6px), radial-gradient(circle at 30% 60%, var(--edge-white) 0 1.8px, transparent 2.5px), radial-gradient(circle at 24% 63%, var(--edge-white) 0 1.8px, transparent 2.5px), radial-gradient(circle at 17% 66%, var(--edge-blue) 0 1.7px, transparent 2.4px), radial-gradient(circle at 10% 69%, var(--edge-blue) 0 1.6px, transparent 2.3px), radial-gradient(circle at 8% 73%, var(--edge-blue-soft) 0 1.5px, transparent 2.2px), radial-gradient(circle at 11% 76%, var(--edge-blue) 0 1.7px, transparent 2.4px), radial-gradient(circle at 16% 79%, var(--edge-blue) 0 1.8px, transparent 2.5px), radial-gradient(circle at 22% 82%, var(--edge-blue) 0 1.9px, transparent 2.6px), radial-gradient(circle at 27% 85%, var(--edge-white) 0 1.8px, transparent 2.5px), radial-gradient(circle at 30% 88%, var(--edge-white) 0 1.7px, transparent 2.4px), radial-gradient(circle at 31% 91%, var(--edge-red) 0 1.7px, transparent 2.4px), radial-gradient(circle at 28% 94%, var(--edge-red) 0 1.8px, transparent 2.5px), radial-gradient(circle at 23% 96%, var(--edge-red) 0 1.7px, transparent 2.4px), radial-gradient(circle at 17% 97%, var(--edge-red-soft) 0 1.5px, transparent 2.2px), radial-gradient(circle at 11% 98%, var(--edge-red-soft) 0 1.4px, transparent 2.1px), radial-gradient(circle at 12.7% 5.9%, var(--edge-red) 0 1.7px, transparent 2.3px), radial-gradient(circle at 15.7% 8.9%, var(--edge-red) 0 1.8px, transparent 2.4px), radial-gradient(circle at 19.7% 11.9%, var(--edge-red) 0 1.9px, transparent 2.5px), radial-gradient(circle at 24.7% 14.9%, var(--edge-red) 0 1.7px, transparent 2.4px), radial-gradient(circle at 29.7% 17.9%, var(--edge-white) 0 1.8px, transparent 2.5px), radial-gradient(circle at 32.7% 20.9%, var(--edge-white) 0 1.7px, transparent 2.4px), radial-gradient(circle at 31.7% 24.9%, var(--edge-white) 0 1.7px, transparent 2.4px), radial-gradient(circle at 27.7% 28.9%, var(--edge-red) 0 1.7px, transparent 2.4px), radial-gradient(circle at 21.7% 31.9%, var(--edge-red) 0 1.6px, transparent 2.3px), radial-gradient(circle at 14.7% 34.9%, var(--edge-red-soft) 0 1.5px, transparent 2.2px), radial-gradient(circle at 8.7% 38.9%, var(--edge-red-soft) 0 1.5px, transparent 2.1px), radial-gradient(circle at 11.7% 41.9%, var(--edge-red) 0 1.7px, transparent 2.4px), radial-gradient(circle at 15.7% 44.9%, var(--edge-red) 0 1.8px, transparent 2.5px), radial-gradient(circle at 21.7% 47.9%, var(--edge-white) 0 1.9px, transparent 2.6px), radial-gradient(circle at 27.7% 50.9%, var(--edge-white) 0 1.8px, transparent 2.5px), radial-gradient(circle at 32.7% 53.9%, var(--edge-blue) 0 1.8px, transparent 2.5px), radial-gradient(circle at 34.7% 57.9%, var(--edge-blue) 0 1.9px, transparent 2.6px), radial-gradient(circle at 31.7% 61.9%, var(--edge-white) 0 1.8px, transparent 2.5px), radial-gradient(circle at 25.7% 64.9%, var(--edge-white) 0 1.8px, transparent 2.5px), radial-gradient(circle at 18.7% 67.9%, var(--edge-blue) 0 1.7px, transparent 2.4px), radial-gradient(circle at 11.7% 70.9%, var(--edge-blue) 0 1.6px, transparent 2.3px), radial-gradient(circle at 9.7% 74.9%, var(--edge-blue-soft) 0 1.5px, transparent 2.2px), radial-gradient(circle at 12.7% 77.9%, var(--edge-blue) 0 1.7px, transparent 2.4px), radial-gradient(circle at 17.7% 80.9%, var(--edge-blue) 0 1.8px, transparent 2.5px), radial-gradient(circle at 23.7% 83.9%, var(--edge-blue) 0 1.9px, transparent 2.6px), radial-gradient(circle at 28.7% 86.9%, var(--edge-white) 0 1.8px, transparent 2.5px), radial-gradient(circle at 31.7% 89.9%, var(--edge-white) 0 1.7px, transparent 2.4px), radial-gradient(circle at 32.7% 92.9%, var(--edge-red) 0 1.7px, transparent 2.4px), radial-gradient(circle at 29.7% 95.9%, var(--edge-red) 0 1.8px, transparent 2.5px), radial-gradient(circle at 24.7% 97.9%, var(--edge-red) 0 1.7px, transparent 2.4px), radial-gradient(circle at 18.7% 98.9%, var(--edge-red-soft) 0 1.5px, transparent 2.2px), radial-gradient(circle at 12.7% 99.9%, var(--edge-red-soft) 0 1.4px, transparent 2.1px); --edge-wave-secondary: radial-gradient(circle at 35% 6%, var(--edge-red-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 38% 10%, var(--edge-red-soft) 0 1.3px, transparent 2px), radial-gradient(circle at 41% 14%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 39% 19%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 34% 24%, var(--edge-red-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 36% 30%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 42% 35%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 40% 41%, var(--edge-blue-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 35% 46%, var(--edge-blue-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 38% 52%, var(--edge-blue-soft) 0 1.3px, transparent 2px), radial-gradient(circle at 43% 57%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 39% 62%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 34% 67%, var(--edge-blue-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 36% 73%, var(--edge-blue-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 41% 79%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 39% 84%, var(--edge-red-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 34% 89%, var(--edge-red-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 37% 94%, var(--edge-red-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 36.3% 8.4%, var(--edge-red-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 39.3% 12.4%, var(--edge-red-soft) 0 1.3px, transparent 2px), radial-gradient(circle at 42.3% 16.4%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 40.3% 21.4%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 35.3% 26.4%, var(--edge-red-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 37.3% 32.4%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 43.3% 37.4%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 41.3% 43.4%, var(--edge-blue-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 36.3% 48.4%, var(--edge-blue-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 39.3% 54.4%, var(--edge-blue-soft) 0 1.3px, transparent 2px), radial-gradient(circle at 44.3% 59.4%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 40.3% 64.4%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 35.3% 69.4%, var(--edge-blue-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 37.3% 75.4%, var(--edge-blue-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 42.3% 81.4%, var(--edge-white-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 40.3% 86.4%, var(--edge-red-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 35.3% 91.4%, var(--edge-red-soft) 0 1.2px, transparent 1.9px), radial-gradient(circle at 38.3% 96.4%, var(--edge-red-soft) 0 1.2px, transparent 1.9px); --edge-spiral-upper: radial-gradient(circle at 6% 9%, var(--edge-red) 0 2.5px, transparent 3.3px), radial-gradient(circle at 10% 7%, var(--edge-red) 0 2.4px, transparent 3.2px), radial-gradient(circle at 16% 7%, var(--edge-white) 0 2.3px, transparent 3.1px), radial-gradient(circle at 23% 9%, var(--edge-white) 0 2.2px, transparent 3px), radial-gradient(circle at 29% 14%, var(--edge-blue) 0 2.1px, transparent 2.9px), radial-gradient(circle at 31% 20%, var(--edge-blue) 0 2px, transparent 2.8px), radial-gradient(circle at 28% 26%, var(--edge-white) 0 2px, transparent 2.8px), radial-gradient(circle at 22% 30%, var(--edge-red) 0 2.1px, transparent 2.9px), radial-gradient(circle at 15% 31%, var(--edge-red) 0 2.2px, transparent 3px), radial-gradient(circle at 9% 28%, var(--edge-white) 0 2px, transparent 2.8px), radial-gradient(circle at 6% 23%, var(--edge-blue) 0 1.9px, transparent 2.7px), radial-gradient(circle at 5% 17%, var(--edge-red) 0 1.9px, transparent 2.7px), radial-gradient(circle at 7% 12%, var(--edge-white) 0 1.8px, transparent 2.6px), radial-gradient(circle at 11% 14%, var(--edge-red) 0 1.9px, transparent 2.7px), radial-gradient(circle at 15% 13%, var(--edge-white) 0 1.8px, transparent 2.6px), radial-gradient(circle at 19% 15%, var(--edge-blue) 0 1.8px, transparent 2.6px), radial-gradient(circle at 21% 19%, var(--edge-white) 0 1.7px, transparent 2.5px), radial-gradient(circle at 20% 23%, var(--edge-red) 0 1.7px, transparent 2.5px), radial-gradient(circle at 16% 25%, var(--edge-blue) 0 1.7px, transparent 2.5px), radial-gradient(circle at 12% 24%, var(--edge-white) 0 1.6px, transparent 2.4px), radial-gradient(circle at 10% 20%, var(--edge-red) 0 1.6px, transparent 2.4px), radial-gradient(circle at 10% 16%, var(--edge-blue) 0 1.6px, transparent 2.4px), radial-gradient(circle at 12% 14%, var(--edge-white-soft) 0 1.5px, transparent 2.3px), radial-gradient(circle at 15% 15%, var(--edge-red-soft) 0 1.4px, transparent 2.2px), radial-gradient(circle at 17% 18%, var(--edge-blue-soft) 0 1.4px, transparent 2.2px), radial-gradient(circle at 16% 21%, var(--edge-white-soft) 0 1.3px, transparent 2.1px), radial-gradient(circle at 13% 21%, var(--edge-red-soft) 0 1.3px, transparent 2.1px), radial-gradient(circle at 12% 18%, var(--edge-blue-soft) 0 1.3px, transparent 2.1px), radial-gradient(circle at 8.1% 10.4%, var(--edge-red) 0 2.5px, transparent 3.3px), radial-gradient(circle at 12.1% 8.4%, var(--edge-red) 0 2.4px, transparent 3.2px), radial-gradient(circle at 18.1% 8.4%, var(--edge-white) 0 2.3px, transparent 3.1px), radial-gradient(circle at 25.1% 10.4%, var(--edge-white) 0 2.2px, transparent 3px), radial-gradient(circle at 31.1% 15.4%, var(--edge-blue) 0 2.1px, transparent 2.9px), radial-gradient(circle at 33.1% 21.4%, var(--edge-blue) 0 2px, transparent 2.8px), radial-gradient(circle at 30.1% 27.4%, var(--edge-white) 0 2px, transparent 2.8px), radial-gradient(circle at 24.1% 31.4%, var(--edge-red) 0 2.1px, transparent 2.9px), radial-gradient(circle at 17.1% 32.4%, var(--edge-red) 0 2.2px, transparent 3px), radial-gradient(circle at 11.1% 29.4%, var(--edge-white) 0 2px, transparent 2.8px), radial-gradient(circle at 8.1% 24.4%, var(--edge-blue) 0 1.9px, transparent 2.7px), radial-gradient(circle at 7.1% 18.4%, var(--edge-red) 0 1.9px, transparent 2.7px), radial-gradient(circle at 9.1% 13.4%, var(--edge-white) 0 1.8px, transparent 2.6px), radial-gradient(circle at 13.1% 15.4%, var(--edge-red) 0 1.9px, transparent 2.7px), radial-gradient(circle at 17.1% 14.4%, var(--edge-white) 0 1.8px, transparent 2.6px), radial-gradient(circle at 21.1% 16.4%, var(--edge-blue) 0 1.8px, transparent 2.6px), radial-gradient(circle at 23.1% 20.4%, var(--edge-white) 0 1.7px, transparent 2.5px), radial-gradient(circle at 22.1% 24.4%, var(--edge-red) 0 1.7px, transparent 2.5px), radial-gradient(circle at 18.1% 26.4%, var(--edge-blue) 0 1.7px, transparent 2.5px), radial-gradient(circle at 14.1% 25.4%, var(--edge-white) 0 1.6px, transparent 2.4px), radial-gradient(circle at 12.1% 21.4%, var(--edge-red) 0 1.6px, transparent 2.4px), radial-gradient(circle at 12.1% 17.4%, var(--edge-blue) 0 1.6px, transparent 2.4px), radial-gradient(circle at 14.1% 15.4%, var(--edge-white-soft) 0 1.5px, transparent 2.3px), radial-gradient(circle at 17.1% 16.4%, var(--edge-red-soft) 0 1.4px, transparent 2.2px), radial-gradient(circle at 19.1% 19.4%, var(--edge-blue-soft) 0 1.4px, transparent 2.2px), radial-gradient(circle at 18.1% 22.4%, var(--edge-white-soft) 0 1.3px, transparent 2.1px), radial-gradient(circle at 15.1% 22.4%, var(--edge-red-soft) 0 1.3px, transparent 2.1px), radial-gradient(circle at 14.1% 19.4%, var(--edge-blue-soft) 0 1.3px, transparent 2.1px); --edge-spiral-lower: radial-gradient(circle at 6% 66%, var(--edge-blue) 0 2.5px, transparent 3.3px), radial-gradient(circle at 10% 64%, var(--edge-blue) 0 2.4px, transparent 3.2px), radial-gradient(circle at 16% 64%, var(--edge-white) 0 2.3px, transparent 3.1px), radial-gradient(circle at 23% 66%, var(--edge-white) 0 2.2px, transparent 3px), radial-gradient(circle at 29% 71%, var(--edge-red) 0 2.1px, transparent 2.9px), radial-gradient(circle at 31% 77%, var(--edge-red) 0 2px, transparent 2.8px), radial-gradient(circle at 28% 83%, var(--edge-white) 0 2px, transparent 2.8px), radial-gradient(circle at 22% 87%, var(--edge-blue) 0 2.1px, transparent 2.9px), radial-gradient(circle at 15% 88%, var(--edge-blue) 0 2.2px, transparent 3px), radial-gradient(circle at 9% 85%, var(--edge-white) 0 2px, transparent 2.8px), radial-gradient(circle at 6% 80%, var(--edge-red) 0 1.9px, transparent 2.7px), radial-gradient(circle at 5% 74%, var(--edge-blue) 0 1.9px, transparent 2.7px), radial-gradient(circle at 7% 69%, var(--edge-white) 0 1.8px, transparent 2.6px), radial-gradient(circle at 11% 71%, var(--edge-blue) 0 1.9px, transparent 2.7px), radial-gradient(circle at 15% 70%, var(--edge-white) 0 1.8px, transparent 2.6px), radial-gradient(circle at 19% 72%, var(--edge-red) 0 1.8px, transparent 2.6px), radial-gradient(circle at 21% 76%, var(--edge-white) 0 1.7px, transparent 2.5px), radial-gradient(circle at 20% 80%, var(--edge-blue) 0 1.7px, transparent 2.5px), radial-gradient(circle at 16% 82%, var(--edge-red) 0 1.7px, transparent 2.5px), radial-gradient(circle at 12% 81%, var(--edge-white) 0 1.6px, transparent 2.4px), radial-gradient(circle at 10% 77%, var(--edge-blue) 0 1.6px, transparent 2.4px), radial-gradient(circle at 10% 73%, var(--edge-red) 0 1.6px, transparent 2.4px), radial-gradient(circle at 12% 71%, var(--edge-white-soft) 0 1.5px, transparent 2.3px), radial-gradient(circle at 15% 72%, var(--edge-blue-soft) 0 1.4px, transparent 2.2px), radial-gradient(circle at 17% 75%, var(--edge-red-soft) 0 1.4px, transparent 2.2px), radial-gradient(circle at 16% 78%, var(--edge-white-soft) 0 1.3px, transparent 2.1px), radial-gradient(circle at 13% 78%, var(--edge-blue-soft) 0 1.3px, transparent 2.1px), radial-gradient(circle at 12% 75%, var(--edge-red-soft) 0 1.3px, transparent 2.1px), radial-gradient(circle at 8.1% 67.8%, var(--edge-blue) 0 2.5px, transparent 3.3px), radial-gradient(circle at 12.1% 65.8%, var(--edge-blue) 0 2.4px, transparent 3.2px), radial-gradient(circle at 18.1% 65.8%, var(--edge-white) 0 2.3px, transparent 3.1px), radial-gradient(circle at 25.1% 67.8%, var(--edge-white) 0 2.2px, transparent 3px), radial-gradient(circle at 31.1% 72.8%, var(--edge-red) 0 2.1px, transparent 2.9px), radial-gradient(circle at 33.1% 78.8%, var(--edge-red) 0 2px, transparent 2.8px), radial-gradient(circle at 30.1% 84.8%, var(--edge-white) 0 2px, transparent 2.8px), radial-gradient(circle at 24.1% 88.8%, var(--edge-blue) 0 2.1px, transparent 2.9px), radial-gradient(circle at 17.1% 89.8%, var(--edge-blue) 0 2.2px, transparent 3px), radial-gradient(circle at 11.1% 86.8%, var(--edge-white) 0 2px, transparent 2.8px), radial-gradient(circle at 8.1% 81.8%, var(--edge-red) 0 1.9px, transparent 2.7px), radial-gradient(circle at 7.1% 75.8%, var(--edge-blue) 0 1.9px, transparent 2.7px), radial-gradient(circle at 9.1% 70.8%, var(--edge-white) 0 1.8px, transparent 2.6px), radial-gradient(circle at 13.1% 72.8%, var(--edge-blue) 0 1.9px, transparent 2.7px), radial-gradient(circle at 17.1% 71.8%, var(--edge-white) 0 1.8px, transparent 2.6px), radial-gradient(circle at 21.1% 73.8%, var(--edge-red) 0 1.8px, transparent 2.6px), radial-gradient(circle at 23.1% 77.8%, var(--edge-white) 0 1.7px, transparent 2.5px), radial-gradient(circle at 22.1% 81.8%, var(--edge-blue) 0 1.7px, transparent 2.5px), radial-gradient(circle at 18.1% 83.8%, var(--edge-red) 0 1.7px, transparent 2.5px), radial-gradient(circle at 14.1% 82.8%, var(--edge-white) 0 1.6px, transparent 2.4px), radial-gradient(circle at 12.1% 78.8%, var(--edge-blue) 0 1.6px, transparent 2.4px), radial-gradient(circle at 12.1% 74.8%, var(--edge-red) 0 1.6px, transparent 2.4px), radial-gradient(circle at 14.1% 72.8%, var(--edge-white-soft) 0 1.5px, transparent 2.3px), radial-gradient(circle at 17.1% 73.8%, var(--edge-blue-soft) 0 1.4px, transparent 2.2px), radial-gradient(circle at 19.1% 76.8%, var(--edge-red-soft) 0 1.4px, transparent 2.2px), radial-gradient(circle at 18.1% 79.8%, var(--edge-white-soft) 0 1.3px, transparent 2.1px), radial-gradient(circle at 15.1% 79.8%, var(--edge-blue-soft) 0 1.3px, transparent 2.1px), radial-gradient(circle at 14.1% 76.8%, var(--edge-red-soft) 0 1.3px, transparent 2.1px); --edge-noise: radial-gradient(circle at 4% 8%, var(--edge-red-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 6% 12%, var(--edge-white-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 3% 17%, var(--edge-red-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 5% 25%, var(--edge-white-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 2% 29%, var(--edge-red-soft) 0 0.85px, transparent 1.5px), radial-gradient(circle at 4% 44%, var(--edge-white-soft) 0 0.85px, transparent 1.4px), radial-gradient(circle at 5% 57%, var(--edge-blue-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 3% 61%, var(--edge-blue-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 6% 74%, var(--edge-blue-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 4% 82%, var(--edge-white-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 8% 92%, var(--edge-red-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 46% 7%, var(--edge-red-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 45% 22%, var(--edge-white-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 48% 39%, var(--edge-white-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 47% 55%, var(--edge-blue-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 45% 71%, var(--edge-blue-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 49% 87%, var(--edge-red-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 46% 96%, var(--edge-red-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 5.1% 10.7%, var(--edge-red-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 7.1% 14.7%, var(--edge-white-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 4.1% 19.7%, var(--edge-red-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 6.1% 27.7%, var(--edge-white-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 3.1% 31.7%, var(--edge-red-soft) 0 0.85px, transparent 1.5px), radial-gradient(circle at 5.1% 46.7%, var(--edge-white-soft) 0 0.85px, transparent 1.4px), radial-gradient(circle at 6.1% 59.7%, var(--edge-blue-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 4.1% 63.7%, var(--edge-blue-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 7.1% 76.7%, var(--edge-blue-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 5.1% 84.7%, var(--edge-white-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 9.1% 94.7%, var(--edge-red-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 47.1% 9.7%, var(--edge-red-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 46.1% 24.7%, var(--edge-white-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 49.1% 41.7%, var(--edge-white-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 48.1% 57.7%, var(--edge-blue-soft) 0 0.9px, transparent 1.5px), radial-gradient(circle at 46.1% 73.7%, var(--edge-blue-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 1.1% 89.7%, var(--edge-red-soft) 0 0.95px, transparent 1.6px), radial-gradient(circle at 47.1% 98.7%, var(--edge-red-soft) 0 0.9px, transparent 1.5px); --edge-microdots: radial-gradient(circle at 1% 1%, rgba(255, 58, 99, 0.22) 0 0.44px, transparent 1.04px), radial-gradient(circle at 19% 24%, rgba(255, 245, 255, 0.24) 0 0.49px, transparent 1.09px), radial-gradient(circle at 37% 47%, rgba(80, 177, 255, 0.27) 0 0.54px, transparent 1.14px), radial-gradient(circle at 6% 70%, rgba(219, 219, 255, 0.29) 0 0.59px, transparent 1.19px), radial-gradient(circle at 23% 93%, rgba(255, 120, 146, 0.31) 0 0.65px, transparent 1.25px), radial-gradient(circle at 40% 17%, rgba(246, 183, 223, 0.33) 0 0.7px, transparent 1.3px), radial-gradient(circle at 10% 47%, rgba(107, 169, 255, 0.36) 0 0.75px, transparent 1.35px), radial-gradient(circle at 27% 70%, rgba(207, 237, 255, 0.38) 0 0.8px, transparent 1.4px), radial-gradient(circle at 44% 93%, rgba(240, 110, 158, 0.4) 0 0.44px, transparent 1.04px), radial-gradient(circle at 13% 17%, rgba(255, 175, 203, 0.22) 0 0.49px, transparent 1.09px), radial-gradient(circle at 31% 40%, rgba(141, 208, 255, 0.24) 0 0.54px, transparent 1.14px), radial-gradient(circle at 49% 63%, rgba(146, 206, 255, 0.27) 0 0.59px, transparent 1.19px), radial-gradient(circle at 18% 93%, rgba(255, 102, 138, 0.29) 0 0.65px, transparent 1.25px), radial-gradient(circle at 35% 17%, rgba(255, 193, 211, 0.31) 0 0.7px, transparent 1.3px), radial-gradient(circle at 5% 40%, rgba(126, 198, 255, 0.33) 0 0.75px, transparent 1.35px), radial-gradient(circle at 22% 63%, rgba(173, 198, 255, 0.36) 0 0.8px, transparent 1.4px), radial-gradient(circle at 39% 86%, rgba(249, 171, 191, 0.38) 0 0.44px, transparent 1.04px), radial-gradient(circle at 9% 10%, rgba(246, 132, 177, 0.4) 0 0.49px, transparent 1.09px), radial-gradient(circle at 25% 40%, rgba(153, 190, 255, 0.22) 0 0.54px, transparent 1.14px), radial-gradient(circle at 43% 63%, rgba(161, 216, 255, 0.24) 0 0.59px, transparent 1.19px), radial-gradient(circle at 14% 86%, rgba(234, 161, 203, 0.27) 0 0.65px, transparent 1.25px), radial-gradient(circle at 30% 10%, rgba(255, 124, 157, 0.29) 0 0.7px, transparent 1.3px), radial-gradient(circle at 47% 33%, rgba(187, 228, 255, 0.31) 0 0.75px, transparent 1.35px), radial-gradient(circle at 17% 56%, rgba(100, 186, 255, 0.33) 0 0.8px, transparent 1.4px), radial-gradient(circle at 34% 86%, rgba(255, 153, 183, 0.36) 0 0.44px, transparent 1.04px), radial-gradient(circle at 4% 10%, rgba(255, 142, 165, 0.38) 0 0.49px, transparent 1.09px), radial-gradient(circle at 21% 33%, rgba(172, 218, 255, 0.4) 0 0.54px, transparent 1.14px), radial-gradient(circle at 37% 56%, rgba(127, 178, 255, 0.22) 0 0.59px, transparent 1.19px), radial-gradient(circle at 8% 79%, rgba(243, 223, 237, 0.24) 0 0.65px, transparent 1.25px), radial-gradient(circle at 26% 3%, rgba(246, 81, 132, 0.27) 0 0.7px, transparent 1.3px), radial-gradient(circle at 42% 33%, rgba(199, 210, 255, 0.29) 0 0.75px, transparent 1.35px), radial-gradient(circle at 12% 56%, rgba(115, 196, 255, 0.31) 0 0.8px, transparent 1.4px), radial-gradient(circle at 29% 79%, rgba(228, 213, 249, 0.33) 0 0.44px, transparent 1.04px), radial-gradient(circle at 46% 3%, rgba(255, 73, 112, 0.36) 0 0.49px, transparent 1.09px), radial-gradient(circle at 16% 26%, rgba(233, 249, 255, 0.38) 0 0.54px, transparent 1.14px), radial-gradient(circle at 33% 49%, rgba(67, 171, 255, 0.4) 0 0.59px, transparent 1.19px), radial-gradient(circle at 2% 79%, rgba(255, 205, 229, 0.22) 0 0.65px, transparent 1.25px), radial-gradient(circle at 20% 3%, rgba(255, 91, 120, 0.24) 0 0.7px, transparent 1.3px), radial-gradient(circle at 38% 26%, rgba(218, 239, 255, 0.27) 0 0.75px, transparent 1.35px), radial-gradient(circle at 7% 49%, rgba(94, 163, 255, 0.29) 0 0.8px, transparent 1.4px), radial-gradient(circle at 24% 72%, rgba(220, 243, 255, 0.31) 0 0.44px, transparent 1.04px), radial-gradient(circle at 41% 95%, rgba(242, 96, 145, 0.33) 0 0.49px, transparent 1.09px), radial-gradient(circle at 11% 26%, rgba(245, 231, 255, 0.36) 0 0.54px, transparent 1.14px), radial-gradient(circle at 28% 49%, rgba(82, 181, 255, 0.38) 0 0.59px, transparent 1.19px), radial-gradient(circle at 45% 72%, rgba(205, 233, 255, 0.4) 0 0.65px, transparent 1.25px), radial-gradient(circle at 14% 95%, rgba(255, 88, 125, 0.22) 0 0.7px, transparent 1.3px), radial-gradient(circle at 32% 19%, rgba(255, 208, 224, 0.24) 0 0.75px, transparent 1.35px), radial-gradient(circle at 3% 42%, rgba(113, 192, 255, 0.27) 0 0.8px, transparent 1.4px), radial-gradient(circle at 19% 72%, rgba(232, 225, 255, 0.29) 0 0.44px, transparent 1.04px), radial-gradient(circle at 36% 95%, rgba(255, 106, 133, 0.31) 0 0.49px, transparent 1.09px), radial-gradient(circle at 6% 19%, rgba(246, 198, 236, 0.33) 0 0.54px, transparent 1.14px), radial-gradient(circle at 23% 42%, rgba(140, 184, 255, 0.36) 0 0.59px, transparent 1.19px), radial-gradient(circle at 40% 65%, rgba(174, 222, 255, 0.38) 0 0.65px, transparent 1.25px), radial-gradient(circle at 10% 88%, rgba(236, 147, 190, 0.4) 0 0.7px, transparent 1.3px), radial-gradient(circle at 26% 19%, rgba(255, 190, 216, 0.22) 0 0.75px, transparent 1.35px), radial-gradient(circle at 44% 42%, rgba(128, 202, 255, 0.24) 0 0.8px, transparent 1.4px), radial-gradient(circle at 15% 65%, rgba(159, 212, 255, 0.27) 0 0.44px, transparent 1.04px), radial-gradient(circle at 31% 88%, rgba(255, 139, 170, 0.29) 0 0.49px, transparent 1.09px), radial-gradient(circle at 48% 12%, rgba(255, 157, 178, 0.31) 0 0.54px, transparent 1.14px), radial-gradient(circle at 18% 35%, rgba(159, 212, 255, 0.33) 0 0.59px, transparent 1.19px), radial-gradient(circle at 35% 65%, rgba(186, 204, 255, 0.36) 0 0.65px, transparent 1.25px), radial-gradient(circle at 5% 88%, rgba(251, 157, 178, 0.38) 0 0.7px, transparent 1.3px), radial-gradient(circle at 22% 12%, rgba(246, 147, 190, 0.4) 0 0.75px, transparent 1.35px), radial-gradient(circle at 38% 35%, rgba(186, 204, 255, 0.22) 0 0.8px, transparent 1.4px), radial-gradient(circle at 9% 58%, rgba(128, 202, 255, 0.24) 0 0.44px, transparent 1.04px), radial-gradient(circle at 27% 81%, rgba(230, 198, 236, 0.27) 0 0.49px, transparent 1.09px), radial-gradient(circle at 43% 12%, rgba(255, 139, 170, 0.29) 0 0.54px, transparent 1.14px), radial-gradient(circle at 13% 35%, rgba(174, 222, 255, 0.31) 0 0.59px, transparent 1.19px), radial-gradient(circle at 30% 58%, rgba(113, 192, 255, 0.33) 0 0.65px, transparent 1.25px), radial-gradient(circle at 47% 81%, rgba(255, 190, 216, 0.36) 0 0.7px, transparent 1.3px), radial-gradient(circle at 17% 5%, rgba(255, 106, 133, 0.38) 0 0.75px, transparent 1.35px), radial-gradient(circle at 34% 28%, rgba(205, 233, 255, 0.4) 0 0.8px, transparent 1.4px), radial-gradient(circle at 3% 58%, rgba(140, 184, 255, 0.22) 0 0.44px, transparent 1.04px), radial-gradient(circle at 21% 81%, rgba(245, 208, 224, 0.24) 0 0.49px, transparent 1.09px), radial-gradient(circle at 39% 5%, rgba(246, 96, 145, 0.27) 0 0.54px, transparent 1.14px), radial-gradient(circle at 8% 28%, rgba(232, 225, 255, 0.29) 0 0.59px, transparent 1.19px), radial-gradient(circle at 25% 51%, rgba(82, 181, 255, 0.31) 0 0.65px, transparent 1.25px), radial-gradient(circle at 42% 74%, rgba(218, 239, 255, 0.33) 0 0.7px, transparent 1.3px), radial-gradient(circle at 12% 5%, rgba(255, 88, 125, 0.36) 0 0.75px, transparent 1.35px), radial-gradient(circle at 29% 28%, rgba(220, 243, 255, 0.38) 0 0.8px, transparent 1.4px), radial-gradient(circle at 46% 51%, rgba(67, 171, 255, 0.4) 0 0.44px, transparent 1.04px), radial-gradient(circle at 15% 74%, rgba(245, 231, 255, 0.22) 0 0.49px, transparent 1.09px), radial-gradient(circle at 33% 97%, rgba(255, 91, 120, 0.24) 0 0.54px, transparent 1.14px), radial-gradient(circle at 4% 21%, rgba(246, 213, 249, 0.27) 0 0.59px, transparent 1.19px), radial-gradient(circle at 20% 51%, rgba(94, 163, 255, 0.29) 0 0.65px, transparent 1.25px), radial-gradient(circle at 37% 74%, rgba(233, 249, 255, 0.31) 0 0.7px, transparent 1.3px), radial-gradient(circle at 7% 97%, rgba(243, 81, 132, 0.33) 0 0.75px, transparent 1.35px), radial-gradient(circle at 24% 21%, rgba(255, 205, 229, 0.36) 0 0.8px, transparent 1.4px), radial-gradient(circle at 41% 44%, rgba(115, 196, 255, 0.38) 0 0.44px, transparent 1.04px), radial-gradient(circle at 11% 67%, rgba(172, 218, 255, 0.4) 0 0.49px, transparent 1.09px), radial-gradient(circle at 27% 97%, rgba(255, 73, 112, 0.22) 0 0.54px, transparent 1.14px), radial-gradient(circle at 45% 21%, rgba(255, 223, 237, 0.24) 0 0.59px, transparent 1.19px), radial-gradient(circle at 16% 44%, rgba(100, 186, 255, 0.27) 0 0.65px, transparent 1.25px), radial-gradient(circle at 32% 67%, rgba(199, 210, 255, 0.29) 0 0.7px, transparent 1.3px), radial-gradient(circle at 2% 90%, rgba(253, 142, 165, 0.31) 0 0.75px, transparent 1.35px), radial-gradient(circle at 19% 14%, rgba(246, 161, 203, 0.33) 0 0.8px, transparent 1.4px), radial-gradient(circle at 36% 44%, rgba(127, 178, 255, 0.36) 0 0.44px, transparent 1.04px), radial-gradient(circle at 6% 67%, rgba(187, 228, 255, 0.38) 0 0.49px, transparent 1.09px), radial-gradient(circle at 23% 90%, rgba(238, 132, 177, 0.4) 0 0.54px, transparent 1.14px), radial-gradient(circle at 39% 14%, rgba(255, 153, 183, 0.22) 0 0.59px, transparent 1.19px), radial-gradient(circle at 10% 37%, rgba(161, 216, 255, 0.24) 0 0.65px, transparent 1.25px), radial-gradient(circle at 28% 60%, rgba(126, 198, 255, 0.27) 0 0.7px, transparent 1.3px), radial-gradient(circle at 44% 90%, rgba(255, 124, 157, 0.29) 0 0.75px, transparent 1.35px), radial-gradient(circle at 14% 14%, rgba(255, 171, 191, 0.31) 0 0.8px, transparent 1.4px), radial-gradient(circle at 31% 37%, rgba(146, 206, 255, 0.33) 0 0.44px, transparent 1.04px), radial-gradient(circle at 48% 60%, rgba(153, 190, 255, 0.36) 0 0.49px, transparent 1.09px), radial-gradient(circle at 18% 83%, rgba(247, 193, 211, 0.38) 0 0.54px, transparent 1.14px), radial-gradient(circle at 35% 7%, rgba(246, 110, 158, 0.4) 0 0.59px, transparent 1.19px), radial-gradient(circle at 4% 37%, rgba(173, 198, 255, 0.22) 0 0.65px, transparent 1.25px), radial-gradient(circle at 22% 60%, rgba(141, 208, 255, 0.24) 0 0.7px, transparent 1.3px), radial-gradient(circle at 40% 83%, rgba(232, 183, 223, 0.27) 0 0.75px, transparent 1.35px), radial-gradient(circle at 9% 7%, rgba(255, 102, 138, 0.29) 0 0.8px, transparent 1.4px), radial-gradient(circle at 26% 30%, rgba(207, 237, 255, 0.31) 0 0.44px, transparent 1.04px), radial-gradient(circle at 43% 53%, rgba(80, 177, 255, 0.33) 0 0.49px, transparent 1.09px), radial-gradient(circle at 13% 83%, rgba(255, 175, 203, 0.36) 0 0.54px, transparent 1.14px), radial-gradient(circle at 30% 7%, rgba(255, 120, 146, 0.38) 0 0.59px, transparent 1.19px), radial-gradient(circle at 47% 30%, rgba(192, 227, 255, 0.4) 0 0.65px, transparent 1.25px), radial-gradient(circle at 16% 53%, rgba(107, 169, 255, 0.22) 0 0.7px, transparent 1.3px), radial-gradient(circle at 34% 76%, rgba(241, 245, 255, 0.24) 0 0.75px, transparent 1.35px), radial-gradient(circle at 5% 99%, rgba(245, 66, 119, 0.27) 0 0.8px, transparent 1.4px), radial-gradient(circle at 21% 30%, rgba(219, 219, 255, 0.29) 0 0.44px, transparent 1.04px), radial-gradient(circle at 38% 53%, rgba(95, 187, 255, 0.31) 0 0.49px, transparent 1.09px), radial-gradient(circle at 8% 76%, rgba(226, 235, 255, 0.33) 0 0.54px, transparent 1.14px), radial-gradient(circle at 25% 99%, rgba(255, 58, 99, 0.36) 0 0.59px, transparent 1.19px), radial-gradient(circle at 42% 23%, rgba(255, 237, 250, 0.38) 0 0.65px, transparent 1.25px), radial-gradient(circle at 12% 46%, rgba(86, 180, 255, 0.4) 0 0.7px, transparent 1.3px), radial-gradient(circle at 28% 76%, rgba(253, 227, 248, 0.22) 0 0.75px, transparent 1.35px), radial-gradient(circle at 46% 99%, rgba(255, 76, 107, 0.24) 0 0.8px, transparent 1.4px), radial-gradient(circle at 17% 23%, rgba(246, 227, 255, 0.27) 0 0.44px, transparent 1.04px), radial-gradient(circle at 33% 46%, rgba(113, 172, 255, 0.29) 0 0.49px, transparent 1.09px), radial-gradient(circle at 3% 69%, rgba(200, 234, 255, 0.31) 0 0.54px, transparent 1.14px), radial-gradient(circle at 20% 92%, rgba(239, 118, 164, 0.33) 0 0.59px, transparent 1.19px), radial-gradient(circle at 37% 23%, rgba(255, 219, 242, 0.36) 0 0.65px, transparent 1.25px), radial-gradient(circle at 7% 46%, rgba(101, 190, 255, 0.38) 0 0.7px, transparent 1.3px), radial-gradient(circle at 24% 69%, rgba(185, 224, 255, 0.4) 0 0.75px, transparent 1.35px), radial-gradient(circle at 40% 92%, rgba(255, 110, 144, 0.22) 0 0.8px, transparent 1.4px), radial-gradient(circle at 11% 16%, rgba(255, 186, 204, 0.24) 0 0.44px, transparent 1.04px), radial-gradient(circle at 29% 39%, rgba(133, 201, 255, 0.27) 0 0.49px, transparent 1.09px), radial-gradient(circle at 45% 69%, rgba(212, 216, 255, 0.29) 0 0.54px, transparent 1.14px), radial-gradient(circle at 15% 92%, rgba(254, 128, 152, 0.31) 0 0.59px, transparent 1.19px), radial-gradient(circle at 32% 16%, rgba(246, 176, 216, 0.33) 0 0.65px, transparent 1.25px), radial-gradient(circle at 2% 39%, rgba(160, 193, 255, 0.36) 0 0.7px, transparent 1.3px), radial-gradient(circle at 19% 62%, rgba(154, 214, 255, 0.38) 0 0.75px, transparent 1.35px), radial-gradient(circle at 36% 85%, rgba(233, 169, 210, 0.4) 0 0.8px, transparent 1.4px), radial-gradient(circle at 5% 16%, rgba(255, 168, 196, 0.22) 0 0.44px, transparent 1.04px), radial-gradient(circle at 23% 39%, rgba(148, 211, 255, 0.24) 0 0.49px, transparent 1.09px), radial-gradient(circle at 41% 62%, rgba(139, 204, 255, 0.27) 0 0.54px, transparent 1.14px), radial-gradient(circle at 10% 85%, rgba(255, 161, 190, 0.29) 0 0.59px, transparent 1.19px), radial-gradient(circle at 27% 9%, rgba(255, 135, 159, 0.31) 0 0.65px, transparent 1.25px), radial-gradient(circle at 44% 32%, rgba(179, 221, 255, 0.33) 0 0.7px, transparent 1.3px), radial-gradient(circle at 14% 62%, rgba(166, 196, 255, 0.36) 0 0.75px, transparent 1.35px), radial-gradient(circle at 31% 85%, rgba(248, 179, 198, 0.38) 0 0.8px, transparent 1.4px), radial-gradient(circle at 48% 9%, rgba(246, 125, 171, 0.4) 0 0.44px, transparent 1.04px), radial-gradient(circle at 17% 32%, rgba(206, 213, 255, 0.22) 0 0.49px, transparent 1.09px), radial-gradient(circle at 35% 55%, rgba(108, 193, 255, 0.24) 0 0.54px, transparent 1.14px), radial-gradient(circle at 6% 78%, rgba(228, 220, 255, 0.27) 0 0.59px, transparent 1.19px), radial-gradient(circle at 22% 9%, rgba(255, 117, 151, 0.29) 0 0.65px, transparent 1.25px), radial-gradient(circle at 39% 32%, rgba(194, 231, 255, 0.31) 0 0.7px, transparent 1.3px), radial-gradient(circle at 9% 55%, rgba(93, 183, 255, 0.33) 0 0.75px, transparent 1.35px), radial-gradient(circle at 26% 78%, rgba(255, 212, 235, 0.36) 0 0.8px, transparent 1.4px), radial-gradient(circle at 43% 2%, rgba(255, 84, 113, 0.38) 0 0.44px, transparent 1.04px), radial-gradient(circle at 13% 25%, rgba(225, 242, 255, 0.4) 0 0.49px, transparent 1.09px), radial-gradient(circle at 29% 55%, rgba(120, 175, 255, 0.22) 0 0.54px, transparent 1.14px), radial-gradient(circle at 47% 78%, rgba(243, 230, 243, 0.24) 0 0.59px, transparent 1.19px), radial-gradient(circle at 18% 2%, rgba(246, 74, 125, 0.27) 0 0.65px, transparent 1.25px), radial-gradient(circle at 34% 25%, rgba(252, 234, 255, 0.29) 0 0.7px, transparent 1.3px), radial-gradient(circle at 4% 48%, rgba(88, 184, 255, 0.31) 0 0.75px, transparent 1.35px), radial-gradient(circle at 21% 71%, rgba(199, 230, 255, 0.33) 0 0.8px, transparent 1.4px), radial-gradient(circle at 38% 2%, rgba(255, 66, 105, 0.36) 0 0.44px, transparent 1.04px), radial-gradient(circle at 8% 25%, rgba(240, 252, 255, 0.38) 0 0.49px, transparent 1.09px), radial-gradient(circle at 25% 48%, rgba(73, 174, 255, 0.4) 0 0.54px, transparent 1.14px), radial-gradient(circle at 41% 71%, rgba(226, 222, 255, 0.22) 0 0.59px, transparent 1.19px), radial-gradient(circle at 12% 94%, rgba(255, 113, 139, 0.24) 0 0.65px, transparent 1.25px), radial-gradient(circle at 30% 18%, rgba(246, 191, 229, 0.27) 0 0.7px, transparent 1.3px), radial-gradient(circle at 46% 48%, rgba(100, 166, 255, 0.29) 0 0.75px, transparent 1.35px), radial-gradient(circle at 16% 71%, rgba(214, 240, 255, 0.31) 0 0.8px, transparent 1.4px), radial-gradient(circle at 33% 94%, rgba(241, 103, 151, 0.33) 0 0.44px, transparent 1.04px), radial-gradient(circle at 3% 18%, rgba(255, 183, 209, 0.36) 0 0.49px, transparent 1.09px), radial-gradient(circle at 20% 41%, rgba(134, 205, 255, 0.38) 0 0.54px, transparent 1.14px), radial-gradient(circle at 37% 64%, rgba(152, 209, 255, 0.4) 0 0.59px, transparent 1.19px), radial-gradient(circle at 6% 94%, rgba(255, 95, 131, 0.22) 0 0.65px, transparent 1.25px), radial-gradient(circle at 24% 18%, rgba(255, 201, 217, 0.24) 0 0.7px, transparent 1.3px), radial-gradient(circle at 42% 41%, rgba(119, 195, 255, 0.27) 0 0.75px, transparent 1.35px), radial-gradient(circle at 11% 64%, rgba(179, 201, 255, 0.29) 0 0.8px, transparent 1.4px), radial-gradient(circle at 28% 87%, rgba(250, 164, 185, 0.31) 0 0.44px, transparent 1.04px), radial-gradient(circle at 45% 11%, rgba(246, 140, 184, 0.33) 0 0.49px, transparent 1.09px), radial-gradient(circle at 15% 41%, rgba(146, 187, 255, 0.36) 0 0.54px, transparent 1.14px), radial-gradient(circle at 32% 64%, rgba(167, 219, 255, 0.38) 0 0.59px, transparent 1.19px), radial-gradient(circle at 2% 87%, rgba(235, 154, 197, 0.4) 0 0.65px, transparent 1.25px), radial-gradient(circle at 18% 11%, rgba(255, 132, 164, 0.22) 0 0.7px, transparent 1.3px), radial-gradient(circle at 36% 34%, rgba(181, 225, 255, 0.24) 0 0.75px, transparent 1.35px), radial-gradient(circle at 7% 57%, rgba(106, 189, 255, 0.27) 0 0.8px, transparent 1.4px), radial-gradient(circle at 23% 87%, rgba(255, 146, 177, 0.29) 0 0.44px, transparent 1.04px), radial-gradient(circle at 40% 11%, rgba(255, 150, 172, 0.31) 0 0.49px, transparent 1.09px), radial-gradient(circle at 10% 34%, rgba(166, 215, 255, 0.33) 0 0.54px, transparent 1.14px), radial-gradient(circle at 27% 57%, rgba(133, 181, 255, 0.36) 0 0.59px, transparent 1.19px), radial-gradient(circle at 44% 80%, rgba(244, 215, 230, 0.38) 0 0.65px, transparent 1.25px), radial-gradient(circle at 14% 4%, rgba(246, 88, 138, 0.4) 0 0.7px, transparent 1.3px), radial-gradient(circle at 30% 34%, rgba(193, 207, 255, 0.22) 0 0.75px, transparent 1.35px), radial-gradient(circle at 48% 57%, rgba(121, 199, 255, 0.24) 0 0.8px, transparent 1.4px), radial-gradient(circle at 19% 80%, rgba(229, 205, 242, 0.27) 0 0.44px, transparent 1.04px), radial-gradient(circle at 35% 4%, rgba(255, 80, 118, 0.29) 0 0.49px, transparent 1.09px), radial-gradient(circle at 5% 27%, rgba(227, 246, 255, 0.31) 0 0.54px, transparent 1.14px), radial-gradient(circle at 22% 50%, rgba(60, 168, 255, 0.33) 0 0.59px, transparent 1.19px), radial-gradient(circle at 39% 80%, rgba(255, 197, 222, 0.36) 0 0.65px, transparent 1.25px), radial-gradient(circle at 9% 4%, rgba(255, 98, 126, 0.38) 0 0.7px, transparent 1.3px), radial-gradient(circle at 26% 27%, rgba(212, 236, 255, 0.4) 0 0.75px, transparent 1.35px), radial-gradient(circle at 42% 50%, rgba(87, 160, 255, 0.22) 0 0.8px, transparent 1.4px), radial-gradient(circle at 13% 73%, rgba(227, 246, 255, 0.24) 0 0.44px, transparent 1.04px), radial-gradient(circle at 31% 96%, rgba(243, 88, 138, 0.27) 0 0.49px, transparent 1.09px), radial-gradient(circle at 47% 27%, rgba(239, 228, 255, 0.29) 0 0.54px, transparent 1.14px), radial-gradient(circle at 17% 50%, rgba(75, 178, 255, 0.31) 0 0.59px, transparent 1.19px), radial-gradient(circle at 34% 73%, rgba(212, 236, 255, 0.33) 0 0.65px, transparent 1.25px), radial-gradient(circle at 4% 96%, rgba(255, 80, 118, 0.36) 0 0.7px, transparent 1.3px), radial-gradient(circle at 21% 20%, rgba(255, 215, 230, 0.38) 0 0.75px, transparent 1.35px), radial-gradient(circle at 38% 43%, rgba(106, 189, 255, 0.4) 0 0.8px, transparent 1.4px), radial-gradient(circle at 7% 73%, rgba(239, 228, 255, 0.22) 0 0.44px, transparent 1.04px), radial-gradient(circle at 25% 96%, rgba(255, 98, 126, 0.24) 0 0.49px, transparent 1.09px), radial-gradient(circle at 43% 20%, rgba(246, 205, 242, 0.27) 0 0.54px, transparent 1.14px), radial-gradient(circle at 12% 43%, rgba(133, 181, 255, 0.29) 0 0.59px, transparent 1.19px), radial-gradient(circle at 29% 66%, rgba(181, 225, 255, 0.31) 0 0.65px, transparent 1.25px), radial-gradient(circle at 46% 89%, rgba(237, 140, 184, 0.33) 0 0.7px, transparent 1.3px), radial-gradient(circle at 16% 20%, rgba(255, 197, 222, 0.36) 0 0.75px, transparent 1.35px), radial-gradient(circle at 33% 43%, rgba(121, 199, 255, 0.38) 0 0.8px, transparent 1.4px), radial-gradient(circle at 3% 66%, rgba(166, 215, 255, 0.4) 0 0.44px, transparent 1.04px), radial-gradient(circle at 19% 89%, rgba(255, 132, 164, 0.22) 0 0.49px, transparent 1.09px), radial-gradient(circle at 37% 13%, rgba(255, 164, 185, 0.24) 0 0.54px, transparent 1.14px), radial-gradient(circle at 8% 36%, rgba(152, 209, 255, 0.27) 0 0.59px, transparent 1.19px), radial-gradient(circle at 24% 66%, rgba(193, 207, 255, 0.29) 0 0.65px, transparent 1.25px), radial-gradient(circle at 41% 89%, rgba(252, 150, 172, 0.31) 0 0.7px, transparent 1.3px), radial-gradient(circle at 11% 13%, rgba(246, 154, 197, 0.33) 0 0.75px, transparent 1.35px), radial-gradient(circle at 28% 36%, rgba(179, 201, 255, 0.36) 0 0.8px, transparent 1.4px), radial-gradient(circle at 45% 59%, rgba(134, 205, 255, 0.38) 0 0.44px, transparent 1.04px), radial-gradient(circle at 15% 82%, rgba(231, 191, 229, 0.4) 0 0.49px, transparent 1.09px), radial-gradient(circle at 31% 13%, rgba(255, 146, 177, 0.22) 0 0.54px, transparent 1.14px), radial-gradient(circle at 2% 36%, rgba(167, 219, 255, 0.24) 0 0.59px, transparent 1.19px), radial-gradient(circle at 20% 59%, rgba(119, 195, 255, 0.27) 0 0.65px, transparent 1.25px), radial-gradient(circle at 36% 82%, rgba(255, 183, 209, 0.29) 0 0.7px, transparent 1.3px), radial-gradient(circle at 6% 6%, rgba(255, 113, 139, 0.31) 0 0.75px, transparent 1.35px), radial-gradient(circle at 23% 29%, rgba(199, 230, 255, 0.33) 0 0.8px, transparent 1.4px), radial-gradient(circle at 40% 59%, rgba(146, 187, 255, 0.36) 0 0.44px, transparent 1.04px), radial-gradient(circle at 10% 82%, rgba(246, 201, 217, 0.38) 0 0.49px, transparent 1.09px), radial-gradient(circle at 27% 6%, rgba(246, 103, 151, 0.4) 0 0.54px, transparent 1.14px), radial-gradient(circle at 43% 29%, rgba(226, 222, 255, 0.22) 0 0.59px, transparent 1.19px), radial-gradient(circle at 14% 52%, rgba(88, 184, 255, 0.24) 0 0.65px, transparent 1.25px), radial-gradient(circle at 32% 75%, rgba(225, 242, 255, 0.27) 0 0.7px, transparent 1.3px), radial-gradient(circle at 48% 6%, rgba(255, 95, 131, 0.29) 0 0.75px, transparent 1.35px), radial-gradient(circle at 18% 29%, rgba(214, 240, 255, 0.31) 0 0.8px, transparent 1.4px), radial-gradient(circle at 1.8% 2.2%, rgba(255, 58, 99, 0.22) 0 0.44px, transparent 1.04px), radial-gradient(circle at 19.8% 25.2%, rgba(255, 245, 255, 0.24) 0 0.49px, transparent 1.09px), radial-gradient(circle at 37.8% 48.2%, rgba(80, 177, 255, 0.27) 0 0.54px, transparent 1.14px), radial-gradient(circle at 6.8% 71.2%, rgba(219, 219, 255, 0.29) 0 0.59px, transparent 1.19px), radial-gradient(circle at 23.8% 94.2%, rgba(255, 120, 146, 0.31) 0 0.65px, transparent 1.25px), radial-gradient(circle at 40.8% 18.2%, rgba(246, 183, 223, 0.33) 0 0.7px, transparent 1.3px), radial-gradient(circle at 10.8% 48.2%, rgba(107, 169, 255, 0.36) 0 0.75px, transparent 1.35px), radial-gradient(circle at 27.8% 71.2%, rgba(207, 237, 255, 0.38) 0 0.8px, transparent 1.4px), radial-gradient(circle at 44.8% 94.2%, rgba(240, 110, 158, 0.4) 0 0.44px, transparent 1.04px), radial-gradient(circle at 13.8% 18.2%, rgba(255, 175, 203, 0.22) 0 0.49px, transparent 1.09px), radial-gradient(circle at 31.8% 41.2%, rgba(141, 208, 255, 0.24) 0 0.54px, transparent 1.14px), radial-gradient(circle at 49.8% 64.2%, rgba(146, 206, 255, 0.27) 0 0.59px, transparent 1.19px), radial-gradient(circle at 18.8% 94.2%, rgba(255, 102, 138, 0.29) 0 0.65px, transparent 1.25px), radial-gradient(circle at 35.8% 18.2%, rgba(255, 193, 211, 0.31) 0 0.7px, transparent 1.3px), radial-gradient(circle at 5.8% 41.2%, rgba(126, 198, 255, 0.33) 0 0.75px, transparent 1.35px), radial-gradient(circle at 22.8% 64.2%, rgba(173, 198, 255, 0.36) 0 0.8px, transparent 1.4px), radial-gradient(circle at 39.8% 87.2%, rgba(249, 171, 191, 0.38) 0 0.44px, transparent 1.04px), radial-gradient(circle at 9.8% 11.2%, rgba(246, 132, 177, 0.4) 0 0.49px, transparent 1.09px), radial-gradient(circle at 25.8% 41.2%, rgba(153, 190, 255, 0.22) 0 0.54px, transparent 1.14px), radial-gradient(circle at 43.8% 64.2%, rgba(161, 216, 255, 0.24) 0 0.59px, transparent 1.19px), radial-gradient(circle at 14.8% 87.2%, rgba(234, 161, 203, 0.27) 0 0.65px, transparent 1.25px), radial-gradient(circle at 30.8% 11.2%, rgba(255, 124, 157, 0.29) 0 0.7px, transparent 1.3px), radial-gradient(circle at 47.8% 34.2%, rgba(187, 228, 255, 0.31) 0 0.75px, transparent 1.35px), radial-gradient(circle at 17.8% 57.2%, rgba(100, 186, 255, 0.33) 0 0.8px, transparent 1.4px), radial-gradient(circle at 34.8% 87.2%, rgba(255, 153, 183, 0.36) 0 0.44px, transparent 1.04px), radial-gradient(circle at 4.8% 11.2%, rgba(255, 142, 165, 0.38) 0 0.49px, transparent 1.09px), radial-gradient(circle at 21.8% 34.2%, rgba(172, 218, 255, 0.4) 0 0.54px, transparent 1.14px), radial-gradient(circle at 37.8% 57.2%, rgba(127, 178, 255, 0.22) 0 0.59px, transparent 1.19px), radial-gradient(circle at 8.8% 80.2%, rgba(243, 223, 237, 0.24) 0 0.65px, transparent 1.25px), radial-gradient(circle at 26.8% 4.2%, rgba(246, 81, 132, 0.27) 0 0.7px, transparent 1.3px), radial-gradient(circle at 42.8% 34.2%, rgba(199, 210, 255, 0.29) 0 0.75px, transparent 1.35px), radial-gradient(circle at 12.8% 57.2%, rgba(115, 196, 255, 0.31) 0 0.8px, transparent 1.4px), radial-gradient(circle at 29.8% 80.2%, rgba(228, 213, 249, 0.33) 0 0.44px, transparent 1.04px), radial-gradient(circle at 46.8% 4.2%, rgba(255, 73, 112, 0.36) 0 0.49px, transparent 1.09px), radial-gradient(circle at 16.8% 27.2%, rgba(233, 249, 255, 0.38) 0 0.54px, transparent 1.14px), radial-gradient(circle at 33.8% 50.2%, rgba(67, 171, 255, 0.4) 0 0.59px, transparent 1.19px), radial-gradient(circle at 2.8% 80.2%, rgba(255, 205, 229, 0.22) 0 0.65px, transparent 1.25px), radial-gradient(circle at 20.8% 4.2%, rgba(255, 91, 120, 0.24) 0 0.7px, transparent 1.3px), radial-gradient(circle at 38.8% 27.2%, rgba(218, 239, 255, 0.27) 0 0.75px, transparent 1.35px), radial-gradient(circle at 7.8% 50.2%, rgba(94, 163, 255, 0.29) 0 0.8px, transparent 1.4px), radial-gradient(circle at 24.8% 73.2%, rgba(220, 243, 255, 0.31) 0 0.44px, transparent 1.04px), radial-gradient(circle at 41.8% 96.2%, rgba(242, 96, 145, 0.33) 0 0.49px, transparent 1.09px), radial-gradient(circle at 11.8% 27.2%, rgba(245, 231, 255, 0.36) 0 0.54px, transparent 1.14px), radial-gradient(circle at 28.8% 50.2%, rgba(82, 181, 255, 0.38) 0 0.59px, transparent 1.19px), radial-gradient(circle at 45.8% 73.2%, rgba(205, 233, 255, 0.4) 0 0.65px, transparent 1.25px), radial-gradient(circle at 14.8% 96.2%, rgba(255, 88, 125, 0.22) 0 0.7px, transparent 1.3px), radial-gradient(circle at 32.8% 20.2%, rgba(255, 208, 224, 0.24) 0 0.75px, transparent 1.35px), radial-gradient(circle at 3.8% 43.2%, rgba(113, 192, 255, 0.27) 0 0.8px, transparent 1.4px), radial-gradient(circle at 19.8% 73.2%, rgba(232, 225, 255, 0.29) 0 0.44px, transparent 1.04px), radial-gradient(circle at 36.8% 96.2%, rgba(255, 106, 133, 0.31) 0 0.49px, transparent 1.09px), radial-gradient(circle at 6.8% 20.2%, rgba(246, 198, 236, 0.33) 0 0.54px, transparent 1.14px), radial-gradient(circle at 23.8% 43.2%, rgba(140, 184, 255, 0.36) 0 0.59px, transparent 1.19px), radial-gradient(circle at 40.8% 66.2%, rgba(174, 222, 255, 0.38) 0 0.65px, transparent 1.25px), radial-gradient(circle at 10.8% 89.2%, rgba(236, 147, 190, 0.4) 0 0.7px, transparent 1.3px), radial-gradient(circle at 26.8% 20.2%, rgba(255, 190, 216, 0.22) 0 0.75px, transparent 1.35px), radial-gradient(circle at 44.8% 43.2%, rgba(128, 202, 255, 0.24) 0 0.8px, transparent 1.4px), radial-gradient(circle at 15.8% 66.2%, rgba(159, 212, 255, 0.27) 0 0.44px, transparent 1.04px), radial-gradient(circle at 31.8% 89.2%, rgba(255, 139, 170, 0.29) 0 0.49px, transparent 1.09px), radial-gradient(circle at 48.8% 13.2%, rgba(255, 157, 178, 0.31) 0 0.54px, transparent 1.14px), radial-gradient(circle at 18.8% 36.2%, rgba(159, 212, 255, 0.33) 0 0.59px, transparent 1.19px), radial-gradient(circle at 35.8% 66.2%, rgba(186, 204, 255, 0.36) 0 0.65px, transparent 1.25px), radial-gradient(circle at 5.8% 89.2%, rgba(251, 157, 178, 0.38) 0 0.7px, transparent 1.3px), radial-gradient(circle at 22.8% 13.2%, rgba(246, 147, 190, 0.4) 0 0.75px, transparent 1.35px), radial-gradient(circle at 38.8% 36.2%, rgba(186, 204, 255, 0.22) 0 0.8px, transparent 1.4px), radial-gradient(circle at 9.8% 59.2%, rgba(128, 202, 255, 0.24) 0 0.44px, transparent 1.04px), radial-gradient(circle at 27.8% 82.2%, rgba(230, 198, 236, 0.27) 0 0.49px, transparent 1.09px), radial-gradient(circle at 43.8% 13.2%, rgba(255, 139, 170, 0.29) 0 0.54px, transparent 1.14px), radial-gradient(circle at 13.8% 36.2%, rgba(174, 222, 255, 0.31) 0 0.59px, transparent 1.19px), radial-gradient(circle at 30.8% 59.2%, rgba(113, 192, 255, 0.33) 0 0.65px, transparent 1.25px), radial-gradient(circle at 47.8% 82.2%, rgba(255, 190, 216, 0.36) 0 0.7px, transparent 1.3px), radial-gradient(circle at 17.8% 6.2%, rgba(255, 106, 133, 0.38) 0 0.75px, transparent 1.35px), radial-gradient(circle at 34.8% 29.2%, rgba(205, 233, 255, 0.4) 0 0.8px, transparent 1.4px), radial-gradient(circle at 3.8% 59.2%, rgba(140, 184, 255, 0.22) 0 0.44px, transparent 1.04px), radial-gradient(circle at 21.8% 82.2%, rgba(245, 208, 224, 0.24) 0 0.49px, transparent 1.09px), radial-gradient(circle at 39.8% 6.2%, rgba(246, 96, 145, 0.27) 0 0.54px, transparent 1.14px), radial-gradient(circle at 8.8% 29.2%, rgba(232, 225, 255, 0.29) 0 0.59px, transparent 1.19px), radial-gradient(circle at 25.8% 52.2%, rgba(82, 181, 255, 0.31) 0 0.65px, transparent 1.25px), radial-gradient(circle at 42.8% 75.2%, rgba(218, 239, 255, 0.33) 0 0.7px, transparent 1.3px), radial-gradient(circle at 12.8% 6.2%, rgba(255, 88, 125, 0.36) 0 0.75px, transparent 1.35px), radial-gradient(circle at 29.8% 29.2%, rgba(220, 243, 255, 0.38) 0 0.8px, transparent 1.4px), radial-gradient(circle at 46.8% 52.2%, rgba(67, 171, 255, 0.4) 0 0.44px, transparent 1.04px), radial-gradient(circle at 15.8% 75.2%, rgba(245, 231, 255, 0.22) 0 0.49px, transparent 1.09px), radial-gradient(circle at 33.8% 98.2%, rgba(255, 91, 120, 0.24) 0 0.54px, transparent 1.14px), radial-gradient(circle at 4.8% 22.2%, rgba(246, 213, 249, 0.27) 0 0.59px, transparent 1.19px), radial-gradient(circle at 20.8% 52.2%, rgba(94, 163, 255, 0.29) 0 0.65px, transparent 1.25px), radial-gradient(circle at 37.8% 75.2%, rgba(233, 249, 255, 0.31) 0 0.7px, transparent 1.3px), radial-gradient(circle at 7.8% 98.2%, rgba(243, 81, 132, 0.33) 0 0.75px, transparent 1.35px), radial-gradient(circle at 24.8% 22.2%, rgba(255, 205, 229, 0.36) 0 0.8px, transparent 1.4px), radial-gradient(circle at 41.8% 45.2%, rgba(115, 196, 255, 0.38) 0 0.44px, transparent 1.04px), radial-gradient(circle at 11.8% 68.2%, rgba(172, 218, 255, 0.4) 0 0.49px, transparent 1.09px), radial-gradient(circle at 27.8% 98.2%, rgba(255, 73, 112, 0.22) 0 0.54px, transparent 1.14px), radial-gradient(circle at 45.8% 22.2%, rgba(255, 223, 237, 0.24) 0 0.59px, transparent 1.19px), radial-gradient(circle at 16.8% 45.2%, rgba(100, 186, 255, 0.27) 0 0.65px, transparent 1.25px), radial-gradient(circle at 32.8% 68.2%, rgba(199, 210, 255, 0.29) 0 0.7px, transparent 1.3px), radial-gradient(circle at 2.8% 91.2%, rgba(253, 142, 165, 0.31) 0 0.75px, transparent 1.35px), radial-gradient(circle at 19.8% 15.2%, rgba(246, 161, 203, 0.33) 0 0.8px, transparent 1.4px), radial-gradient(circle at 36.8% 45.2%, rgba(127, 178, 255, 0.36) 0 0.44px, transparent 1.04px), radial-gradient(circle at 6.8% 68.2%, rgba(187, 228, 255, 0.38) 0 0.49px, transparent 1.09px), radial-gradient(circle at 23.8% 91.2%, rgba(238, 132, 177, 0.4) 0 0.54px, transparent 1.14px), radial-gradient(circle at 39.8% 15.2%, rgba(255, 153, 183, 0.22) 0 0.59px, transparent 1.19px), radial-gradient(circle at 10.8% 38.2%, rgba(161, 216, 255, 0.24) 0 0.65px, transparent 1.25px), radial-gradient(circle at 28.8% 61.2%, rgba(126, 198, 255, 0.27) 0 0.7px, transparent 1.3px), radial-gradient(circle at 44.8% 91.2%, rgba(255, 124, 157, 0.29) 0 0.75px, transparent 1.35px), radial-gradient(circle at 14.8% 15.2%, rgba(255, 171, 191, 0.31) 0 0.8px, transparent 1.4px), radial-gradient(circle at 31.8% 38.2%, rgba(146, 206, 255, 0.33) 0 0.44px, transparent 1.04px), radial-gradient(circle at 48.8% 61.2%, rgba(153, 190, 255, 0.36) 0 0.49px, transparent 1.09px), radial-gradient(circle at 18.8% 84.2%, rgba(247, 193, 211, 0.38) 0 0.54px, transparent 1.14px), radial-gradient(circle at 35.8% 8.2%, rgba(246, 110, 158, 0.4) 0 0.59px, transparent 1.19px), radial-gradient(circle at 4.8% 38.2%, rgba(173, 198, 255, 0.22) 0 0.65px, transparent 1.25px), radial-gradient(circle at 22.8% 61.2%, rgba(141, 208, 255, 0.24) 0 0.7px, transparent 1.3px), radial-gradient(circle at 40.8% 84.2%, rgba(232, 183, 223, 0.27) 0 0.75px, transparent 1.35px), radial-gradient(circle at 9.8% 8.2%, rgba(255, 102, 138, 0.29) 0 0.8px, transparent 1.4px), radial-gradient(circle at 26.8% 31.2%, rgba(207, 237, 255, 0.31) 0 0.44px, transparent 1.04px), radial-gradient(circle at 43.8% 54.2%, rgba(80, 177, 255, 0.33) 0 0.49px, transparent 1.09px), radial-gradient(circle at 13.8% 84.2%, rgba(255, 175, 203, 0.36) 0 0.54px, transparent 1.14px), radial-gradient(circle at 30.8% 8.2%, rgba(255, 120, 146, 0.38) 0 0.59px, transparent 1.19px), radial-gradient(circle at 47.8% 31.2%, rgba(192, 227, 255, 0.4) 0 0.65px, transparent 1.25px), radial-gradient(circle at 16.8% 54.2%, rgba(107, 169, 255, 0.22) 0 0.7px, transparent 1.3px), radial-gradient(circle at 34.8% 77.2%, rgba(241, 245, 255, 0.24) 0 0.75px, transparent 1.35px), radial-gradient(circle at 5.8% 1.2%, rgba(245, 66, 119, 0.27) 0 0.8px, transparent 1.4px), radial-gradient(circle at 21.8% 31.2%, rgba(219, 219, 255, 0.29) 0 0.44px, transparent 1.04px), radial-gradient(circle at 38.8% 54.2%, rgba(95, 187, 255, 0.31) 0 0.49px, transparent 1.09px), radial-gradient(circle at 8.8% 77.2%, rgba(226, 235, 255, 0.33) 0 0.54px, transparent 1.14px), radial-gradient(circle at 25.8% 1.2%, rgba(255, 58, 99, 0.36) 0 0.59px, transparent 1.19px), radial-gradient(circle at 42.8% 24.2%, rgba(255, 237, 250, 0.38) 0 0.65px, transparent 1.25px), radial-gradient(circle at 12.8% 47.2%, rgba(86, 180, 255, 0.4) 0 0.7px, transparent 1.3px), radial-gradient(circle at 28.8% 77.2%, rgba(253, 227, 248, 0.22) 0 0.75px, transparent 1.35px), radial-gradient(circle at 46.8% 1.2%, rgba(255, 76, 107, 0.24) 0 0.8px, transparent 1.4px), radial-gradient(circle at 17.8% 24.2%, rgba(246, 227, 255, 0.27) 0 0.44px, transparent 1.04px), radial-gradient(circle at 33.8% 47.2%, rgba(113, 172, 255, 0.29) 0 0.49px, transparent 1.09px), radial-gradient(circle at 3.8% 70.2%, rgba(200, 234, 255, 0.31) 0 0.54px, transparent 1.14px), radial-gradient(circle at 20.8% 93.2%, rgba(239, 118, 164, 0.33) 0 0.59px, transparent 1.19px), radial-gradient(circle at 37.8% 24.2%, rgba(255, 219, 242, 0.36) 0 0.65px, transparent 1.25px), radial-gradient(circle at 7.8% 47.2%, rgba(101, 190, 255, 0.38) 0 0.7px, transparent 1.3px), radial-gradient(circle at 24.8% 70.2%, rgba(185, 224, 255, 0.4) 0 0.75px, transparent 1.35px), radial-gradient(circle at 40.8% 93.2%, rgba(255, 110, 144, 0.22) 0 0.8px, transparent 1.4px), radial-gradient(circle at 11.8% 17.2%, rgba(255, 186, 204, 0.24) 0 0.44px, transparent 1.04px), radial-gradient(circle at 29.8% 40.2%, rgba(133, 201, 255, 0.27) 0 0.49px, transparent 1.09px), radial-gradient(circle at 45.8% 70.2%, rgba(212, 216, 255, 0.29) 0 0.54px, transparent 1.14px), radial-gradient(circle at 15.8% 93.2%, rgba(254, 128, 152, 0.31) 0 0.59px, transparent 1.19px), radial-gradient(circle at 32.8% 17.2%, rgba(246, 176, 216, 0.33) 0 0.65px, transparent 1.25px), radial-gradient(circle at 2.8% 40.2%, rgba(160, 193, 255, 0.36) 0 0.7px, transparent 1.3px), radial-gradient(circle at 19.8% 63.2%, rgba(154, 214, 255, 0.38) 0 0.75px, transparent 1.35px), radial-gradient(circle at 36.8% 86.2%, rgba(233, 169, 210, 0.4) 0 0.8px, transparent 1.4px), radial-gradient(circle at 5.8% 17.2%, rgba(255, 168, 196, 0.22) 0 0.44px, transparent 1.04px), radial-gradient(circle at 23.8% 40.2%, rgba(148, 211, 255, 0.24) 0 0.49px, transparent 1.09px), radial-gradient(circle at 41.8% 63.2%, rgba(139, 204, 255, 0.27) 0 0.54px, transparent 1.14px), radial-gradient(circle at 10.8% 86.2%, rgba(255, 161, 190, 0.29) 0 0.59px, transparent 1.19px), radial-gradient(circle at 27.8% 10.2%, rgba(255, 135, 159, 0.31) 0 0.65px, transparent 1.25px), radial-gradient(circle at 44.8% 33.2%, rgba(179, 221, 255, 0.33) 0 0.7px, transparent 1.3px), radial-gradient(circle at 14.8% 63.2%, rgba(166, 196, 255, 0.36) 0 0.75px, transparent 1.35px), radial-gradient(circle at 31.8% 86.2%, rgba(248, 179, 198, 0.38) 0 0.8px, transparent 1.4px), radial-gradient(circle at 48.8% 10.2%, rgba(246, 125, 171, 0.4) 0 0.44px, transparent 1.04px), radial-gradient(circle at 17.8% 33.2%, rgba(206, 213, 255, 0.22) 0 0.49px, transparent 1.09px), radial-gradient(circle at 35.8% 56.2%, rgba(108, 193, 255, 0.24) 0 0.54px, transparent 1.14px), radial-gradient(circle at 6.8% 79.2%, rgba(228, 220, 255, 0.27) 0 0.59px, transparent 1.19px), radial-gradient(circle at 22.8% 10.2%, rgba(255, 117, 151, 0.29) 0 0.65px, transparent 1.25px), radial-gradient(circle at 39.8% 33.2%, rgba(194, 231, 255, 0.31) 0 0.7px, transparent 1.3px), radial-gradient(circle at 9.8% 56.2%, rgba(93, 183, 255, 0.33) 0 0.75px, transparent 1.35px), radial-gradient(circle at 26.8% 79.2%, rgba(255, 212, 235, 0.36) 0 0.8px, transparent 1.4px), radial-gradient(circle at 43.8% 3.2%, rgba(255, 84, 113, 0.38) 0 0.44px, transparent 1.04px), radial-gradient(circle at 13.8% 26.2%, rgba(225, 242, 255, 0.4) 0 0.49px, transparent 1.09px), radial-gradient(circle at 29.8% 56.2%, rgba(120, 175, 255, 0.22) 0 0.54px, transparent 1.14px), radial-gradient(circle at 47.8% 79.2%, rgba(243, 230, 243, 0.24) 0 0.59px, transparent 1.19px), radial-gradient(circle at 18.8% 3.2%, rgba(246, 74, 125, 0.27) 0 0.65px, transparent 1.25px), radial-gradient(circle at 34.8% 26.2%, rgba(252, 234, 255, 0.29) 0 0.7px, transparent 1.3px), radial-gradient(circle at 4.8% 49.2%, rgba(88, 184, 255, 0.31) 0 0.75px, transparent 1.35px), radial-gradient(circle at 21.8% 72.2%, rgba(199, 230, 255, 0.33) 0 0.8px, transparent 1.4px), radial-gradient(circle at 38.8% 3.2%, rgba(255, 66, 105, 0.36) 0 0.44px, transparent 1.04px), radial-gradient(circle at 8.8% 26.2%, rgba(240, 252, 255, 0.38) 0 0.49px, transparent 1.09px), radial-gradient(circle at 25.8% 49.2%, rgba(73, 174, 255, 0.4) 0 0.54px, transparent 1.14px), radial-gradient(circle at 41.8% 72.2%, rgba(226, 222, 255, 0.22) 0 0.59px, transparent 1.19px), radial-gradient(circle at 12.8% 95.2%, rgba(255, 113, 139, 0.24) 0 0.65px, transparent 1.25px), radial-gradient(circle at 30.8% 19.2%, rgba(246, 191, 229, 0.27) 0 0.7px, transparent 1.3px), radial-gradient(circle at 46.8% 49.2%, rgba(100, 166, 255, 0.29) 0 0.75px, transparent 1.35px), radial-gradient(circle at 16.8% 72.2%, rgba(214, 240, 255, 0.31) 0 0.8px, transparent 1.4px), radial-gradient(circle at 33.8% 95.2%, rgba(241, 103, 151, 0.33) 0 0.44px, transparent 1.04px), radial-gradient(circle at 3.8% 19.2%, rgba(255, 183, 209, 0.36) 0 0.49px, transparent 1.09px), radial-gradient(circle at 20.8% 42.2%, rgba(134, 205, 255, 0.38) 0 0.54px, transparent 1.14px), radial-gradient(circle at 37.8% 65.2%, rgba(152, 209, 255, 0.4) 0 0.59px, transparent 1.19px), radial-gradient(circle at 6.8% 95.2%, rgba(255, 95, 131, 0.22) 0 0.65px, transparent 1.25px), radial-gradient(circle at 24.8% 19.2%, rgba(255, 201, 217, 0.24) 0 0.7px, transparent 1.3px), radial-gradient(circle at 42.8% 42.2%, rgba(119, 195, 255, 0.27) 0 0.75px, transparent 1.35px), radial-gradient(circle at 11.8% 65.2%, rgba(179, 201, 255, 0.29) 0 0.8px, transparent 1.4px), radial-gradient(circle at 28.8% 88.2%, rgba(250, 164, 185, 0.31) 0 0.44px, transparent 1.04px), radial-gradient(circle at 45.8% 12.2%, rgba(246, 140, 184, 0.33) 0 0.49px, transparent 1.09px), radial-gradient(circle at 15.8% 42.2%, rgba(146, 187, 255, 0.36) 0 0.54px, transparent 1.14px), radial-gradient(circle at 32.8% 65.2%, rgba(167, 219, 255, 0.38) 0 0.59px, transparent 1.19px), radial-gradient(circle at 2.8% 88.2%, rgba(235, 154, 197, 0.4) 0 0.65px, transparent 1.25px), radial-gradient(circle at 18.8% 12.2%, rgba(255, 132, 164, 0.22) 0 0.7px, transparent 1.3px), radial-gradient(circle at 36.8% 35.2%, rgba(181, 225, 255, 0.24) 0 0.75px, transparent 1.35px), radial-gradient(circle at 7.8% 58.2%, rgba(106, 189, 255, 0.27) 0 0.8px, transparent 1.4px), radial-gradient(circle at 23.8% 88.2%, rgba(255, 146, 177, 0.29) 0 0.44px, transparent 1.04px), radial-gradient(circle at 40.8% 12.2%, rgba(255, 150, 172, 0.31) 0 0.49px, transparent 1.09px), radial-gradient(circle at 10.8% 35.2%, rgba(166, 215, 255, 0.33) 0 0.54px, transparent 1.14px), radial-gradient(circle at 27.8% 58.2%, rgba(133, 181, 255, 0.36) 0 0.59px, transparent 1.19px), radial-gradient(circle at 44.8% 81.2%, rgba(244, 215, 230, 0.38) 0 0.65px, transparent 1.25px), radial-gradient(circle at 14.8% 5.2%, rgba(246, 88, 138, 0.4) 0 0.7px, transparent 1.3px), radial-gradient(circle at 30.8% 35.2%, rgba(193, 207, 255, 0.22) 0 0.75px, transparent 1.35px), radial-gradient(circle at 48.8% 58.2%, rgba(121, 199, 255, 0.24) 0 0.8px, transparent 1.4px), radial-gradient(circle at 19.8% 81.2%, rgba(229, 205, 242, 0.27) 0 0.44px, transparent 1.04px), radial-gradient(circle at 35.8% 5.2%, rgba(255, 80, 118, 0.29) 0 0.49px, transparent 1.09px), radial-gradient(circle at 5.8% 28.2%, rgba(227, 246, 255, 0.31) 0 0.54px, transparent 1.14px), radial-gradient(circle at 22.8% 51.2%, rgba(60, 168, 255, 0.33) 0 0.59px, transparent 1.19px), radial-gradient(circle at 39.8% 81.2%, rgba(255, 197, 222, 0.36) 0 0.65px, transparent 1.25px), radial-gradient(circle at 9.8% 5.2%, rgba(255, 98, 126, 0.38) 0 0.7px, transparent 1.3px), radial-gradient(circle at 26.8% 28.2%, rgba(212, 236, 255, 0.4) 0 0.75px, transparent 1.35px), radial-gradient(circle at 42.8% 51.2%, rgba(87, 160, 255, 0.22) 0 0.8px, transparent 1.4px), radial-gradient(circle at 13.8% 74.2%, rgba(227, 246, 255, 0.24) 0 0.44px, transparent 1.04px), radial-gradient(circle at 31.8% 97.2%, rgba(243, 88, 138, 0.27) 0 0.49px, transparent 1.09px), radial-gradient(circle at 47.8% 28.2%, rgba(239, 228, 255, 0.29) 0 0.54px, transparent 1.14px), radial-gradient(circle at 17.8% 51.2%, rgba(75, 178, 255, 0.31) 0 0.59px, transparent 1.19px), radial-gradient(circle at 34.8% 74.2%, rgba(212, 236, 255, 0.33) 0 0.65px, transparent 1.25px), radial-gradient(circle at 4.8% 97.2%, rgba(255, 80, 118, 0.36) 0 0.7px, transparent 1.3px), radial-gradient(circle at 21.8% 21.2%, rgba(255, 215, 230, 0.38) 0 0.75px, transparent 1.35px), radial-gradient(circle at 38.8% 44.2%, rgba(106, 189, 255, 0.4) 0 0.8px, transparent 1.4px), radial-gradient(circle at 7.8% 74.2%, rgba(239, 228, 255, 0.22) 0 0.44px, transparent 1.04px), radial-gradient(circle at 25.8% 97.2%, rgba(255, 98, 126, 0.24) 0 0.49px, transparent 1.09px), radial-gradient(circle at 43.8% 21.2%, rgba(246, 205, 242, 0.27) 0 0.54px, transparent 1.14px), radial-gradient(circle at 12.8% 44.2%, rgba(133, 181, 255, 0.29) 0 0.59px, transparent 1.19px), radial-gradient(circle at 29.8% 67.2%, rgba(181, 225, 255, 0.31) 0 0.65px, transparent 1.25px), radial-gradient(circle at 46.8% 90.2%, rgba(237, 140, 184, 0.33) 0 0.7px, transparent 1.3px), radial-gradient(circle at 16.8% 21.2%, rgba(255, 197, 222, 0.36) 0 0.75px, transparent 1.35px), radial-gradient(circle at 33.8% 44.2%, rgba(121, 199, 255, 0.38) 0 0.8px, transparent 1.4px), radial-gradient(circle at 3.8% 67.2%, rgba(166, 215, 255, 0.4) 0 0.44px, transparent 1.04px), radial-gradient(circle at 19.8% 90.2%, rgba(255, 132, 164, 0.22) 0 0.49px, transparent 1.09px), radial-gradient(circle at 37.8% 14.2%, rgba(255, 164, 185, 0.24) 0 0.54px, transparent 1.14px), radial-gradient(circle at 8.8% 37.2%, rgba(152, 209, 255, 0.27) 0 0.59px, transparent 1.19px), radial-gradient(circle at 24.8% 67.2%, rgba(193, 207, 255, 0.29) 0 0.65px, transparent 1.25px), radial-gradient(circle at 41.8% 90.2%, rgba(252, 150, 172, 0.31) 0 0.7px, transparent 1.3px), radial-gradient(circle at 11.8% 14.2%, rgba(246, 154, 197, 0.33) 0 0.75px, transparent 1.35px), radial-gradient(circle at 28.8% 37.2%, rgba(179, 201, 255, 0.36) 0 0.8px, transparent 1.4px), radial-gradient(circle at 45.8% 60.2%, rgba(134, 205, 255, 0.38) 0 0.44px, transparent 1.04px), radial-gradient(circle at 15.8% 83.2%, rgba(231, 191, 229, 0.4) 0 0.49px, transparent 1.09px), radial-gradient(circle at 31.8% 14.2%, rgba(255, 146, 177, 0.22) 0 0.54px, transparent 1.14px), radial-gradient(circle at 2.8% 37.2%, rgba(167, 219, 255, 0.24) 0 0.59px, transparent 1.19px), radial-gradient(circle at 20.8% 60.2%, rgba(119, 195, 255, 0.27) 0 0.65px, transparent 1.25px), radial-gradient(circle at 36.8% 83.2%, rgba(255, 183, 209, 0.29) 0 0.7px, transparent 1.3px), radial-gradient(circle at 6.8% 7.2%, rgba(255, 113, 139, 0.31) 0 0.75px, transparent 1.35px), radial-gradient(circle at 23.8% 30.2%, rgba(199, 230, 255, 0.33) 0 0.8px, transparent 1.4px), radial-gradient(circle at 40.8% 60.2%, rgba(146, 187, 255, 0.36) 0 0.44px, transparent 1.04px), radial-gradient(circle at 10.8% 83.2%, rgba(246, 201, 217, 0.38) 0 0.49px, transparent 1.09px), radial-gradient(circle at 27.8% 7.2%, rgba(246, 103, 151, 0.4) 0 0.54px, transparent 1.14px), radial-gradient(circle at 43.8% 30.2%, rgba(226, 222, 255, 0.22) 0 0.59px, transparent 1.19px), radial-gradient(circle at 14.8% 53.2%, rgba(88, 184, 255, 0.24) 0 0.65px, transparent 1.25px), radial-gradient(circle at 32.8% 76.2%, rgba(225, 242, 255, 0.27) 0 0.7px, transparent 1.3px), radial-gradient(circle at 48.8% 7.2%, rgba(255, 95, 131, 0.29) 0 0.75px, transparent 1.35px), radial-gradient(circle at 18.8% 30.2%, rgba(214, 240, 255, 0.31) 0 0.8px, transparent 1.4px); --edge-depth-highlights: radial-gradient(circle at 10.2% 3.4%, var(--edge-dot-highlight) 0 0.42px, transparent 0.86px), radial-gradient(circle at 27.2% 15.4%, var(--edge-dot-highlight) 0 0.42px, transparent 0.86px), radial-gradient(circle at 29.2% 51.4%, var(--edge-dot-highlight) 0 0.48px, transparent 0.94px), radial-gradient(circle at 20.2% 81.4%, var(--edge-dot-highlight) 0 0.45px, transparent 0.9px), radial-gradient(circle at 6.2% 8.2%, var(--edge-dot-highlight) 0 0.54px, transparent 1.02px), radial-gradient(circle at 27.2% 13.2%, var(--edge-dot-highlight) 0 0.5px, transparent 0.98px), radial-gradient(circle at 6.2% 65.2%, var(--edge-dot-highlight) 0 0.54px, transparent 1.02px), radial-gradient(circle at 27.2% 70.2%, var(--edge-dot-highlight) 0 0.5px, transparent 0.98px); --edge-depth-shadows: radial-gradient(circle at 12.1% 5.1%, var(--edge-dot-shadow) 0 1.65px, transparent 2.4px), radial-gradient(circle at 29.1% 17.1%, var(--edge-dot-shadow) 0 1.65px, transparent 2.4px), radial-gradient(circle at 31.1% 53.1%, var(--edge-dot-shadow) 0 1.7px, transparent 2.45px), radial-gradient(circle at 22.1% 83.1%, var(--edge-dot-shadow) 0 1.65px, transparent 2.4px), radial-gradient(circle at 8.2% 10.1%, var(--edge-dot-shadow) 0 2.25px, transparent 3.1px), radial-gradient(circle at 29.2% 15.1%, var(--edge-dot-shadow) 0 2px, transparent 2.85px), radial-gradient(circle at 8.2% 67.1%, var(--edge-dot-shadow) 0 2.25px, transparent 3.1px), radial-gradient(circle at 29.2% 72.1%, var(--edge-dot-shadow) 0 2px, transparent 2.85px); --edge-color-bridges: radial-gradient(circle at 24% 14.5%, var(--edge-rose) 0 1.05px, transparent 1.75px), radial-gradient(circle at 27% 17.5%, var(--edge-lavender) 0 1px, transparent 1.7px), radial-gradient(circle at 25% 47.5%, var(--edge-lavender) 0 1.1px, transparent 1.8px), radial-gradient(circle at 28% 50.5%, var(--edge-ice) 0 1px, transparent 1.7px), radial-gradient(circle at 25% 62.5%, var(--edge-ice) 0 1.05px, transparent 1.75px), radial-gradient(circle at 27% 85.5%, var(--edge-lavender) 0 1.05px, transparent 1.75px), radial-gradient(circle at 29% 88.5%, var(--edge-rose) 0 1px, transparent 1.7px), radial-gradient(circle at 22% 94.5%, var(--edge-rose) 0 0.95px, transparent 1.65px); --edge-inner-bleed: radial-gradient(circle at 47% 6%, rgba(255, 126, 156, 0.26) 0 0.5px, transparent 1.12px), radial-gradient(circle at 51% 7.5%, rgba(255, 145, 172, 0.23) 0 0.46px, transparent 1.06px), radial-gradient(circle at 54% 9%, rgba(255, 162, 184, 0.22) 0 0.44px, transparent 1.04px), radial-gradient(circle at 58% 11%, rgba(250, 215, 231, 0.2) 0 0.4px, transparent 0.98px), radial-gradient(circle at 61% 13%, rgba(235, 238, 255, 0.22) 0 0.44px, transparent 1.04px), radial-gradient(circle at 64% 15.5%, rgba(194, 226, 255, 0.19) 0 0.38px, transparent 0.96px), radial-gradient(circle at 66% 18%, rgba(155, 215, 255, 0.19) 0 0.38px, transparent 0.96px), radial-gradient(circle at 52% 21.5%, rgba(255, 151, 177, 0.21) 0 0.44px, transparent 1.02px), radial-gradient(circle at 49% 25%, rgba(255, 138, 166, 0.22) 0 0.46px, transparent 1.06px), radial-gradient(circle at 53% 28%, rgba(255, 161, 187, 0.2) 0 0.42px, transparent 1px), radial-gradient(circle at 57% 31%, rgba(255, 178, 200, 0.2) 0 0.42px, transparent 1px), radial-gradient(circle at 61% 34%, rgba(235, 224, 252, 0.19) 0 0.4px, transparent 0.98px), radial-gradient(circle at 64% 37%, rgba(216, 217, 255, 0.2) 0 0.4px, transparent 0.98px), radial-gradient(circle at 58% 40.5%, rgba(205, 225, 255, 0.19) 0 0.4px, transparent 0.98px), radial-gradient(circle at 52% 44%, rgba(188, 225, 255, 0.2) 0 0.42px, transparent 1px), radial-gradient(circle at 56% 47.5%, rgba(165, 217, 255, 0.19) 0 0.4px, transparent 0.98px), radial-gradient(circle at 60% 51%, rgba(143, 209, 255, 0.18) 0 0.38px, transparent 0.96px), radial-gradient(circle at 64% 53.5%, rgba(168, 216, 255, 0.17) 0 0.36px, transparent 0.94px), radial-gradient(circle at 67% 56%, rgba(191, 222, 255, 0.17) 0 0.36px, transparent 0.92px), radial-gradient(circle at 53% 59.5%, rgba(169, 224, 255, 0.2) 0 0.42px, transparent 1px), radial-gradient(circle at 48% 63%, rgba(150, 217, 255, 0.22) 0 0.46px, transparent 1.06px), radial-gradient(circle at 52% 65%, rgba(174, 225, 255, 0.21) 0 0.44px, transparent 1.02px), radial-gradient(circle at 55% 67%, rgba(198, 232, 255, 0.2) 0 0.42px, transparent 1px), radial-gradient(circle at 59% 69.5%, rgba(222, 236, 255, 0.19) 0 0.4px, transparent 0.98px), radial-gradient(circle at 63% 72%, rgba(235, 238, 255, 0.19) 0 0.38px, transparent 0.96px), radial-gradient(circle at 57% 75%, rgba(255, 204, 222, 0.18) 0 0.38px, transparent 0.96px), radial-gradient(circle at 50% 78%, rgba(255, 173, 196, 0.2) 0 0.42px, transparent 1px), radial-gradient(circle at 54% 80.5%, rgba(255, 145, 174, 0.19) 0 0.4px, transparent 0.98px), radial-gradient(circle at 58% 83%, rgba(255, 119, 151, 0.18) 0 0.38px, transparent 0.96px), radial-gradient(circle at 62% 85%, rgba(255, 134, 164, 0.17) 0 0.36px, transparent 0.94px), radial-gradient(circle at 65% 87%, rgba(255, 151, 178, 0.17) 0 0.36px, transparent 0.92px), radial-gradient(circle at 51% 89%, rgba(255, 124, 157, 0.21) 0 0.44px, transparent 1.02px), radial-gradient(circle at 46% 91%, rgba(255, 104, 139, 0.22) 0 0.46px, transparent 1.06px), radial-gradient(circle at 50% 92.5%, rgba(255, 123, 154, 0.21) 0 0.44px, transparent 1.02px), radial-gradient(circle at 53% 94%, rgba(255, 142, 171, 0.2) 0 0.42px, transparent 1px), radial-gradient(circle at 57% 95%, rgba(249, 203, 222, 0.19) 0 0.4px, transparent 0.98px), radial-gradient(circle at 60% 96%, rgba(235, 238, 255, 0.18) 0 0.38px, transparent 0.96px), radial-gradient(circle at 63% 97%, rgba(196, 227, 255, 0.18) 0 0.38px, transparent 0.96px), radial-gradient(circle at 66% 98%, rgba(158, 216, 255, 0.17) 0 0.36px, transparent 0.92px); --edge-dotfield: var(--edge-depth-highlights), var(--edge-inner-bleed), var(--edge-color-bridges), var(--edge-wave-primary), var(--edge-wave-secondary), var(--edge-spiral-upper), var(--edge-spiral-lower), var(--edge-noise), var(--edge-microdots), var(--edge-depth-shadows); } /* Edge dotfields inspired by static N-body traces */ body::before, body::after { content: ''; position: fixed; top: 0; bottom: 0; width: var(--edge-field-width); pointer-events: none; z-index: -1; background-repeat: no-repeat; filter: drop-shadow(0.8px 1px 0.8px rgba(0, 0, 0, 0.32)) drop-shadow(-0.35px -0.35px 0.35px rgba(255, 255, 255, 0.16)); } body::before { left: 0; background-image: var(--edge-dotfield); } body::after { right: 0; transform: scale(-1, -1); transform-origin: center; opacity: 0.95; background-image: var(--edge-dotfield); } /* Container and Layout */ .container { width: min( var(--container-width), calc(100vw - var(--edge-safe-space) - var(--edge-safe-space)) ); max-width: calc(100vw - var(--space-sm) - var(--space-sm)); margin: 0 auto; padding: 0 var(--space-lg); } /* Header & Navigation */ .header { position: fixed; top: 0; left: 0; width: 100vw; background: rgba(24, 24, 24, 0.94); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(69, 168, 255, 0.14); z-index: 1000; transition: var(--transition); } .header.is-scrolled { background: rgba(28, 28, 28, 0.98); border-bottom-color: rgba(115, 162, 219, 0.28); box-shadow: 0 10px 24px rgba(4, 9, 18, 0.36); } .nav { display: flex; justify-content: space-between; align-items: center; padding: var(--space-md) 0; position: relative; } .logo { font-family: var(--font-mono); font-size: 1.2rem; font-weight: 600; color: var(--text-primary); letter-spacing: 0.02em; text-decoration: none; position: relative; } .logo::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: var(--accent-gradient); transition: width 0.3s ease; } .logo:hover::after { width: 100%; } .nav-links { display: flex; gap: var(--space-xl); list-style: none; } .mobile-menu-toggle { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(0, 217, 255, 0.08); border: 1px solid rgba(0, 217, 255, 0.45); border-radius: var(--border-radius); color: var(--neon-blue); cursor: pointer; transition: var(--transition); } .mobile-menu-toggle:hover { background: rgba(0, 217, 255, 0.15); border-color: var(--neon-blue); } .mobile-menu-toggle.is-active { color: var(--neon-red); border-color: var(--neon-red); background: rgba(255, 0, 77, 0.12); } .nav-link { color: var(--text-secondary); text-decoration: none; font-weight: 500; letter-spacing: 0.01em; transition: var(--transition); position: relative; } .nav-link:hover { color: #9fd0ff; } .nav-link.active { color: var(--neon-blue); font-weight: 600; } /* Main Content */ .main { padding-top: 100px; } /* Hero Section */ .hero { min-height: 90vh; display: grid; grid-template-columns: 1fr 400px; gap: var(--space-xxl); align-items: center; padding: var(--space-xxl) 0; position: relative; } .hero-content h1 { font-family: var(--font-display); font-size: clamp(2.6rem, 5vw, 4.2rem); font-weight: 700; line-height: 1.04; letter-spacing: -0.015em; margin-bottom: var(--space-md); background: linear-gradient(130deg, #5db7ff, #7b78ff 62%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-subtitle { font-family: var(--font-mono); font-size: 1rem; color: var(--neon-red); margin-bottom: var(--space-sm); text-transform: uppercase; letter-spacing: 0.14em; } .hero-description { font-size: 1.14rem; line-height: 1.72; color: var(--text-secondary); margin-bottom: var(--space-xl); max-width: 62ch; } .hero-image { position: relative; display: flex; justify-content: center; align-items: center; } .profile-image { width: 100%; max-width: 350px; height: auto; border-radius: 12px; border: 1px solid rgba(69, 168, 255, 0.26); box-shadow: var(--shadow-soft), 0 0 0 1px rgba(69, 168, 255, 0.1); transition: var(--transition); } .profile-image:hover { transform: translateY(-3px); box-shadow: var(--shadow-lift), 0 0 0 1px rgba(69, 168, 255, 0.14); } /* Contact Info */ .contact-info { display: flex; flex-wrap: wrap; gap: var(--space-lg); margin-bottom: var(--space-xl); } .contact-item { display: flex; align-items: center; gap: var(--space-xs); color: var(--text-secondary); font-family: var(--font-mono); font-size: 0.95rem; } .contact-item a { color: var(--neon-blue); text-decoration: none; transition: var(--transition); } .contact-item a:hover { color: var(--neon-red); } /* Social Links */ .social-links { display: flex; gap: var(--space-md); } .social-link { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid var(--ring-soft); border-radius: var(--border-radius); color: var(--text-secondary); text-decoration: none; transition: var(--transition); font-size: 1.2rem; } .social-link:hover { background: rgba(69, 168, 255, 0.12); border-color: var(--ring-strong); color: var(--neon-blue); box-shadow: 0 8px 18px rgba(20, 76, 133, 0.28); transform: translateY(-2px); } /* Sections */ .section { padding: var(--space-xxl) 0; border-bottom: 1px solid rgba(126, 140, 160, 0.16); } .section--no-divider { border-bottom: none; } .section-title { font-family: var(--font-mono); font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 700; letter-spacing: 0.01em; margin-bottom: var(--space-xl); position: relative; display: inline-block; } .section-title::after { content: ''; position: absolute; bottom: -8px; left: 0; width: 72px; height: 2px; background: var(--accent-gradient); } /* Cards */ .card { background: var(--surface-elevated); border: 1px solid rgba(146, 166, 191, 0.2); border-radius: var(--border-radius); padding: var(--space-lg); transition: var(--transition); position: relative; overflow: hidden; } .card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 2px; background: var(--accent-gradient); transition: left 0.5s ease; } .card:hover::before { left: 0; } .card:hover { border-color: rgba(108, 175, 255, 0.38); transform: translateY(-3px); box-shadow: var(--shadow-lift); } /* Homepage content refinements */ .about-paragraph { font-size: 1.06rem; line-height: 1.78; color: var(--text-secondary); max-width: none; } .text-accent-blue { color: var(--neon-blue); } .highlights-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr)); gap: var(--space-lg); } .highlight-label { color: var(--neon-blue); margin-bottom: var(--space-sm); font-family: var(--font-mono); font-size: 0.95rem; font-weight: 600; } .highlight-label--purple { color: var(--neon-purple); } .highlight-title { font-family: var(--font-mono); font-size: 1.08rem; line-height: 1.42; margin-bottom: var(--space-sm); } .highlight-link { color: var(--text-primary); text-decoration: none; } .highlight-link:hover { color: #9fd0ff; } .highlight-meta { color: var(--text-secondary); font-size: 0.98rem; line-height: 1.62; } .highlight-reference { color: var(--neon-red); } .highlights-cta-row { margin-top: var(--space-xl); text-align: center; display: flex; gap: var(--space-lg); flex-wrap: wrap; justify-content: center; } .cta-link { display: inline-flex; align-items: center; gap: var(--space-xs); padding: var(--space-md) var(--space-lg); border-radius: var(--border-radius); text-decoration: none; font-weight: 600; letter-spacing: 0.01em; transition: var(--transition); border: 1px solid transparent; } .cta-link:hover { transform: translateY(-2px); } .cta-link--blue { background: rgba(69, 168, 255, 0.12); border-color: rgba(69, 168, 255, 0.45); color: #9fd0ff; } .cta-link--blue:hover { background: rgba(69, 168, 255, 0.18); } .cta-link--red { background: rgba(255, 59, 92, 0.12); border-color: rgba(255, 59, 92, 0.42); color: #ff9ab0; } .cta-link--red:hover { background: rgba(255, 59, 92, 0.18); } /* Responsive Design */ @media (max-width: 768px) { :root { --edge-field-width: clamp(48px, 14vw, 72px); --edge-content-gap: clamp(8px, 2vw, 14px); } body::before, body::after { opacity: 0.95; } .container { padding: 0 var(--space-sm); } .hero { grid-template-columns: 1fr; text-align: center; gap: var(--space-lg); } .mobile-menu-toggle { display: inline-flex; } .nav-links { position: absolute; top: calc(100% + 8px); left: 0; right: 0; flex-direction: column; gap: 0; background: rgba(20, 20, 20, 0.98); border: 1px solid rgba(115, 162, 219, 0.34); border-radius: var(--border-radius); overflow: hidden; max-height: 0; opacity: 0; pointer-events: none; transition: max-height 0.3s ease, opacity 0.25s ease; z-index: 1001; } .nav-links.is-open { max-height: 320px; opacity: 1; pointer-events: auto; } .nav-link { display: block; padding: var(--space-sm) var(--space-md); border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .nav-links li:last-child .nav-link { border-bottom: none; } .contact-info { flex-direction: column; gap: var(--space-sm); } .social-links { justify-content: center; } } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: no-preference) { .js:not(.writing-article) .main > .section:not(.animate-in) { opacity: 0; pointer-events: none; transform: translateY(30px); } .js:not(.writing-article) .animate-in { animation: fadeInUp 0.8s ease-out; animation-fill-mode: both; pointer-events: auto; } } /* Loading animations with staggered delays */ .hero-content > * { animation: fadeInUp 0.8s ease-out; animation-fill-mode: both; } .hero-content h1 { animation-delay: 0.1s; } .hero-subtitle { animation-delay: 0.2s; } .hero-description { animation-delay: 0.3s; } .contact-info { animation-delay: 0.4s; } .social-links { animation-delay: 0.5s; } .hero-image { animation: fadeInUp 0.8s ease-out; animation-delay: 0.6s; animation-fill-mode: both; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } .hero-content > *, .hero-image, .animate-in { animation: none !important; } }