.nav-speedometer {position: fixed;right: 20px;top: 50%;transform: translateY(-50%) translateX(100px);z-index: 1000;opacity: 0;visibility: hidden;--theme-transition-duration: 1.2s;--interaction-transition-duration: 0.2s;--interaction-transition-timing: ease-out;transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;}.nav-speedometer.visible {transform: translateY(-50%) translateX(0);opacity: 1;visibility: visible;}.speedometer-container {position: relative;width: 120px;height: 200px;overflow: visible;}.speedometer-svg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}.speedometer-hint::before {content: '';position: absolute;inset: -30px;background-color: transparent;z-index: -1;}.speedometer-hint {position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index: 999;width: 8px;height: 100px;border-radius: 4px;cursor: pointer;opacity: 0;visibility: hidden;background-color: rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.15);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1), var(--transition-theme-colors);will-change: var(--will-change-theme-colors);}[data-bs-theme="dark"] .speedometer-hint {background-color: rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.2);box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);}.speedometer-hint::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: var(--reading-progress, 0%);border-radius: inherit;background-color: var(--dynamic-primary);background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 70%, transparent 100%);transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1), var(--transition-theme-colors);will-change: var(--will-change-theme-colors);}.speedometer-hint:hover {opacity: 1;width: 6px;height: 150px;transform: translateY(-50%) scale(1.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.4);}[data-bs-theme="dark"] .speedometer-hint:hover {box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.4);}.speedometer-hint.visible {opacity: 1;visibility: visible;}.speedometer-hint.exiting {opacity: 0;transform: translateY(-50%) translateX(20px);}.speedometer-hint i {display: none;color: white;font-size: 14px;animation: pulse 2s infinite;}@keyframes pulse {0%, 100% {transform: scale(1);}50% {transform: scale(1.1);}}.speedometer-svg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}.speedometer-track {stroke: var(--border-color);opacity: 0.3;transition: var(--transition-theme-colors);will-change: var(--will-change-theme-colors);}.speedometer-progress {stroke: var(--dynamic-primary, var(--primary-color));transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1), var(--transition-theme-colors);will-change: var(--will-change-theme-colors);filter: drop-shadow(0 0 12px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.6)) drop-shadow(0 2px 8px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.4));}.speedometer-needle {transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), var(--transition-theme-colors);will-change: var(--will-change-theme-colors), transform;transform-origin: 90px 100px;filter: drop-shadow(0 3px 8px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.5)) drop-shadow(0 0 10px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.3));stroke: var(--dynamic-primary, var(--primary-color));stroke-width: 3;}.nav-sections {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}.nav-section {position: absolute;top: 100px;left: 90px;width: 0;height: 0;pointer-events: auto;cursor: pointer;transition: all 0.3s ease;transform-origin: center;}.nav-section[data-section="hero"] {transform: rotate(-90deg) translateX(70px);--section-angle: -90deg;}.nav-section[data-section="about"] {transform: rotate(-135deg) translateX(70px);--section-angle: -135deg;}.nav-section[data-section="creations"] {transform: rotate(-180deg) translateX(70px);--section-angle: -180deg;}.nav-section[data-section="skills"] {transform: rotate(-225deg) translateX(70px);--section-angle: -225deg;}.nav-section[data-section="contact"] {transform: rotate(-270deg) translateX(70px);--section-angle: -270deg;}.speedometer-ticks line {opacity: 0.6;transition: var(--transition-theme-colors);will-change: var(--will-change-theme-colors);}.section-dot {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 12px;height: 12px;border-radius: 50%;background: rgba(var(--text-color), 0.4);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), var(--transition-theme-colors);will-change: var(--will-change-combo);}.nav-section.active .section-dot {background: var(--dynamic-primary, var(--primary-color));transform: scale(1.3);box-shadow: 0 0 15px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.5), 0 0 25px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.3);}.nav-section:hover .section-dot {background: var(--dynamic-secondary, var(--dynamic-primary, var(--primary-color)));transform: scale(1.2);box-shadow: 0 0 12px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.4);}.section-label {position: absolute;top: 0;left: 0;transform: translateX(-50%) translateY(-50%) rotate(calc(-1 * var(--section-angle)));background: var(--card-bg);color: var(--text-color);padding: 6px 12px;border-radius: 15px;font-size: 12px;font-weight: 600;white-space: nowrap;box-shadow: 0 6px 16px rgba(var(--shadow-color), 0.8), 0 2px 8px rgba(var(--shadow-color), 0.4);border: 1px solid var(--border-color);opacity: 1;pointer-events: auto;cursor: pointer;transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), var(--transition-combo);will-change: var(--will-change-combo);z-index: 1001;}.nav-section:hover .section-label {transform: translateX(-50%) translateY(-50%) rotate(calc(-1 * var(--section-angle))) scale(1.05);box-shadow: 0 8px 24px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.3), 0 4px 12px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.2), 0 0 20px rgba(var(--dynamic-accent-rgb, var(--dynamic-primary-rgb, var(--primary-color-rgb))), 0.15);background: var(--dynamic-secondary, var(--dynamic-primary, var(--primary-color)));color: white;border-color: var(--dynamic-secondary, var(--dynamic-primary, var(--primary-color)));}.nav-section.active .section-label {background: var(--dynamic-primary, var(--primary-color));color: white;border-color: var(--dynamic-primary, var(--primary-color));transform: translateX(-50%) translateY(-50%) rotate(calc(-1 * var(--section-angle))) scale(1.1);box-shadow: 0 10px 30px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.4), 0 4px 15px rgba(var(--dynamic-primary-rgb, var(--primary-color-rgb)), 0.3), 0 0 25px rgba(var(--dynamic-accent-rgb, var(--dynamic-primary-rgb, var(--primary-color-rgb))), 0.2);}.hero-section ~ * .nav-speedometer, .hero-section + * .nav-speedometer {opacity: 1;visibility: visible;}body.on-hero .nav-speedometer {opacity: 0;visibility: hidden;transform: translateY(-50%) translateX(100px);}@keyframes needleMove {0% {transform: rotate(-135deg);}100% {transform: rotate(0deg);}}.mobile-navbar {background: rgba(var(--card-bg-rgb), 0.8);backdrop-filter: blur(10px);border-bottom: 1px solid var(--border-color);opacity: 0;transform: translateY(-100%);transition: var(--transition-theme-colors);display: none;}.mobile-navbar.show {opacity: 1;transform: translateY(0);}.mobile-navbar.visible {display: block;}.mobile-navbar .navbar-brand {color: var(--dynamic-primary, var(--primary-color));font-weight: 600;text-decoration: none;transition: var(--transition-theme-colors);will-change: var(--will-change-theme-colors);}.mobile-navbar .navbar-brand:hover {color: var(--dynamic-primary, var(--primary-color));}.mobile-lang-toggle, .mobile-theme-toggle, .mobile-settings-toggle {background: none;border: 1px solid var(--border-color);border-radius: 20px;padding: 6px 12px;color: var(--text-color);cursor: pointer;transition: var(--transition-combo);will-change: var(--will-change-combo);font-size: 12px;}.mobile-lang-toggle:hover, .mobile-theme-toggle:hover, .mobile-settings-toggle:hover {background: var(--dynamic-primary, var(--primary-color));color: white;border-color: var(--dynamic-primary, var(--primary-color));}.mobile-theme-toggle, .mobile-settings-toggle {width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 0;}.mobile-settings-toggle.active {background: var(--dynamic-primary, var(--primary-color));color: white;border-color: var(--dynamic-primary, var(--primary-color));}.mobile-navbar .navbar-toggler {border: none;padding: 4px 8px;}.mobile-settings-dropdown {position: absolute;top: 100%;right: 20px;width: 280px;background: var(--card-bg);border: 1px solid var(--border-color);border-radius: 15px;box-shadow: 0 10px 30px var(--shadow-color);padding: 15px;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1050;}.mobile-settings-dropdown.show {opacity: 1;visibility: visible;transform: translateY(0);}.mobile-settings-dropdown .setting-item {display: flex;align-items: center;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid var(--border-color);}.mobile-settings-dropdown .setting-item:last-child {border-bottom: none;}.mobile-navbar .navbar-toggler:focus {box-shadow: none;}.mobile-navbar .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}[data-bs-theme="dark"] .mobile-navbar .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}.mobile-navbar .nav-link {color: var(--text-color);font-weight: 500;padding: 0.75rem 1rem;border-radius: 8px;margin-bottom: 2px;transition: var(--transition-combo);will-change: var(--will-change-combo);}.mobile-navbar .nav-link:hover, .mobile-navbar .nav-link.active {color: white;background: var(--dynamic-primary, var(--primary-color));}.global-controls {position: fixed;top: 20px;left: 20px;z-index: 1000;display: flex;gap: 10px;}.lang-toggle {background: var(--card-bg);border: 1px solid var(--border-color);border-radius: 25px;padding: 8px 15px;color: var(--text-color);cursor: pointer;transition: var(--transition-combo);will-change: var(--will-change-combo);box-shadow: 0 2px 10px var(--shadow-color);font-size: 14px;font-weight: 500;}.lang-toggle:hover {transform: scale(1.05);box-shadow: 0 4px 15px var(--shadow-color);}.lang-text.inactive {opacity: 0.5;}.lang-divider {margin: 0 3px;opacity: 0.3;}.theme-toggle {width: 45px;height: 45px;border: none;border-radius: 50%;background: var(--card-bg);color: var(--text-color);box-shadow: 0 2px 10px var(--shadow-color);cursor: pointer;transition: var(--transition-combo);will-change: var(--will-change-combo);display: flex;align-items: center;justify-content: center;}.theme-toggle:hover {transform: scale(1.1);box-shadow: 0 4px 20px var(--shadow-color);}.settings-panel {position: relative;}.settings-toggle {width: 45px;height: 45px;border: none;border-radius: 50%;background: var(--card-bg);color: var(--text-color);box-shadow: 0 2px 10px var(--shadow-color);cursor: pointer;transition: var(--transition-combo);will-change: var(--will-change-combo);display: flex;align-items: center;justify-content: center;}.settings-toggle:hover {transform: scale(1.1);box-shadow: 0 4px 20px var(--shadow-color);}.settings-toggle i {transition: transform 0.3s ease;}.settings-toggle.active i {transform: rotate(180deg);}.settings-dropdown {position: absolute;top: 55px;left: 0;min-width: 220px;background: var(--card-bg);border: 1px solid var(--border-color);border-radius: 12px;box-shadow: 0 8px 25px var(--shadow-color);padding: 15px;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1001;}.settings-dropdown.show {opacity: 1;visibility: visible;transform: translateY(0);}.setting-item {display: flex;align-items: center;justify-content: space-between;padding: 12px 0;border-bottom: 1px solid var(--border-color);}.setting-item:last-child {border-bottom: none;}.setting-info {display: flex;align-items: center;gap: 10px;}.setting-icon {color: var(--text-muted);width: 16px;text-align: center;}.setting-label {color: var(--text-color);font-size: 14px;font-weight: 500;}.setting-toggle {position: relative;}.setting-action {position: relative;}.setting-action .btn {font-size: 12px;padding: 4px 12px;border-radius: 6px;transition: var(--transition-combo);will-change: var(--will-change-combo);font-weight: 500;min-width: 60px;}.setting-action .btn:hover {transform: translateY(-1px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.toggle-input {position: absolute;opacity: 0;width: 0;height: 0;}.toggle-label {display: block;width: 44px;height: 24px;background: var(--border-color);border-radius: 12px;cursor: pointer;transition: var(--transition-combo);will-change: var(--will-change-combo);position: relative;}.toggle-label::after {content: '';position: absolute;top: 2px;left: 2px;width: 20px;height: 20px;background: white;border-radius: 50%;transition: var(--transition-combo);will-change: var(--will-change-combo);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}.toggle-input:checked + .toggle-label {background: var(--dynamic-primary, var(--primary-color));}.toggle-input:checked + .toggle-label::after {transform: translateX(20px);}.toggle-label:hover {transform: scale(1.05);}[data-bs-theme="dark"] .toggle-label::after {background: var(--card-bg);}.canvas-animations-disabled .canvas-background, .canvas-animations-disabled #particle-network-canvas {display: none !important;}body:not(.canvas-animations-disabled) .canvas-background, body:not(.canvas-animations-disabled) #particle-network-canvas {display: block;}body.hero-theme .speedometer-progress, body.hero-theme .speedometer-needle {filter: drop-shadow(0 0 12px rgba(var(--dynamic-primary-rgb), 0.8)) drop-shadow(0 2px 8px rgba(var(--dynamic-primary-rgb), 0.6)) drop-shadow(0 0 20px rgba(var(--dynamic-accent-rgb), 0.3));}body.hero-theme .nav-section.active .section-dot {box-shadow: 0 0 15px rgba(var(--dynamic-primary-rgb), 0.6), 0 0 25px rgba(var(--dynamic-primary-rgb), 0.4), 0 0 35px rgba(var(--dynamic-accent-rgb), 0.2);animation: heroGlow 2s ease-in-out infinite alternate;}@keyframes heroGlow {0% {box-shadow: 0 0 15px rgba(var(--dynamic-primary-rgb), 0.6), 0 0 25px rgba(var(--dynamic-primary-rgb), 0.4), 0 0 35px rgba(var(--dynamic-accent-rgb), 0.2);}100% {box-shadow: 0 0 20px rgba(var(--dynamic-primary-rgb), 0.8), 0 0 30px rgba(var(--dynamic-primary-rgb), 0.6), 0 0 40px rgba(var(--dynamic-accent-rgb), 0.3);}}body.about-theme .speedometer-progress {filter: drop-shadow(0 0 15px rgba(var(--dynamic-primary-rgb), 0.7)) drop-shadow(0 2px 10px rgba(var(--dynamic-secondary-rgb), 0.5));}body.about-theme .nav-section.active .section-dot {animation: aboutWave 1.8s ease-in-out infinite;}@keyframes aboutWave {0%, 100% {transform: scale(1.3);box-shadow: 0 0 15px rgba(var(--dynamic-primary-rgb), 0.5);}50% {transform: scale(1.4);box-shadow: 0 0 20px rgba(var(--dynamic-primary-rgb), 0.7), 0 0 30px rgba(var(--dynamic-secondary-rgb), 0.3);}}body.creations-theme .speedometer-needle {filter: drop-shadow(0 3px 8px rgba(var(--dynamic-primary-rgb), 0.6)) drop-shadow(0 0 12px rgba(var(--dynamic-accent-rgb), 0.4)) drop-shadow(0 0 18px rgba(var(--dynamic-secondary-rgb), 0.2));}body.creations-theme .nav-section.active .section-label {animation: creationSpark 1.5s ease-in-out infinite;}@keyframes creationSpark {0%, 100% {box-shadow: 0 10px 30px rgba(var(--dynamic-primary-rgb), 0.4), 0 4px 15px rgba(var(--dynamic-primary-rgb), 0.3);}33% {box-shadow: 0 12px 35px rgba(var(--dynamic-accent-rgb), 0.5), 0 6px 18px rgba(var(--dynamic-accent-rgb), 0.4);}66% {box-shadow: 0 11px 32px rgba(var(--dynamic-secondary-rgb), 0.4), 0 5px 16px rgba(var(--dynamic-secondary-rgb), 0.3);}}body.skills-theme .speedometer-container {position: relative;}body.skills-theme .speedometer-container::before {content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;border-radius: 50%;background: radial-gradient(circle, rgba(var(--dynamic-primary-rgb), 0.1) 0%, rgba(var(--dynamic-secondary-rgb), 0.05) 50%, transparent 70%);transform: translate(-50%, -50%);animation: skillsPulse 3s ease-in-out infinite;pointer-events: none;}@keyframes skillsPulse {0%, 100% {transform: translate(-50%, -50%) scale(1);opacity: 0.3;}50% {transform: translate(-50%, -50%) scale(1.2);opacity: 0.6;}}body.contact-theme .speedometer-hint {animation: contactBreath 2.5s ease-in-out infinite;}@keyframes contactBreath {0%, 100% {background: var(--dynamic-primary);box-shadow: 0 4px 15px rgba(var(--dynamic-primary-rgb), 0.3);}50% {background: var(--dynamic-secondary);box-shadow: 0 6px 20px rgba(var(--dynamic-secondary-rgb), 0.4), 0 0 25px rgba(var(--dynamic-accent-rgb), 0.2);}}body.contact-theme .nav-section:hover .section-label {background: linear-gradient(135deg, var(--dynamic-primary) 0%, var(--dynamic-secondary) 50%, var(--dynamic-accent) 100%);}.navbar-collapse {flex-basis: 100%;flex-grow: 1;align-items: center;}#mobileNavContent {max-height: 0;overflow: hidden;transition: max-height 0.35s ease-in-out;}@media (max-width: 767.98px) {.mobile-navbar .navbar-collapse {width: 100%;}}