.canvas-background {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -10;pointer-events: none;opacity: 0.8;transition: opacity 0.5s ease;}.canvas-background.fade-in {opacity: 0.8;}.canvas-background.fade-out {opacity: 0.3;}body.hero-theme {--canvas-primary: #667eea;--canvas-secondary: #764ba2;--canvas-accent: #f093fb;--canvas-highlight: #f5f7fa;}body.about-theme {--canvas-primary: #4facfe;--canvas-secondary: #00f2fe;--canvas-accent: #43e97b;--canvas-highlight: #38f9d7;}body.creations-theme {--canvas-primary: #fa709a;--canvas-secondary: #fee140;--canvas-accent: #ff6b6b;--canvas-highlight: #feca57;}body.skills-theme {--canvas-primary: #a8edea;--canvas-secondary: #fed6e3;--canvas-accent: #5ee7df;--canvas-highlight: #66a6ff;}body.contact-theme {--canvas-primary: #4a6341;--canvas-secondary: #8a7b66;--canvas-accent: #c97b61;--canvas-highlight: #fdfaf4;}[data-bs-theme="dark"] .canvas-background {opacity: 0.6;}[data-bs-theme="dark"] body.hero-theme {--canvas-primary: #2d3561;--canvas-secondary: #3d2c5a;--canvas-accent: #6a4c93;--canvas-highlight: #8b5cf6;}[data-bs-theme="dark"] body.about-theme {--canvas-primary: #1e3a8a;--canvas-secondary: #1e40af;--canvas-accent: #059669;--canvas-highlight: #10b981;}[data-bs-theme="dark"] body.creations-theme {--canvas-primary: #be185d;--canvas-secondary: #dc2626;--canvas-accent: #ea580c;--canvas-highlight: #f59e0b;}[data-bs-theme="dark"] body.skills-theme {--canvas-primary: #0f766e;--canvas-secondary: #7c2d12;--canvas-accent: #0891b2;--canvas-highlight: #2563eb;}[data-bs-theme="dark"] body.contact-theme {--canvas-primary: #7c3aed;--canvas-secondary: #a21caf;--canvas-accent: #0891b2;--canvas-highlight: #3b82f6;}.canvas-background canvas {will-change: transform;transform: translateZ(0);}@media (max-width: 768px) {.canvas-background {opacity: 0.4;}[data-bs-theme="dark"] .canvas-background {opacity: 0.3;}}@media (prefers-reduced-motion: reduce) {.canvas-background {display: none;}}#particle-network-canvas {position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: -100;opacity: 0.8;transition: opacity 0.3s ease;}body.hero-theme {--particle-primary: #7b68ee;--particle-secondary: #9370db;--particle-accent: #ff69b4;--particle-connection: #b19cd9;}body.about-theme {--particle-primary: #00bfff;--particle-secondary: #20b2aa;--particle-accent: #7fffd4;--particle-connection: #87ceeb;}body.creations-theme {--particle-primary: #ff1493;--particle-secondary: #ffd700;--particle-accent: #ff4500;--particle-connection: #ffb6c1;}body.skills-theme {--particle-primary: #40e0d0;--particle-secondary: #f0e68c;--particle-accent: #00ced1;--particle-connection: #afeeee;}body.contact-theme {--particle-primary: #ba55d3;--particle-secondary: #f5deb3;--particle-accent: #4169e1;--particle-connection: #dda0dd;}[data-bs-theme="dark"] body.hero-theme {--particle-primary: #4b0082;--particle-secondary: #483d8b;--particle-accent: #8a2be2;--particle-connection: #6a5acd;}[data-bs-theme="dark"] body.about-theme {--particle-primary: #191970;--particle-secondary: #1e90ff;--particle-accent: #008b8b;--particle-connection: #4682b4;}[data-bs-theme="dark"] body.creations-theme {--particle-primary: #8b008b;--particle-secondary: #b22222;--particle-accent: #ff6347;--particle-connection: #cd5c5c;}[data-bs-theme="dark"] body.skills-theme {--particle-primary: #008080;--particle-secondary: #2f4f4f;--particle-accent: #5f9ea0;--particle-connection: #708090;}[data-bs-theme="dark"] body.contact-theme {--particle-primary: #9400d3;--particle-secondary: #800080;--particle-accent: #4169e1;--particle-connection: #9370db;}[data-bs-theme="dark"] #particle-network-canvas {opacity: 0.9;}[data-bs-theme="light"] #particle-network-canvas {opacity: 0.6;}@media (prefers-reduced-motion: reduce) {#particle-network-canvas {display: none !important;}}@media (max-width: 768px) {#particle-network-canvas {opacity: 0.5;}}body:hover #particle-network-canvas {opacity: 1;transition: opacity 0.2s ease;}.hero-section #particle-network-canvas, .contact-section #particle-network-canvas {opacity: 1;}.scroll-active #particle-network-canvas {opacity: 0.7;}@keyframes particleNetworkFadeIn {from {opacity: 0;}to {opacity: 0.8;}}#particle-network-canvas.loaded {animation: particleNetworkFadeIn 1s ease-out;}@media (prefers-contrast: high) {#particle-network-canvas {opacity: 0.3;}}@media print {#particle-network-canvas {display: none !important;}}