.gpu-accelerated{transform:translateZ(0);will-change:transform,opacity}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;-webkit-backface-visibility:hidden}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.mobile-optimized{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.font-optimized{font-display:swap;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@container (max-width: 400px){.responsive-image{width:100%;height:auto}}.critical-loading{overflow:hidden}.critical-loaded{overflow:auto}.performance-animation{transform:translateZ(0);will-change:transform;transition:transform .3s ease-out}.performance-animation:hover{transform:translateZ(0) scale(1.05)}.performance-grid{display:grid;contain:layout}.optimized-image{content-visibility:auto;contain-intrinsic-size:400px 400px}.lazy-placeholder{background:#f5f5f5;background-image:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);background-size:200% 200%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% -200%}to{background-position:200% 200%}}.stable-layout{contain:layout style paint}.optimized-text{text-rendering:optimizeSpeed;-webkit-font-smoothing:subpixel-antialiased}.touch-optimized{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.performance-indicator{position:fixed;top:10px;right:10px;background:rgba(0,0,0,.8);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;z-index:9999;display:none}@media (max-width: 768px){.performance-indicator{display:block}}.critical-loading{opacity:0;transition:opacity .3s ease-in}.critical-loaded{opacity:1}.mobile-optimized{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important;margin-left:0!important;margin-right:0!important}.mobile-text-center{text-align:center!important}.mobile-padding{padding:1rem!important}.mobile-margin{margin:1rem!important}}@media (max-width: 768px){button,.btn,[role=button]{min-height:44px;min-width:44px;padding:12px 16px}input,select,textarea{min-height:44px;font-size:16px}}@media (max-width: 768px){html{scroll-behavior:smooth}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (max-width: 768px){img{max-width:100%;height:auto}.mobile-optimized-image{object-fit:cover;object-position:center}}.performance-indicator{position:fixed;top:10px;right:10px;background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;z-index:9999;display:none}.performance-indicator.show{display:block}.skeleton-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e5e7eb;padding:8px 0;z-index:1000}.mobile-nav-item{flex:1;text-align:center;padding:8px;font-size:12px;color:#6b7280}.mobile-nav-item.active{color:#0d9488}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.high-contrast{border:2px solid currentColor;background:white;color:#000}}@media (prefers-color-scheme: dark){.dark-mode{background-color:#1f2937;color:#f9fafb}}