:root{--color-primary: #ff6b35;--color-primary-light: #ffaa00;--color-primary-dark: #cc5429;--color-secondary: #00ccff;--color-secondary-light: #00ffff;--color-secondary-dark: #0099cc;--color-accent: #00ff88;--color-accent-light: #44ffaa;--color-accent-dark: #00cc66;--color-warning: #ffaa00;--color-error: #ff5555;--color-success: #00ff88;--color-background: #0a0a0a;--color-background-elevated: #1a1a1a;--color-background-panel: #2a2a2a;--color-surface: #333333;--color-surface-light: #444444;--color-surface-dark: #222222;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-muted: #888888;--color-text-disabled: #666666;--color-border: #444444;--color-border-light: #555555;--color-border-dark: #333333;--color-glow-primary: rgba(255, 107, 53, .3);--color-glow-secondary: rgba(0, 204, 255, .3);--color-glow-accent: rgba(0, 255, 136, .3);--color-steam: rgba(255, 255, 255, .4);--color-metal: linear-gradient(145deg, #666666, #333333);--color-brass: linear-gradient(145deg, #ffaa00, #cc8800);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "Fira Code", "Courier New", monospace;--font-family-display: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-base: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-inset: inset 0 2px 4px rgba(255, 255, 255, .1);--shadow-glow: 0 0 20px var(--color-glow-primary);--shadow-panel: 0 4px 8px rgba(0, 0, 0, .3), inset 0 2px 4px rgba(255, 255, 255, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-gear-slow: 20s;--duration-gear-medium: 12s;--duration-gear-fast: 8s;--container-max-width: 1280px;--sidebar-width: 320px;--header-height: 80px;--footer-height: 60px}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-gear-slow: 0ms;--duration-gear-medium: 0ms;--duration-gear-fast: 0ms}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.animate-slide-down{animation:slideDown .8s ease-out}.animate-slide-up{animation:slideUp .8s ease-out}.animate-slide-in-right{animation:slideInRight .8s ease-out}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-modal-in{animation:modalIn .3s ease-out}.animate-terminal-in{animation:terminalIn .3s ease-out}.animate-pulse-dot{animation:pulseDot 2s ease-in-out infinite}.animate-slide-in{animation:slideIn .5s ease-out}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes modalIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes terminalIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pulseDot{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-primary);background:radial-gradient(circle at 30% 20%,#2c1810 0%,transparent 50%),radial-gradient(circle at 70% 80%,#1a2c1a 0%,transparent 50%),linear-gradient(135deg,var(--color-background) 0%,var(--color-background-elevated) 100%);color:var(--color-text-primary);overflow-x:hidden;min-height:100vh;position:relative}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}input,textarea,select{font:inherit;color:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-primary);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-elevated)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4)}.animate-spin{animation:spin var(--duration-gear-medium) linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes rotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes steam{0%{transform:translateY(0) scale(1);opacity:.7}to{transform:translateY(-50px) scale(1.5);opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--color-glow-primary)}50%{box-shadow:0 0 40px var(--color-glow-primary),0 0 60px var(--color-glow-secondary)}}@media (max-width: 640px){.container{padding:0 var(--space-3)}html{font-size:14px}button,.button,.control-button{min-height:44px;min-width:44px}body{-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.container{padding:0 var(--space-2)}html{font-size:13px}input,select,textarea{font-size:16px!important}}@media (prefers-contrast: high){:root{--color-border: #ffffff;--color-text-muted: #cccccc}}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}}.gear-system{position:absolute;pointer-events:none}.gear-system-large{width:200px;height:200px}.gear-system-medium{width:120px;height:120px}.gear-system-small{width:80px;height:80px}.gear{position:absolute;border-radius:var(--radius-full);background:radial-gradient(circle at 30% 30%,var(--color-border-light),var(--color-surface)),conic-gradient(from 0deg,var(--color-border-light),var(--color-surface-dark),var(--color-surface),var(--color-surface-dark),var(--color-border-light));box-shadow:inset 0 0 20px #00000080,0 0 10px var(--color-glow-primary);will-change:transform}.main-gear{top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.gear-system-large .main-gear{width:100px;height:100px}.gear-system-medium .main-gear{width:60px;height:60px}.gear-system-small .main-gear{width:40px;height:40px}.satellite-gear{position:absolute;z-index:1}.gear-system-large .satellite-gear{width:50px;height:50px}.gear-system-medium .satellite-gear{width:30px;height:30px}.gear-system-small .satellite-gear{width:20px;height:20px}.gear-system-large .satellite-1{top:10px;right:30px}.gear-system-large .satellite-2{bottom:10px;left:30px}.gear-system-large .satellite-3{top:30px;left:10px}.gear-system-medium .satellite-1{top:15px;right:15px}.gear-system-medium .satellite-2{bottom:15px;left:15px}.gear-system-small .satellite-1{top:10px;right:10px}.gear-system-small .satellite-2{bottom:10px;left:10px}.gear-teeth{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-full)}.tooth{position:absolute;background:linear-gradient(45deg,var(--color-border),var(--color-border-light));transform-origin:50% 50%;border-radius:1px}.gear-system-large .main-gear .tooth{width:8px;height:12px;top:-6px;left:calc(50% - 4px);border-radius:2px}.gear-system-medium .main-gear .tooth{width:6px;height:8px;top:-4px;left:calc(50% - 3px);border-radius:1px}.gear-system-small .main-gear .tooth,.satellite-gear .tooth{width:4px;height:6px;top:-3px;left:calc(50% - 2px);border-radius:1px}.gear-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--color-primary),var(--color-primary-dark)),linear-gradient(45deg,var(--color-primary),var(--color-warning));border-radius:var(--radius-full);box-shadow:0 0 10px var(--color-glow-primary),inset 0 0 5px #0000004d}.gear-system-large .main-gear .gear-center{width:20px;height:20px}.gear-system-medium .main-gear .gear-center{width:12px;height:12px}.gear-system-small .main-gear .gear-center{width:8px;height:8px}.satellite-gear .gear-center{width:6px;height:6px}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--color-glow-primary);box-shadow:0 0 10px var(--color-glow-primary),inset 0 0 5px #0000004d}.gear-inner-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--color-primary-dark);border-radius:var(--radius-full);opacity:.6}.gear-system-large .main-gear .gear-inner-ring{width:60px;height:60px}.gear-system-medium .main-gear .gear-inner-ring{width:36px;height:36px}.gear-system-small .main-gear .gear-inner-ring{width:24px;height:24px}.mechanical-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.piston{position:absolute;top:20%;right:10%;width:6px;height:30px;background:linear-gradient(to bottom,var(--color-border),var(--color-border-light));border-radius:3px;box-shadow:0 0 5px var(--color-glow-primary),inset 0 0 3px #0000004d}.piston:before{content:"";position:absolute;top:-4px;left:-2px;width:10px;height:8px;background:linear-gradient(45deg,var(--color-border-light),var(--color-border));border-radius:2px}.connecting-rod{position:absolute;bottom:25%;left:15%;width:40px;height:4px;background:linear-gradient(90deg,var(--color-border-light),var(--color-surface-dark));border-radius:2px;transform-origin:left center;box-shadow:0 0 3px var(--color-glow-primary)}.connecting-rod:before,.connecting-rod:after{content:"";position:absolute;width:6px;height:6px;background:var(--color-primary);border-radius:var(--radius-full);box-shadow:0 0 5px var(--color-glow-primary)}.connecting-rod:before{top:-1px;left:-1px}.connecting-rod:after{top:-1px;right:-1px}.flywheel{position:absolute;top:60%;right:20%;width:25px;height:25px;background:radial-gradient(circle,var(--color-surface-light),var(--color-surface-dark)),conic-gradient(from 0deg,var(--color-border),var(--color-surface),var(--color-border));border-radius:var(--radius-full);border:2px solid var(--color-border-light);box-shadow:0 0 8px var(--color-glow-primary),inset 0 0 8px #0000004d}.steam-effects{position:absolute;top:10%;left:20%;width:100%;height:100%;z-index:1}.steam-puff{position:absolute;width:8px;height:8px;background:radial-gradient(circle,var(--color-steam),transparent);border-radius:var(--radius-full);filter:blur(1px)}.steam-puff:nth-child(1){left:10%}.steam-puff:nth-child(2){left:30%}.steam-puff:nth-child(3){left:50%}.pressure-gauges{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}.mini-gauge{position:absolute;width:20px;height:20px;background:radial-gradient(circle,var(--color-surface),var(--color-surface-dark)),linear-gradient(45deg,var(--color-border),var(--color-surface));border:1px solid var(--color-border-light);border-radius:var(--radius-full);box-shadow:0 0 5px var(--color-glow-secondary),inset 0 0 5px #0000004d}.gauge-1{top:15%;left:80%}.gauge-2{bottom:15%;right:80%}.gauge-needle{position:absolute;top:50%;left:50%;width:1px;height:8px;background:var(--color-secondary);transform-origin:bottom center;transform:translate(-50%,-100%);box-shadow:0 0 3px var(--color-glow-secondary)}.gear-system:hover .gear{box-shadow:inset 0 0 20px #00000080,0 0 20px var(--color-glow-primary)}.gear-system:hover .gear-center{box-shadow:0 0 15px var(--color-glow-primary),inset 0 0 5px #0000004d}.gear-system:hover .steam-puff{opacity:.8!important}.rotate-slow.clockwise{animation:rotate 20s linear infinite}.rotate-medium.clockwise{animation:rotate 12s linear infinite}.rotate-fast.clockwise{animation:rotate 8s linear infinite}.rotate-slow.counterclockwise{animation:rotateReverse 20s linear infinite}.rotate-medium.counterclockwise{animation:rotateReverse 12s linear infinite}.rotate-fast.counterclockwise{animation:rotateReverse 8s linear infinite}.animate-piston-slow{animation:piston 4s ease-in-out infinite}.animate-piston-medium{animation:piston 3s ease-in-out infinite}.animate-piston-fast{animation:piston 2s ease-in-out infinite}.animate-rod-slow{animation:connecting-rod 8s ease-in-out infinite}.animate-rod-medium{animation:connecting-rod 6s ease-in-out infinite}.animate-rod-fast{animation:connecting-rod 4s ease-in-out infinite}.animate-steam{animation:steam 2s ease-out infinite}.animate-needle-1{animation:needle-1 3s ease-in-out infinite}.animate-needle-2{animation:needle-2 4s ease-in-out infinite}@keyframes piston{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes connecting-rod{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes needle-1{0%,to{transform:rotate(0)}50%{transform:rotate(45deg)}}@keyframes needle-2{0%,to{transform:rotate(0)}50%{transform:rotate(-30deg)}}.gear-system *{will-change:transform}@media (max-width: 768px){.gear-system-large{width:150px;height:150px}.gear-system-medium{width:100px;height:100px}.gear-system-small{width:60px;height:60px}}@media (max-width: 480px){.gear-system-large{width:120px;height:120px}.gear-system-medium{width:80px;height:80px}.gear-system-small{width:50px;height:50px}}@media (prefers-reduced-motion: reduce){.gear-system *{animation:none!important}}.metric-radar{background:radial-gradient(circle at center,var(--color-surface) 0%,var(--color-surface-dark) 100%),linear-gradient(145deg,var(--color-background-panel),var(--color-background-elevated));border:3px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-3);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.metric-radar:before{content:"";position:absolute;inset:-3px;background:conic-gradient(from 0deg,transparent,var(--metric-color, var(--color-primary)),transparent);border-radius:var(--radius-xl);z-index:-1;opacity:0;transition:opacity var(--transition-base)}.metric-radar:hover:before{opacity:.6}.metric-radar:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000004d,0 0 30px var(--metric-color, var(--color-primary)) 20;border-color:var(--metric-color, var(--color-primary))}.metric-radar.selected{border-color:var(--metric-color, var(--color-primary));box-shadow:0 0 30px var(--metric-color, var(--color-primary)) 40,inset 0 0 30px #ffffff1a}.gauge-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.1}.background-gear{position:absolute;border-radius:var(--radius-full);background:radial-gradient(circle at 30% 30%,var(--color-border-light),var(--color-surface)),conic-gradient(from 0deg,var(--color-border-light),var(--color-surface-dark),var(--color-surface),var(--color-surface-dark),var(--color-border-light))}.gear-1{width:40px;height:40px;top:10px;right:10px}.gear-2{width:25px;height:25px;bottom:15px;left:15px}.gear-3{width:30px;height:30px;top:50%;left:10px;transform:translateY(-50%)}.radar-container{position:relative;width:120px;height:120px;margin:var(--space-2) 0;display:flex;align-items:center;justify-content:center}.radar-rings{position:absolute;top:0;left:0;width:100%;height:100%}.radar-ring{position:absolute;border:1px solid var(--metric-color, var(--color-primary));border-radius:50%;opacity:.3;animation:radarPulse 5s ease-in-out infinite}.radar-ring.ring-1{top:10%;left:10%;width:80%;height:80%;animation-delay:0s}.radar-ring.ring-2{top:20%;left:20%;width:60%;height:60%;animation-delay:1s}.radar-ring.ring-3{top:30%;left:30%;width:40%;height:40%;animation-delay:2s}.radar-sweep{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;animation:radarSweep 8s linear infinite}.radar-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle,var(--metric-color, var(--color-primary))80,var(--metric-color, var(--color-primary))40);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--metric-color, var(--color-primary));z-index:2}.gauge-outer-ring{position:absolute;width:100%;height:100%;border-radius:var(--radius-full)}.tick{position:absolute;background:#fff9;transform-origin:50% 70px;border-radius:1px;z-index:5}.tick.major{width:3px;height:15px;top:5px;left:calc(50% - 1.5px);background:var(--metric-color, var(--color-primary));box-shadow:0 0 5px var(--metric-color, var(--color-primary))}.tick.medium{width:2px;height:10px;top:10px;left:calc(50% - 1px);background:#fffc}.tick.minor{width:1px;height:6px;top:14px;left:calc(50% - .5px);background:#fff6}.gauge-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.needle-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.gauge-needle{position:absolute;width:3px;height:50px;top:20px;left:calc(50% - 1.5px);border-radius:2px;transform-origin:50% 50px;box-shadow:0 0 10px currentColor;z-index:20}.needle-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:var(--radius-full);box-shadow:0 0 15px currentColor;z-index:25}.gauge-center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:5}.radar-center .metric-icon{background:none;border:none;border-radius:none;animation:iconPulse 2s ease-in-out infinite;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-shadow:none;transform:scale(1) rotate(0)}.radar-center .metric-icon.hovered{animation:iconHoverRotate .5s ease forwards}.radar-label{text-align:center;z-index:10;position:relative}.radar-label h3{font-size:var(--font-size-sm);color:var(--metric-color, var(--color-primary));margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold)}.radar-label p{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-tight)}.mechanical-details{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pressure-valve{position:absolute;top:15px;left:15px;width:8px;height:8px;background:linear-gradient(45deg,var(--color-border),var(--color-border-light));border-radius:var(--radius-full);box-shadow:0 0 5px var(--color-glow-primary),inset 0 0 3px #00000080}.pressure-valve:before{content:"";position:absolute;top:-2px;left:-2px;width:12px;height:12px;border:1px solid var(--color-glow-primary);border-radius:var(--radius-full)}.temperature-indicator{position:absolute;bottom:15px;right:15px;width:6px;height:20px;border-radius:3px;border:1px solid var(--color-border-light);background:var(--color-glow-primary)}.bolt{position:absolute;width:6px;height:6px;background:radial-gradient(circle,var(--color-border),var(--color-surface-dark)),linear-gradient(45deg,var(--color-border-light),var(--color-surface));border-radius:var(--radius-full);box-shadow:inset 0 0 2px #00000080}.bolt:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:2px;background:var(--color-surface-dark);border-radius:var(--radius-full)}.bolt-1{top:10px;left:10px}.bolt-2{top:10px;right:10px}.bolt-3{bottom:10px;left:10px}.bolt-4{bottom:10px;right:10px}.steam-container{position:absolute;top:20px;left:50%;transform:translate(-50%);width:100%;height:100%;pointer-events:none}.steam-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(255,255,255,.6),transparent);border-radius:var(--radius-full);filter:blur(1px)}.steam-particle:nth-child(1){left:40%}.steam-particle:nth-child(2){left:50%}.steam-particle:nth-child(3){left:60%}.selection-ring{position:absolute;inset:-5px;border:2px solid var(--metric-color, var(--color-primary));border-radius:calc(var(--radius-xl) + 5px);box-shadow:0 0 20px var(--metric-color, var(--color-primary)) 50,inset 0 0 20px var(--metric-color, var(--color-primary)) 20;animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.02);opacity:1}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-steam-gauge{animation:steam-gauge 2s ease-out infinite}.metric-radar.hovered{transform:scale(1.05);transition:transform .3s ease}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes steam-gauge{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-20px) scale(1.5);opacity:0}}@keyframes radarPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes iconHoverRotate{0%{transform:scale(1) rotate(0)}to{transform:scale(1.2) rotate(360deg)}}@media (max-width: 768px){.metric-radar{min-height:180px;padding:15px;margin:0;width:100%;max-width:100%;box-sizing:border-box}.radar-container{width:80px;height:80px}.radar-label{gap:8px;width:100%;max-width:100%}.radar-label h3{font-size:14px;margin-bottom:4px;word-wrap:break-word}.radar-label p{font-size:12px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}}@media (max-width: 480px){.metric-radar{min-height:160px;padding:12px;margin:0;width:100%;max-width:100%;box-sizing:border-box}.radar-container{width:70px;height:70px}.radar-label{gap:6px;width:100%;max-width:100%}.radar-label h3{font-size:13px;margin-bottom:3px;word-wrap:break-word}.radar-label p{font-size:11px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.metric-icon{width:28px;height:28px}}.status-panel{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #444;border-radius:8px;padding:12px;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 2px 4px #ffffff1a,0 4px 8px #0000004d}.panel-section{background:#0003;border:1px solid #555;border-radius:6px;padding:10px;transition:all .3s ease}.panel-section:hover{border-color:#666;background:#0006}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #444;color:#e0e0e0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-dot{width:8px;height:8px;border-radius:50%;margin-left:auto}.status-dot.online{background:#0f8;box-shadow:0 0 8px #0f8;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.status-content{display:flex;flex-direction:column;gap:8px}.status-item{background:linear-gradient(145deg,#333,#222);border:1px solid #555;border-radius:4px;padding:10px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.status-item:hover{border-color:#777;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.status-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.status-label{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.5px;line-height:1}.status-value{color:#e0e0e0;font-size:12px;font-weight:500;line-height:1.2}.status-alert{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:6px;border-top:1px solid #444;font-size:10px;color:#0f8}.alert-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.alert-dot.success{background:#0f8;box-shadow:0 0 6px #0f8;animation:pulse-dot 2s ease-in-out infinite}.highlights-list{display:flex;flex-direction:column;gap:10px}.highlight-item{position:relative;padding:8px 0}.highlight-number{color:#ff6b35;font-size:18px;font-weight:700;line-height:1;margin-bottom:2px}.highlight-text{color:#e0e0e0;font-size:11px;font-weight:500;margin-bottom:6px}.highlight-bar{height:3px;border-radius:2px;transition:width 1s ease-out;box-shadow:0 0 8px currentColor;position:relative;overflow:hidden}.highlight-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.status-panel::-webkit-scrollbar{width:6px}.status-panel::-webkit-scrollbar-track{background:#0003;border-radius:3px}.status-panel::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.status-panel::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width: 768px){.status-panel{padding:15px;gap:20px}.panel-section{padding:15px}.status-item{padding:12px}.status-value{font-size:14px}.highlight-number{font-size:20px}}@media (max-width: 480px){.status-panel{padding:12px;gap:15px}.panel-section{padding:12px}.section-header{font-size:12px}.status-item{padding:10px;gap:8px}}.steam-effects-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.steam-particle{position:absolute;bottom:20%;width:4px;height:20px;background:linear-gradient(to top,rgba(255,255,255,.3),transparent);border-radius:var(--radius-sm);filter:blur(1px)}.steam-vents{position:absolute;top:0;left:0;width:100%;height:100%}.steam-vent{position:absolute}.vent-1{top:15%;left:25%}.vent-2{bottom:25%;right:30%}.vent-particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(255,255,255,.4),transparent);border-radius:var(--radius-full);filter:blur(1px)}.vent-1 .vent-particle:nth-child(1){left:0}.vent-1 .vent-particle:nth-child(2){left:8px}.vent-1 .vent-particle:nth-child(3){left:16px}.vent-2 .vent-particle:nth-child(1){left:0}.vent-2 .vent-particle:nth-child(2){left:10px}.vent-2 .vent-particle:nth-child(3){left:20px}@media (max-width: 768px){.steam-particle{width:3px;height:15px}.vent-particle{width:4px;height:4px}}.animate-steam-main{animation:steam-main 2s ease-out infinite}.animate-vent-1{animation:vent-1 2.5s ease-out infinite}.animate-vent-2{animation:vent-2 3s ease-out infinite}@keyframes steam-main{0%{transform:translateY(0) scale(1);opacity:.7}to{transform:translateY(-50px) scale(1.5);opacity:0}}@keyframes vent-1{0%{transform:translateY(0) scale(.8);opacity:.8}to{transform:translateY(-40px) scale(1.2);opacity:0}}@keyframes vent-2{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-35px) scale(1.4);opacity:0}}@media (prefers-reduced-motion: reduce){.steam-particle,.vent-particle{animation:none!important}}.metric-detail-panel{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:linear-gradient(145deg,#141923f2,#1e232df2);border-left:2px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:right .3s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #0000004d;overflow-y:auto;display:flex;flex-direction:column}.metric-detail-panel.open{right:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-border);background:#0003;flex-shrink:0}.panel-title{display:flex;align-items:center;gap:12px;flex:1}.title-content h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0;line-height:1.2}.metric-category{display:inline-block;font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;background:#ffffff1a;padding:2px 8px;border-radius:10px;margin-top:4px}.close-panel-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-panel-btn:hover{background:#ffffff1a;color:var(--color-text-primary);transform:scale(1.1)}.panel-content{padding:20px;flex:1;display:flex;flex-direction:column;gap:24px}.current-metric{text-align:center;padding:20px;background:#0000004d;border-radius:12px;border:1px solid var(--color-border)}.metric-value{font-size:36px;font-weight:700;font-family:var(--font-family-mono);margin-bottom:8px;text-shadow:0 0 20px currentColor}.metric-label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.metric-description{background:#ffffff0d;padding:16px;border-radius:8px;border-left:3px solid var(--color-primary)}.metric-description p{color:var(--color-text-secondary);line-height:1.5;margin:0;font-size:14px}.metric-insights h4,.category-details h4,.metric-tip h4{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:8px}.insight-cards{display:flex;flex-direction:column;gap:8px}.insight-card{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.insight-card:hover{background:#ffffff14;transform:translate(4px)}.insight-card svg{color:var(--color-primary);flex-shrink:0}.insight-content{display:flex;flex-direction:column;gap:2px;flex:1}.insight-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.insight-value{font-size:13px;color:var(--color-text-primary);font-weight:500}.detail-list{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border-radius:6px;font-size:13px;color:var(--color-text-secondary);transition:all .2s ease}.detail-item:hover{background:#ffffff0f;color:var(--color-text-primary)}.detail-item svg{color:var(--color-primary);flex-shrink:0}.metric-tip{background:linear-gradient(135deg,#ffc1071a,#ff98001a);padding:16px;border-radius:8px;border:1px solid rgba(255,193,7,.2)}.metric-tip p{color:var(--color-text-secondary);font-size:13px;line-height:1.4;margin:0;font-style:italic}.metric-detail-panel::-webkit-scrollbar{width:6px}.metric-detail-panel::-webkit-scrollbar-track{background:#ffffff0d}.metric-detail-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.metric-detail-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.metric-detail-panel{width:100vw;right:-100vw}.metric-detail-panel.open{right:0}.panel-content{padding:16px;gap:20px}.current-metric{padding:16px}.metric-value{font-size:28px}}@media (max-width: 480px){.panel-header{padding:16px}.title-content h3{font-size:16px}.metric-value{font-size:24px}.panel-content{padding:12px;gap:16px}}.metric-detail-panel.open .panel-content>*{animation:slideInContent .4s ease-out forwards}.metric-detail-panel.open .panel-content>*:nth-child(1){animation-delay:.1s}.metric-detail-panel.open .panel-content>*:nth-child(2){animation-delay:.15s}.metric-detail-panel.open .panel-content>*:nth-child(3){animation-delay:.2s}.metric-detail-panel.open .panel-content>*:nth-child(4){animation-delay:.25s}.metric-detail-panel.open .panel-content>*:nth-child(5){animation-delay:.3s}@keyframes slideInContent{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.mechanical-dashboard{width:100vw;min-height:100vh;display:grid;grid-template-columns:250px 1fr 300px;grid-template-rows:60px 1fr 50px;gap:10px;padding:10px;position:relative;overflow-x:hidden;overflow-y:auto;background:transparent;box-sizing:border-box}@media screen and (max-width: 768px){.mechanical-dashboard{display:block!important;width:100%!important;padding:10px!important;grid-template-columns:none!important;grid-template-rows:none!important;grid-template-areas:none!important}.dashboard-header,.navigation-panel,.dashboard-main,.dashboard-footer{width:100%!important;margin-bottom:10px!important;display:block!important;grid-column:unset!important;grid-row:unset!important;grid-area:unset!important}.dashboard-sidebar{display:none!important}.header-content{flex-wrap:wrap!important;gap:10px!important;padding:8px 15px!important}.logo-section{flex-shrink:0!important}.header-controls{flex-wrap:wrap!important;justify-content:flex-end!important}.nav-buttons{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}.nav-btn{flex:1!important;min-width:80px!important;text-align:center!important}.footer-content{flex-direction:column!important;text-align:center!important;gap:10px!important}.contact-info{display:flex!important;flex-direction:column!important;gap:5px!important;margin-bottom:10px!important}.contact-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important}.social-links{display:flex!important;align-items:center!important;gap:15px!important;flex-wrap:wrap!important;justify-content:center!important}}.background-gears{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.1}.background-gear-system{position:absolute}.dashboard-header{grid-column:1 / -1;background:#2a2a2acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(68,68,68,.6);border-radius:8px;box-shadow:inset 0 2px 4px #ffffff1a,0 4px 8px #0000004d;position:relative;z-index:10}.header-content{display:flex;align-items:center;justify-content:space-between;padding:8px 30px;height:100%;box-sizing:border-box}.navigation-panel{background:#2a2a2acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(68,68,68,.6);border-radius:8px;padding:20px;box-shadow:inset 0 2px 4px #ffffff1a,0 4px 8px #0000004d;z-index:5}.nav-content h3{color:#ff6b35;font-size:16px;margin-bottom:15px;text-shadow:0 0 10px rgba(255,107,53,.3)}.nav-buttons{display:flex;flex-direction:column;gap:10px}.nav-btn{background:linear-gradient(145deg,#333,#222);border:1px solid #555;border-radius:6px;padding:12px 16px;color:#e0e0e0;cursor:pointer;transition:all .3s ease;font-size:14px}.nav-btn:hover{border-color:#ff6b35;box-shadow:0 0 15px #ff6b354d;transform:translateY(-1px)}.nav-btn.active{background:linear-gradient(145deg,#444,#333);border-color:#ff6b35;box-shadow:0 0 20px #ff6b3566;color:#ff6b35}.logo-section{display:flex;align-items:center;gap:15px}.engineer-logo{display:flex;align-items:center;justify-content:center}.profile-container{width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative;z-index:5}.profile-image-circular{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary);box-shadow:0 0 15px var(--color-glow-primary),inset 0 0 10px #0003;transition:all .3s ease}.profile-image-circular:hover{transform:scale(1.05);box-shadow:0 0 25px var(--color-glow-primary),inset 0 0 15px #0000004d}.title-section h1{color:#ff6b35;font-size:24px;font-weight:700;text-shadow:0 0 10px rgba(255,107,53,.3);margin:0}.title-section p{color:#ccc;font-size:14px;margin:0}.header-controls{display:flex;gap:20px;align-items:center}.control-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 16px;color:#ccc;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.control-button:hover{background:#ff6b351a;border-color:#ff6b354d;color:#ff6b35;transform:translateY(-1px)}.control-button.terminal-btn{background:#00ff881a;border-color:#0f83;color:#0f8}.control-button.terminal-btn:hover{background:#00ff8826;border-color:#0f86;color:#0f8}.main-gear{width:50px;height:50px;background:conic-gradient(from 0deg,var(--color-primary),var(--color-primary-light),var(--color-warning),var(--color-secondary),var(--color-secondary-dark),var(--color-primary-dark));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);box-shadow:0 0 20px var(--color-glow-primary),inset 0 0 20px #ffffff1a;position:relative}.main-gear:before{content:"";position:absolute;width:60px;height:60px;border:3px solid var(--color-glow-primary);border-radius:var(--radius-full);top:-8px;left:-8px;animation:rotateReverse var(--duration-gear-medium) linear infinite}.title-section h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-shadow:0 0 10px var(--color-glow-primary);font-family:var(--font-family-display);text-transform:uppercase;letter-spacing:.05em}.title-section p{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-family-mono)}.header-controls{display:flex;align-items:center;gap:var(--space-5)}.terminal-button{background:linear-gradient(145deg,var(--color-surface-light),var(--color-surface));border:2px solid var(--color-border-light);border-radius:var(--radius-base);color:var(--color-text-secondary);padding:var(--space-3) var(--space-5);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium);transition:all var(--transition-base);font-family:var(--font-family-mono)}.terminal-button:hover{background:linear-gradient(145deg,var(--color-border-light),var(--color-surface-light));border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 15px var(--color-glow-accent)}.dashboard-main{background:#2a2a2acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(68,68,68,.6);border-radius:8px;padding:20px;box-shadow:inset 0 2px 4px #ffffff1a,0 4px 8px #0000004d;position:relative;z-index:5;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.dashboard-sidebar{grid-column:3;grid-row:2;z-index:5;min-height:0}.metrics-container{display:flex;flex-direction:column;gap:var(--space-5)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:20px;flex:1;min-height:0}.side-control-panel{background:#2a2a2acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(68,68,68,.6);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);box-shadow:var(--shadow-panel);overflow-y:auto}.control-section h3{color:var(--color-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-semibold)}.control-buttons{display:flex;flex-direction:column;gap:var(--space-2)}.control-btn{background:linear-gradient(145deg,var(--color-surface-light),var(--color-surface));border:2px solid var(--color-border-light);border-radius:var(--radius-base);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium);transition:all var(--transition-base);text-align:left}.control-btn:hover{background:linear-gradient(145deg,var(--color-border-light),var(--color-surface-light));transform:translateY(-2px)}.control-btn.primary:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 15px var(--color-glow-primary)}.control-btn.secondary:hover{border-color:var(--color-secondary);color:var(--color-secondary);box-shadow:0 0 15px var(--color-glow-secondary)}.control-btn.tertiary:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 15px var(--color-glow-accent)}.performance-bars{display:flex;flex-direction:column;gap:var(--space-3)}.performance-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs)}.performance-item span:first-child{min-width:80px;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.performance-item span:last-child{min-width:35px;color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono)}.progress-bar{flex:1;height:6px;background:var(--color-surface);border-radius:var(--radius-sm);overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.progress-fill{height:100%;border-radius:var(--radius-sm);box-shadow:0 0 10px currentColor;transition:background-color var(--transition-base)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.stat-item{background:#0000004d;border:1px solid var(--color-border-light);border-radius:var(--radius-base);padding:var(--space-3);text-align:center}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-1);font-family:var(--font-family-mono)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;line-height:var(--line-height-tight)}.dashboard-footer{background:#2a2a2acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(68,68,68,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);position:relative;z-index:10}.footer-content{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);height:100%}.status-indicators{display:flex;gap:var(--space-5)}.status-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-light{width:8px;height:8px;border-radius:var(--radius-full)}.status-light.online{background:var(--color-accent);box-shadow:0 0 10px var(--color-accent)}.status-light.warning{background:var(--color-warning);box-shadow:0 0 10px var(--color-warning)}.status-light.error{background:var(--color-error);box-shadow:0 0 10px var(--color-error)}.system-info{display:flex;gap:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-family-mono)}@media (max-width: 1200px){.mechanical-dashboard{grid-template-columns:200px 1fr 250px;min-height:100vh;height:auto}.dashboard-main{padding:15px}.metrics-grid{gap:15px}}@media (max-width: 1024px){.mechanical-dashboard{grid-template-columns:180px 1fr 200px;padding:8px;gap:8px}.header-content{padding:6px 20px}.title-section h1{font-size:20px}.engineer-subtitle{font-size:13px}.control-button{padding:8px 12px;font-size:12px}.navigation-panel{padding:15px}.nav-btn{padding:10px 14px;font-size:13px}.dashboard-main{padding:12px}.footer-content{padding:8px 20px;font-size:13px}}@media (max-width: 900px){.mechanical-dashboard{grid-template-columns:1fr!important;grid-template-rows:auto auto 1fr auto!important;padding:10px!important;gap:10px!important}.dashboard-header{grid-column:1!important;grid-row:1!important}.navigation-panel{grid-column:1!important;grid-row:2!important;padding:15px}.nav-buttons{flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:center}.nav-btn{padding:8px 12px;font-size:12px;flex:1;min-width:80px;text-align:center}.dashboard-main{grid-column:1!important;grid-row:3!important;padding:15px}.dashboard-sidebar{display:none!important}.dashboard-footer{grid-column:1!important;grid-row:4!important}.footer-content{flex-direction:column;text-align:center;gap:10px}}@media (max-width: 768px){.mechanical-dashboard{grid-template-columns:1fr!important;grid-template-rows:auto auto 1fr auto!important;padding:10px!important;gap:10px!important;min-height:100vh;overflow-x:hidden}.side-control-panel{display:none!important}.dashboard-header{grid-column:1;grid-row:1}.header-content{padding:8px 15px;display:flex;align-items:center;justify-content:space-between;min-height:50px;flex-wrap:wrap;gap:10px}.logo-section{gap:10px;flex-direction:row;align-items:center;flex-shrink:0}.profile-container{width:40px;height:40px}.title-section h1{font-size:18px;margin:0}.engineer-subtitle{font-size:12px;margin:2px 0 0}.header-controls{gap:6px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.control-button{padding:4px 10px;font-size:12px;min-height:28px;min-width:60px}.navigation-panel{grid-column:1!important;grid-row:2!important;padding:15px}.dashboard-sidebar{display:none!important}.nav-buttons{flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:center}.nav-btn{padding:8px 12px;font-size:12px;flex:1;min-width:80px;text-align:center}.dashboard-main{padding:15px;grid-column:1!important;grid-row:3!important;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.section-content{padding:15px;width:100%;max-width:100%;box-sizing:border-box}.section-header{margin-bottom:15px}.section-title{font-size:20px;margin-bottom:5px}.section-subtitle{font-size:14px}.section-description{font-size:14px;line-height:1.4;margin-bottom:20px;word-wrap:break-word;overflow-wrap:break-word}.portfolio-actions{margin-bottom:20px;margin-top:16px}.action-group{margin-bottom:15px}.action-group h4{font-size:14px;margin-bottom:10px}.action-buttons{gap:8px;flex-wrap:wrap}.action-button{padding:8px 12px;font-size:12px;min-height:36px}.metrics-grid{grid-template-columns:1fr;gap:15px;width:100%;max-width:100%}.dashboard-footer{grid-column:1!important;grid-row:4!important}.footer-content{padding:10px 15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;text-align:center}.contact-info{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.contact-item{display:flex;flex-direction:column;align-items:center;gap:2px}.contact-item .label{font-size:10px;color:var(--color-text-muted)}.contact-item .value{font-size:11px;color:var(--color-text-secondary)}.status-indicators,.system-info{display:none}.social-links{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:center}.social-link{font-size:11px;padding:4px 8px;display:flex;align-items:center;gap:4px}.portfolio-status{display:flex;align-items:center;gap:6px;font-size:12px}}@media (max-width: 480px){.mechanical-dashboard{padding:5px;gap:5px}.header-content{padding:6px 12px;flex-direction:row;gap:8px;text-align:left;min-height:45px;flex-wrap:wrap}.logo-section{gap:6px;flex-direction:row;align-items:center;flex:1;min-width:0}.profile-container{width:35px;height:35px}.title-section h1{font-size:16px;margin-bottom:2px}.engineer-subtitle{font-size:11px}.header-controls{gap:4px;justify-content:flex-end;flex-wrap:wrap}.control-button{padding:4px 8px;font-size:11px;min-height:28px;min-width:50px}.control-button span{display:none}.navigation-panel{padding:10px}.nav-buttons{gap:4px}.nav-btn{padding:6px 8px;font-size:11px;min-width:60px}.dashboard-main,.section-content{padding:10px}.section-title{font-size:18px}.section-subtitle{font-size:12px}.section-description{font-size:13px;line-height:1.3;margin-bottom:15px}.action-group h4{font-size:12px;margin-bottom:8px}.action-button{padding:6px 10px;font-size:11px;min-height:32px}.metrics-grid{gap:10px}.footer-content{padding:8px 10px;font-size:11px;flex-direction:column;gap:8px}.contact-info{gap:3px;margin-bottom:8px}.contact-item .label{font-size:9px}.contact-item .value{font-size:10px}.social-links{gap:10px}.social-link{font-size:10px;padding:3px 6px}.portfolio-status{font-size:11px}}.section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.section-title-area{flex:1}.section-subtitle{font-size:16px;color:var(--color-text-secondary);margin:8px 0 0;font-style:italic;opacity:.8}.section-description{margin-bottom:24px;padding:20px;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.section-description p{font-size:16px;line-height:1.6;color:var(--color-text-primary);margin:0;text-align:left;font-weight:500;white-space:pre-line}.section-description strong{color:#ff6b35;font-weight:600}.section-header h2{color:#ff6b35;font-size:24px;text-shadow:0 0 10px rgba(255,107,53,.3);margin:0}.section-indicator{display:flex;align-items:center;gap:8px;font-size:14px;color:#0f8}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#0f8}.action-group{display:flex;gap:15px;justify-content:center}.portfolio-action{background:linear-gradient(145deg,#333,#222);border:1px solid #555;border-radius:6px;padding:12px 20px;color:#e0e0e0;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px}.portfolio-action.primary{border-color:#ff6b35;color:#ff6b35}.portfolio-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.dashboard-footer{grid-column:1 / -1;background:#2a2a2acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(68,68,68,.6);border-radius:8px;box-shadow:inset 0 2px 4px #ffffff1a,0 4px 8px #0000004d;z-index:10}.footer-content{display:flex;align-items:center;justify-content:space-between;padding:0 30px;height:100%;font-size:12px}.contact-info{display:flex;gap:25px;align-items:center}.contact-item{display:flex;gap:5px;align-items:center}.label{color:#888;font-weight:500}.value{color:#e0e0e0}.contact-link{color:#0af;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#0f8;text-decoration:underline}.status-available{color:#ffcc02;font-weight:700}.social-links{display:flex;align-items:center;gap:20px}.social-link{display:flex;align-items:center;gap:6px;color:#ccc;text-decoration:none;padding:6px 12px;border-radius:4px;transition:all .3s ease;font-size:12px;border:1px solid transparent}.social-link:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.social-link.linkedin{border-color:#0077b5;color:#0077b5}.social-link.linkedin:hover{background:#0077b51a;box-shadow:0 2px 8px #0077b54d}.social-link.github{border-color:#333;color:#f0f0f0}.social-link.github:hover{background:#ffffff1a;box-shadow:0 2px 8px #fff3}.social-link.twitter{border-color:#1da1f2;color:#1da1f2}.social-link.twitter:hover{background:#1da1f21a;box-shadow:0 2px 8px #1da1f24d}.portfolio-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#0f8;padding-left:15px;border-left:1px solid #444}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#0f8;box-shadow:0 0 8px #0f8}.terminal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.terminal-overlay{background:#0a0a0a;border:2px solid #333;border-radius:8px;width:90%;max-width:1200px;height:85%;max-height:900px;display:flex;flex-direction:column;box-shadow:0 0 30px #0f03,inset 0 0 50px #000c;font-family:Courier New,Monaco,Menlo,monospace;overflow:hidden;position:relative}.terminal-header{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-bottom:1px solid #333;padding:8px 15px;display:flex;align-items:center;justify-content:space-between;min-height:40px}.terminal-title{display:flex;align-items:center;gap:8px;color:#0f0;font-size:14px;font-weight:700}.terminal-controls{display:flex;gap:8px}.control-button{width:16px;height:16px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s ease}.control-button.minimize{background:#fa0}.control-button.close{background:#f44}.control-button:hover{transform:scale(1.1);box-shadow:0 0 8px currentColor}.terminal-content{flex:1;display:flex;flex-direction:column;background:#000;position:relative;min-height:0;overflow:hidden}.terminal-output{flex:1;padding:8px 15px 10px;overflow-y:auto;overflow-x:hidden;font-size:14px;line-height:1.3;color:#0f0;background:radial-gradient(circle at 50% 50%,rgba(0,255,0,.02) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,0,.03) 1px,rgba(0,255,0,.03) 2px);scroll-behavior:smooth;will-change:scroll-position;min-height:0}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#111}.terminal-output::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#555}.output-line{margin-bottom:1px;word-wrap:break-word;word-break:break-word;min-height:18px;display:block;animation:fadeInLine .2s ease-out;white-space:pre-wrap}.output-line:empty{min-height:0;margin-bottom:0}@keyframes fadeInLine{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.prompt{color:#0f0;font-weight:700}.output-text{color:#ccc;margin-left:0}.error-text{color:#f44}.success-text{color:#0f8}.warning-text{color:#fa0}.info-text{color:#0af}.command-category{color:#ff6b35;font-weight:700;margin:4px 0 2px;text-decoration:underline;display:block}.command-item{margin-left:20px;margin-bottom:1px;display:block;overflow-wrap:break-word}.command-name{color:#0f8;font-weight:700;min-width:120px;display:inline-block;vertical-align:top}.command-desc{color:#ccc;display:inline}.welcome-message{color:#0f8;font-weight:700;margin-bottom:4px}.ascii-art{color:#ff6b35;font-family:monospace;font-size:12px;line-height:1.2;margin:10px 0;white-space:pre}.typing-indicator{display:flex;align-items:center;gap:5px;color:#0f0;margin-top:5px}.typing-cursor{animation:blink 1s infinite;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-input-form{border-top:1px solid #333;padding:12px 15px;background:#0a0a0a;flex-shrink:0;min-height:50px;position:sticky;bottom:0;z-index:10}.input-line{display:flex;align-items:center;gap:8px}.input-line .prompt{color:#0f0;font-weight:700;font-size:14px}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:#0f0;font-family:inherit;font-size:14px;caret-color:#0f0}.terminal-input::placeholder{color:#555}.animate-terminal-in{animation:terminalSlideIn .4s ease-out}@keyframes terminalSlideIn{0%{transform:scale(.8) translateY(-50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.terminal-content:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);pointer-events:none;z-index:1}.terminal-output{position:relative;z-index:2}@media (max-width: 768px){.terminal-overlay{width:95%;height:85%;max-height:600px;font-size:12px}.terminal-output{padding:10px;font-size:12px}.terminal-input{font-size:12px}.ascii-art{font-size:8px;line-height:1.1}.terminal-input-form{padding:8px 10px;min-height:40px}}@media (max-width: 480px){.terminal-overlay{width:98%;height:90%}.terminal-header{padding:6px 10px}.terminal-title{font-size:12px}}.timeline-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.timeline-modal{background:linear-gradient(145deg,var(--color-background-panel),var(--color-background-elevated));border:2px solid var(--color-border-light);border-radius:var(--radius-xl);width:95%;max-width:1200px;height:90%;max-height:900px;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080,0 0 50px var(--color-primary) 20;position:relative;overflow:hidden;animation:slideUp .4s ease-out}.timeline-modal:before{content:"";position:absolute;inset:-2px;background:conic-gradient(from 0deg,transparent,var(--color-primary),var(--color-secondary),var(--color-accent),transparent);border-radius:var(--radius-xl);z-index:-1;opacity:.6;animation:rotate 10s linear infinite}.timeline-header{background:linear-gradient(135deg,var(--color-surface),var(--color-surface-dark));border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;min-height:80px}.timeline-title{display:flex;align-items:center;gap:var(--space-3);flex:1}.timeline-title svg{color:var(--color-primary);filter:drop-shadow(0 0 8px var(--color-primary)40)}.timeline-title h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;text-shadow:0 0 10px var(--color-primary)30}.timeline-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;margin-left:var(--space-2)}.timeline-close-btn{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);color:#f44}.timeline-close-btn:hover{background:#f443;border-color:#f44;transform:scale(1.1);box-shadow:0 0 15px #f446}.timeline-content{flex:1;overflow-y:auto;padding:var(--space-5);background:var(--color-background)}.timeline-container{max-width:900px;margin:0 auto;position:relative}.timeline-item{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);position:relative;animation:slideInLeft .6s ease-out;animation-fill-mode:both}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:nth-child(6){animation-delay:.6s}.timeline-line{display:flex;flex-direction:column;align-items:center;min-width:60px;position:relative}.timeline-dot{width:50px;height:50px;border-radius:var(--radius-full);background:var(--item-color, var(--color-primary));border:3px solid var(--color-background);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px var(--item-color, var(--color-primary)) 40,0 4px 15px #0000004d;position:relative;z-index:2;transition:all var(--transition-base)}.timeline-dot:hover{transform:scale(1.1);box-shadow:0 0 30px var(--item-color, var(--color-primary)) 60,0 6px 20px #0006}.timeline-connector{width:3px;height:100px;background:linear-gradient(to bottom,var(--item-color, var(--color-primary)),transparent);margin-top:var(--space-2);border-radius:var(--radius-sm);opacity:.6}.timeline-card{flex:1;background:linear-gradient(145deg,var(--color-surface),var(--color-surface-dark));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 8px 25px #0003,0 0 15px var(--item-color, var(--color-primary)) 10;transition:all var(--transition-base);position:relative;overflow:hidden}.timeline-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--item-color, var(--color-primary));border-radius:0 var(--radius-sm) var(--radius-sm) 0}.timeline-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0000004d,0 0 25px var(--item-color, var(--color-primary)) 20;border-color:var(--item-color, var(--color-primary))}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-3)}.card-title-section{flex:1}.card-period{display:flex;align-items:center;gap:var(--space-1);color:var(--item-color, var(--color-primary));font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight)}.card-company,.card-location{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.card-company svg,.card-location svg{color:var(--color-text-muted)}.card-type-badge{background:var(--item-color, var(--color-primary));color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px var(--item-color, var(--color-primary)) 30}.card-description{margin-bottom:var(--space-4)}.card-description p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.card-achievements h4,.card-technologies h4{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:.5px}.card-achievements h4 svg,.card-technologies h4 svg{color:var(--item-color, var(--color-primary))}.card-achievements{margin-bottom:var(--space-4)}.card-achievements ul{list-style:none;padding:0;margin:0}.card-achievements li{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-1);padding-left:var(--space-3);position:relative}.card-achievements li:before{content:"▸";color:var(--item-color, var(--color-primary));position:absolute;left:0;font-weight:700}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-tag{background:#ffffff0d;border:1px solid var(--item-color, var(--color-primary))30;color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.tech-tag:hover{background:var(--item-color, var(--color-primary))10;border-color:var(--item-color, var(--color-primary));color:var(--color-text-primary);transform:translateY(-1px)}.timeline-summary{margin-top:var(--space-8);padding:var(--space-6);background:linear-gradient(145deg,var(--color-surface),var(--color-surface-dark));border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;animation:slideInUp .8s ease-out}.timeline-summary h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0;text-shadow:0 0 10px var(--color-primary)30}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.stat-item:hover{background:#ffffff14;border-color:var(--color-primary);transform:translateY(-2px)}.stat-item svg{color:var(--color-primary);filter:drop-shadow(0 0 8px var(--color-primary)40)}.stat-number{display:block;color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1;text-shadow:0 0 10px var(--color-primary)40}.stat-label{display:block;color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.career-philosophy{padding:var(--space-4);background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:var(--radius-md);margin-top:var(--space-4)}.career-philosophy p{color:var(--color-primary);font-size:var(--font-size-base);font-style:italic;font-weight:var(--font-weight-medium);margin:0;text-shadow:0 0 10px var(--color-primary)30}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.timeline-modal{width:98%;height:95%;margin:var(--space-2)}.timeline-header{padding:var(--space-3);flex-direction:column;align-items:flex-start;gap:var(--space-2)}.timeline-title{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.timeline-subtitle{margin-left:0}.timeline-content{padding:var(--space-3)}.timeline-item{flex-direction:column;gap:var(--space-2)}.timeline-line{flex-direction:row;min-width:auto;width:100%;justify-content:flex-start}.timeline-dot{width:40px;height:40px}.timeline-connector{width:100px;height:3px;margin-top:0;margin-left:var(--space-2)}.card-header{flex-direction:column;align-items:flex-start}.summary-stats{grid-template-columns:1fr}.stat-item{justify-content:center}}@media (max-width: 480px){.timeline-modal{border-radius:var(--radius-md)}.timeline-header{padding:var(--space-2)}.timeline-title h2{font-size:var(--font-size-lg)}.timeline-content{padding:var(--space-2)}.timeline-card{padding:var(--space-3)}.card-title{font-size:var(--font-size-base)}.tech-tags{gap:var(--space-1)}.tech-tag{font-size:10px;padding:4px 8px}}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;opacity:1;background:#0000001a}.spinning-gears{position:absolute;width:100%;height:100%}.gear{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(100,255,218,.4) 0%,rgba(100,255,218,.2) 50%,transparent 70%);border:2px solid rgba(100,255,218,.6)}.gear:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;border-radius:50%;border:1px solid rgba(100,255,218,.3);background:radial-gradient(circle,transparent 40%,rgba(100,255,218,.1) 41%,rgba(100,255,218,.1) 59%,transparent 60%)}.gear:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;height:20%;border-radius:50%;background:#64ffda66;border:1px solid rgba(100,255,218,.6)}.gear.large{width:120px;height:120px;animation:spinGear 25s linear infinite;box-shadow:0 -65px 0 -55px #64ffda33,46px -46px 0 -55px #64ffda33,65px 0 0 -55px #64ffda33,46px 46px 0 -55px #64ffda33,0 65px 0 -55px #64ffda33,-46px 46px 0 -55px #64ffda33,-65px 0 0 -55px #64ffda33,-46px -46px 0 -55px #64ffda33}.gear.medium{width:80px;height:80px;animation:spinGearReverse 18s linear infinite;border-color:#ffd70033;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,rgba(255,215,0,.05) 50%,transparent 70%);box-shadow:0 -45px 0 -38px #ffd70033,32px -32px 0 -38px #ffd70033,45px 0 0 -38px #ffd70033,32px 32px 0 -38px #ffd70033,0 45px 0 -38px #ffd70033,-32px 32px 0 -38px #ffd70033,-45px 0 0 -38px #ffd70033,-32px -32px 0 -38px #ffd70033}.gear.small{width:50px;height:50px;animation:spinGear 12s linear infinite;border-color:#8a2be233;background:radial-gradient(circle,rgba(138,43,226,.1) 0%,rgba(138,43,226,.05) 50%,transparent 70%);box-shadow:0 -28px 0 -23px #8a2be233,20px -20px 0 -23px #8a2be233,28px 0 0 -23px #8a2be233,20px 20px 0 -23px #8a2be233,0 28px 0 -23px #8a2be233,-20px 20px 0 -23px #8a2be233,-28px 0 0 -23px #8a2be233,-20px -20px 0 -23px #8a2be233}.gear-1{top:8%;left:5%}.gear-2{top:15%;right:8%}.gear-3{bottom:20%;left:12%}.gear-4{bottom:25%;right:15%}.gear-5{top:50%;left:3%}.gear-6{top:60%;right:5%}.gear-7{top:75%;left:25%}.gear-8{top:30%;right:25%}.mechanical-connectors{position:absolute;width:100%;height:100%}.connector{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(100,255,218,.3) 50%,transparent 100%);height:2px;animation:pulseConnector 4s ease-in-out infinite}.connector-1{top:20%;left:10%;width:200px;transform:rotate(25deg);animation-delay:0s}.connector-2{bottom:30%;right:10%;width:150px;transform:rotate(-15deg);animation-delay:1s}.connector-3{top:60%;left:20%;width:180px;transform:rotate(45deg);animation-delay:2s}.connector-4{top:40%;right:30%;width:120px;transform:rotate(-30deg);animation-delay:3s}.connector-5{bottom:15%;left:40%;width:160px;transform:rotate(60deg);animation-delay:1.5s}.floating-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;background:radial-gradient(circle,rgba(100,255,218,.8) 0%,transparent 70%);border-radius:50%;animation:floatUp 20s infinite linear}.particle-1{left:8%;width:4px;height:4px;animation-delay:0s}.particle-2{left:18%;width:6px;height:6px;animation-delay:3s}.particle-3{left:28%;width:3px;height:3px;animation-delay:6s}.particle-4{left:38%;width:5px;height:5px;animation-delay:9s}.particle-5{left:48%;width:4px;height:4px;animation-delay:12s}.particle-6{left:58%;width:7px;height:7px;animation-delay:15s}.particle-7{left:68%;width:3px;height:3px;animation-delay:18s}.particle-8{left:78%;width:5px;height:5px;animation-delay:2s}.particle-9{left:88%;width:4px;height:4px;animation-delay:5s}.particle-10{left:13%;width:6px;height:6px;animation-delay:8s}.particle-11{left:33%;width:4px;height:4px;animation-delay:11s}.particle-12{left:73%;width:5px;height:5px;animation-delay:14s}.technical-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(100,255,218,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(100,255,218,.05) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 40s infinite linear}.pulse-rings{position:absolute;width:100%;height:100%}.pulse-ring{position:absolute;border:2px solid rgba(100,255,218,.3);border-radius:50%;animation:pulseRing 6s infinite ease-out}.ring-1{top:15%;left:15%;width:100px;height:100px;animation-delay:0s}.ring-2{bottom:25%;right:20%;width:150px;height:150px;animation-delay:2s}.ring-3{top:65%;left:60%;width:80px;height:80px;animation-delay:4s}.circuit-patterns{position:absolute;width:100%;height:100%}.circuit-line{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.4) 20%,rgba(0,255,255,.6) 50%,rgba(0,255,255,.4) 80%,transparent 100%);height:1px;animation:circuitFlow 8s ease-in-out infinite}.circuit-1{top:25%;left:5%;width:300px;transform:rotate(15deg);animation-delay:0s}.circuit-2{top:55%;right:10%;width:250px;transform:rotate(-20deg);animation-delay:2s}.circuit-3{bottom:35%;left:30%;width:200px;transform:rotate(35deg);animation-delay:4s}.circuit-4{top:80%;right:40%;width:180px;transform:rotate(-45deg);animation-delay:6s}.circuit-node{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#0ffc,#00ffff4d);border-radius:50%;animation:nodeFlicker 3s ease-in-out infinite;box-shadow:0 0 15px #0ff9}.node-1{top:30%;left:20%;animation-delay:0s}.node-2{top:60%;right:25%;animation-delay:1s}.node-3{bottom:40%;left:45%;animation-delay:2s}.node-4{top:75%;right:35%;animation-delay:1.5s}.code-rain{position:absolute;width:100%;height:100%;font-family:Courier New,monospace;font-size:12px;color:#0f06;overflow:hidden}.code-column{position:absolute;top:-100%;animation:codeRain 15s infinite linear;white-space:pre-line;line-height:1.2}.code-column-1{left:5%;animation-delay:0s}.code-column-2{left:20%;animation-delay:3s}.code-column-3{left:35%;animation-delay:6s}.code-column-4{left:50%;animation-delay:9s}.code-column-5{left:65%;animation-delay:12s}.code-column-6{left:80%;animation-delay:2s}.code-column-7{left:92%;animation-delay:5s}.code-column-8{left:12%;animation-delay:8s}.geometric-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border:1px solid rgba(255,215,0,.3);animation:shapeFloat 15s ease-in-out infinite}.triangle{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:25px solid rgba(255,215,0,.2);border-top:none;background:transparent}.square{width:20px;height:20px;background:#8a2be233;border:1px solid rgba(138,43,226,.4)}.circle{width:25px;height:25px;border-radius:50%;background:#0ff3;border:1px solid rgba(0,255,255,.4)}.hexagon{width:20px;height:20px;background:#ff450033;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:none}.shape-1{top:12%;left:8%;animation-delay:0s}.shape-2{top:25%;right:12%;animation-delay:3s}.shape-3{top:70%;left:18%;animation-delay:6s}.shape-4{bottom:15%;right:22%;animation-delay:9s}.shape-5{top:45%;left:85%;animation-delay:12s}.shape-6{bottom:60%;left:75%;animation-delay:2s}.energy-flows{position:absolute;width:100%;height:100%}.energy-beam{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(100,255,218,.6) 30%,rgba(255,255,255,.8) 50%,rgba(100,255,218,.6) 70%,transparent 100%);height:3px;animation:energyFlow 6s ease-in-out infinite;border-radius:2px;box-shadow:0 0 10px #64ffda80}.beam-1{top:35%;left:10%;width:400px;transform:rotate(12deg);animation-delay:0s}.beam-2{bottom:40%;right:5%;width:350px;transform:rotate(-25deg);animation-delay:2s}.beam-3{top:70%;left:40%;width:300px;transform:rotate(45deg);animation-delay:4s}@keyframes spinGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinGearReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseConnector{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.2)}}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes circuitFlow{0%,to{opacity:.3;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1.2)}}@keyframes nodeFlicker{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes codeRain{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes shapeFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes energyFlow{0%,to{opacity:.4;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1.3)}}@media (max-width: 768px){.animated-background{opacity:.4}.gear.large{width:80px;height:80px}.gear.medium{width:60px;height:60px}.gear.small{width:40px;height:40px}.connector{width:80px!important}.code-rain{display:none}.energy-beam{width:200px!important}}@media (max-width: 480px){.animated-background{opacity:.3}.spinning-gears .gear:nth-child(n+5){display:none}.geometric-shapes .shape:nth-child(n+4){display:none}.floating-particles .particle:nth-child(n+7){display:none}}