.container-responsive{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container-responsive{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.container-responsive{max-width:768px;padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.container-responsive{max-width:1024px}}@media(min-width:1280px){.container-responsive{max-width:1280px}}@media(min-width:1536px){.container-responsive{max-width:1536px}}.mobile-viewport-safe{max-width:100vw;overflow-x:hidden}.mobile-image-responsive{max-width:100%;height:auto;display:block}.mobile-content-fit{width:100%;max-width:100%;box-sizing:border-box}.mobile-text-readable{font-size:16px;line-height:1.4}@media(min-width:768px){.mobile-text-readable{font-size:1rem;line-height:1.6}}.touch-target{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.touch-target-large{min-height:48px;min-width:48px}.touch-spacing{margin:4px}.touch-spacing-lg{margin:8px}.touch-feedback{-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:background-color .15s ease,transform .15s ease}.touch-feedback:active{transform:scale(.98);background-color:#0000000d}.touch-feedback:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.no-touch-highlight{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-nav-item{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:background-color .15s ease,transform .15s ease}.mobile-nav-item:active{transform:scale(.98);background-color:#0000000d}.mobile-nav-item:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.mobile-nav-item{padding:.75rem 1rem;text-decoration:none;display:block;border-radius:.5rem}.mobile-nav-item:hover{background-color:#0000000d}.mobile-nav-item:active{background-color:#0000001a}.grid-responsive{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.grid-responsive{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:768px){.grid-responsive{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.mobile-form-input{font-size:16px;line-height:1.4}@media(min-width:768px){.mobile-form-input{font-size:1rem;line-height:1.6}}.mobile-form-input{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;width:100%;box-sizing:border-box}.mobile-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media screen and (max-width:767px){.mobile-form-input{font-size:16px}}.mobile-btn{font-size:16px;line-height:1.4}@media(min-width:768px){.mobile-btn{font-size:1rem;line-height:1.6}}.mobile-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:background-color .15s ease,transform .15s ease}.mobile-btn:active{transform:scale(.98);background-color:#0000000d}.mobile-btn:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.mobile-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-align:center;cursor:pointer;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.mobile-btn-primary{font-size:16px;line-height:1.4}@media(min-width:768px){.mobile-btn-primary{font-size:1rem;line-height:1.6}}.mobile-btn-primary{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:background-color .15s ease,transform .15s ease}.mobile-btn-primary:active{transform:scale(.98);background-color:#0000000d}.mobile-btn-primary:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.mobile-btn-primary{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-align:center;cursor:pointer;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#1f2937;color:#fff}.mobile-btn-primary:hover{background-color:#374151}.mobile-btn-secondary{font-size:16px;line-height:1.4}@media(min-width:768px){.mobile-btn-secondary{font-size:1rem;line-height:1.6}}.mobile-btn-secondary{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:background-color .15s ease,transform .15s ease}.mobile-btn-secondary:active{transform:scale(.98);background-color:#0000000d}.mobile-btn-secondary:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.mobile-btn-secondary{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-align:center;cursor:pointer;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:transparent;color:#1f2937;border:1px solid #d1d5db}.mobile-btn-secondary:hover{background-color:#f9fafb}.mobile-spacing{padding:1rem}@media(min-width:768px){.mobile-spacing{padding:1.5rem}}@media(min-width:1024px){.mobile-spacing{padding:2rem}}.mobile-spacing-sm{padding:.5rem}@media(min-width:768px){.mobile-spacing-sm{padding:1rem}}.mobile-spacing-lg{padding:1.5rem}@media(min-width:768px){.mobile-spacing-lg{padding:2rem}}@media(min-width:1024px){.mobile-spacing-lg{padding:3rem}}.mobile-only{display:block}@media(min-width:768px){.mobile-only{display:none}}.desktop-only{display:none}@media(min-width:768px){.desktop-only{display:block}}.tablet-up{display:none}@media(min-width:768px){.tablet-up{display:block}}.mobile-popup-container{max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch}@supports (height: 100dvh){.mobile-popup-container{max-height:calc(100dvh - 2rem)}}@supports (padding: max(0px)){.mobile-popup-safe{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.popup-overlay-mobile{position:fixed;inset:0;padding:1rem;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;z-index:9999}@media(max-height:600px){.popup-overlay-mobile{align-items:flex-start;padding-top:2rem;padding-top:max(2rem,env(safe-area-inset-top))}}.popup-open{overflow:hidden;position:fixed;width:100%;height:100%}@media(max-width:768px){@keyframes popup-mobile{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-popup{animation:popup-mobile .25s ease-out}}.mobile-touch-target{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:background-color .15s ease,transform .15s ease}.mobile-touch-target:active{transform:scale(.98)}.video-player{width:100%;height:auto;background-color:#000;border-radius:.75rem;overflow:hidden}.video-player video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.video-lazy{background-color:#f3f4f6;background-image:linear-gradient(45deg,#f3f4f6 25%,transparent 25%),linear-gradient(-45deg,#f3f4f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3f4f6 75%),linear-gradient(-45deg,transparent 75%,#f3f4f6 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;animation:video-loading 1s linear infinite}@keyframes video-loading{0%{background-position:0 0,0 10px,10px -10px,-10px 0px}to{background-position:20px 20px,20px 30px,30px 10px,10px 20px}}.dark .video-lazy{background-color:#374151;background-image:linear-gradient(45deg,#374151 25%,transparent 25%),linear-gradient(-45deg,#374151 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#374151 75%),linear-gradient(-45deg,transparent 75%,#374151 75%)}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:1rem;opacity:0;transition:opacity .3s ease}.video-container:hover .video-controls{opacity:1}.video-thumbnail{position:relative;cursor:pointer;border-radius:.75rem;overflow:hidden;background-color:#000}.video-thumbnail:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.video-thumbnail:after{content:"";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);width:0;height:0;border-left:20px solid #000;border-top:12px solid transparent;border-bottom:12px solid transparent;z-index:3}.video-thumbnail:hover:before{background-color:#fff;transform:translate(-50%,-50%) scale(1.1)}.video-16-9{aspect-ratio:16 / 9}.video-4-3{aspect-ratio:4 / 3}.video-1-1{aspect-ratio:1 / 1}.video-optimized{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:768px){.video-player{border-radius:.5rem}.video-controls{padding:.75rem}.video-thumbnail:before{width:48px;height:48px}.video-thumbnail:after{border-left:16px solid #000;border-top:10px solid transparent;border-bottom:10px solid transparent}}.video-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.video-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.video-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.video-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center}.video-fullscreen video{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.video-quality-badge{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;z-index:2}.video-buffering{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:video-spin 1s linear infinite;z-index:3}@keyframes video-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background-color:#f3f4f6;border-radius:.75rem;color:#6b7280;text-align:center;padding:2rem}.dark .video-error{background-color:#374151;color:#9ca3af}.video-error-icon{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.mobile-card{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}@media(min-width:768px){.mobile-card{padding:1.5rem;margin-bottom:1.5rem}}@media(prefers-color-scheme:dark){.mobile-card{background:#1f2937;color:#fff;box-shadow:0 1px 3px #0000004d}.mobile-btn-primary{background-color:#f9fafb;color:#1f2937}.mobile-btn-primary:hover{background-color:#e5e7eb}.mobile-btn-secondary{color:#f9fafb;border-color:#4b5563}.mobile-btn-secondary:hover{background-color:#374151}.mobile-form-input{background-color:#374151;border-color:#4b5563;color:#fff}.mobile-form-input:focus{border-color:#60a5fa}}.dark .mobile-card{background:#1f2937;color:#fff;box-shadow:0 1px 3px #0000004d}.dark .mobile-btn-primary{background-color:#f9fafb;color:#1f2937}.dark .mobile-btn-primary:hover{background-color:#e5e7eb}.dark .mobile-btn-secondary{color:#f9fafb;border-color:#4b5563}.dark .mobile-btn-secondary:hover{background-color:#374151}.dark .mobile-form-input{background-color:#374151;border-color:#4b5563;color:#fff}.dark .mobile-form-input:focus{border-color:#60a5fa}