@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf680}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.live-indicator{animation:2s ease-in-out infinite live-pulse}.glow-effect{animation:3s ease-in-out infinite glow}.float-effect{animation:4s ease-in-out infinite float}.hero-gradient-overlay{background:linear-gradient(135deg,#1e3a5f26 0%,#3b82f61a 50%,#06b6d426 100%)}.tab-active-indicator{position:relative}.tab-active-indicator:after{content:"";background:linear-gradient(90deg,#1e3a5f,#3b82f6);border-radius:1px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.live-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 8px #ef44444d}.live-badge:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite live-pulse}.product-card{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.product-card:before{content:"";z-index:1;background:linear-gradient(90deg,#0000 0%,#8b5cf61a 50%,#0000 100%);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.product-card:hover:before{left:100%}.product-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0006,0 0 0 1px #8b5cf64d,0 0 30px #8b5cf626}.featured-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 12px #f59e0b4d}.hot-badge{background:linear-gradient(135deg,#ef4444,#dc2626);animation:2s ease-in-out infinite glow}.new-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.stream-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;position:relative;overflow:hidden}.stream-thumbnail:after{content:"";opacity:0;background:linear-gradient(135deg,#8b5cf626 0%,#0000 50%,#ef444426 100%);transition:opacity .4s;position:absolute;inset:0}.stream-thumbnail:hover:after{opacity:1}.play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.stream-thumbnail:hover .play-overlay{opacity:1}.play-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex}.play-button:hover{background:#ffffff4d;transform:scale(1.1)}@keyframes viewer-count-update{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.viewer-count{animation:3s ease-in-out infinite viewer-count-update}.category-filter{color:#94a3b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b80;border:1px solid #47556980;border-radius:12px;padding:10px 18px;font-weight:500;transition:all .3s;position:relative}.category-filter:hover{color:#fff;background:#1e293bcc;border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.category-filter.active{color:#fff;background:linear-gradient(135deg,#1e3a5f,#3b82f6);border-color:#0000;box-shadow:0 4px 20px #1e3a5f66}.category-filter.active:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1e3a5f80}.price-display{align-items:center;gap:10px;display:flex}.price-current{background:linear-gradient(135deg,#3b82f6,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.price-original{color:#94a3b899;font-size:14px;text-decoration:line-through}.price-discount{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #ef44444d}.rating-stars{gap:2px;display:flex}.rating-star{width:12px;height:12px;transition:all .2s}.rating-star.filled{color:#fbbf24;fill:currentColor}.rating-star.empty{color:#475569}.search-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bcc;border:1px solid #47556980;border-radius:16px;transition:all .3s;position:relative}.search-bar:focus-within{border-color:#1e3a5f80;box-shadow:0 0 0 4px #1e3a5f1a}.search-bar input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:14px 18px 14px 48px;font-size:15px}.search-bar input::placeholder{color:#94a3b899}.search-bar .search-icon{color:#94a3b899;transition:color .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-bar:focus-within .search-icon{color:#1e3a5fcc}.action-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:10px 16px;font-weight:500;transition:all .3s}.action-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.action-button.primary{background:linear-gradient(135deg,#1e3a5f,#3b82f6);border-color:#0000;box-shadow:0 4px 20px #1e3a5f66}.action-button.primary:hover{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 6px 24px #1e3a5f80}.action-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 4px 20px #ef444466}.action-button.success{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 4px 20px #10b98166}.portfolio-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0006,0 0 0 1px #f59e0b4d,0 0 30px #f59e0b26}.stats-card{transition:all .3s}.stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.loading-skeleton{background:linear-gradient(90deg,#1e293bcc 0%,#334155cc 50%,#1e293bcc 100%) 0 0/200% 100%;animation:1.5s infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.product-card{margin-bottom:16px}.stream-thumbnail{border-radius:8px}.category-filter{padding:6px 12px;font-size:14px}.price-current{font-size:16px}}@media (prefers-color-scheme:dark){.product-card{background:#0f172acc;border-color:#33415580}.stream-thumbnail{background:linear-gradient(135deg,#0f172a,#1e293b)}.search-bar{background:#0f172ae6}}