.screenshot-glass{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}.screenshot-glass,.screenshot-glass-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.screenshot-glass-dark{background:rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.1)}.screenshot-hover-lift{transition:all .4s cubic-bezier(.4,0,.2,1)}.screenshot-hover-lift:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.screenshot-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite}.screenshot-shimmer-dark{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.screenshot-pulse{animation:screenshot-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes screenshot-pulse{0%,to{opacity:1}50%{opacity:.5}}.screenshot-float{animation:screenshot-float 6s ease-in-out infinite}@keyframes screenshot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.screenshot-glow-blue{box-shadow:0 0 20px rgba(59,130,246,.3)}.screenshot-glow-green{box-shadow:0 0 20px rgba(34,197,94,.3)}.screenshot-glow-purple{box-shadow:0 0 20px rgba(147,51,234,.3)}.device-frame-mobile,.device-frame-tablet{background:linear-gradient(135deg,#667eea,#764ba2)}.device-frame-desktop{background:linear-gradient(135deg,#4facfe,#00f2fe)}.device-frame-desktop-modern{background:linear-gradient(135deg,#1e293b,#334155 50%,#1e293b);position:relative;overflow:hidden}.device-frame-desktop-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(147,51,234,.1));pointer-events:none;border-radius:inherit}.device-frame-desktop-modern:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent 50%,hsla(0,0%,100%,.02));pointer-events:none;border-radius:inherit}.desktop-scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2) 10%,rgba(59,130,246,.8) 50%,rgba(59,130,246,.2) 90%,transparent);box-shadow:0 0 8px rgba(59,130,246,.6),0 0 16px rgba(59,130,246,.4),0 0 24px rgba(59,130,246,.2);animation:realistic-scan 3s linear infinite;z-index:10}.desktop-scan-line:before{content:"";position:absolute;top:-8px;left:0;right:0;height:18px;background:linear-gradient(180deg,rgba(59,130,246,.1),rgba(59,130,246,.3) 40%,rgba(59,130,246,.6) 50%,rgba(59,130,246,.3) 60%,rgba(59,130,246,.05));filter:blur(1px);opacity:.7}.desktop-scan-line:after{content:"";position:absolute;top:2px;left:0;right:0;height:1px;background:rgba(59,130,246,.9);box-shadow:0 0 4px rgba(59,130,246,.8)}@keyframes realistic-scan{0%{top:0;opacity:0;transform:scaleX(.8)}5%{opacity:1;transform:scaleX(1)}45%{opacity:1;transform:scaleX(1)}50%{top:calc(100% - 2px);opacity:0;transform:scaleX(.8)}55%{top:calc(100% - 2px);opacity:1;transform:scaleX(1)}95%{opacity:1;transform:scaleX(1)}to{top:0;opacity:0;transform:scaleX(.8)}}.desktop-scan-line{position:relative}.desktop-scan-line:before{animation:scan-glow 3s linear infinite}@keyframes scan-glow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes scan-pulse{0%,to{box-shadow:0 0 8px rgba(59,130,246,.6),0 0 16px rgba(59,130,246,.4),0 0 24px rgba(59,130,246,.2)}50%{box-shadow:0 0 12px rgba(59,130,246,.8),0 0 24px rgba(59,130,246,.6),0 0 36px rgba(59,130,246,.4)}}.desktop-scan-line{animation:realistic-scan 3s linear infinite,scan-pulse .1s ease-in-out infinite}.screenshot-reflection:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%);pointer-events:none;border-radius:inherit}.screenshot-zoom-transition{transition:transform .3s cubic-bezier(.4,0,.2,1)}.screenshot-zoom-transition:hover{transform:scale(1.05)}.status-badge-animate{animation:status-badge-pulse 2s ease-in-out infinite}@keyframes status-badge-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.fullscreen-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.8)}.fullscreen-content{animation:fullscreen-appear .3s cubic-bezier(.4,0,.2,1)}@keyframes fullscreen-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.screenshot-button{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.screenshot-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.screenshot-button:hover:before{left:100%}.screenshot-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.device-selector{background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.1)}.device-selector,.device-selector-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.device-selector-dark{background:rgba(31,41,55,.9);border:1px solid hsla(0,0%,100%,.1)}.device-selector-item{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.device-selector-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#3b82f6;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateX(-50%)}.device-selector-item.active:after{width:80%}@media (max-width:640px){.screenshot-hover-lift:hover{transform:translateY(-4px) scale(1.01)}.screenshot-button:hover{transform:translateY(-1px)}}@media (prefers-color-scheme:dark){.screenshot-glass{background:rgba(0,0,0,.2)}.device-selector,.screenshot-glass{border:1px solid hsla(0,0%,100%,.1)}.device-selector{background:rgba(31,41,55,.9)}}@media print{.screenshot-button,.screenshot-float,.screenshot-hover-lift{animation:none!important;transition:none!important;transform:none!important}.device-selector,.fullscreen-backdrop{display:none!important}}@media (prefers-reduced-motion:reduce){.fullscreen-content,.screenshot-float,.screenshot-hover-lift,.screenshot-pulse,.screenshot-shimmer,.status-badge-animate{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.screenshot-glass,.screenshot-glass-dark{background:hsla(0,0%,100%,.95);border:2px solid #000}.device-selector,.device-selector-dark{background:#fff;border:2px solid #000}}