.glass-card{background:rgba(255,255,255,.05);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1)}.glass-card,.glass-card-dark{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px}.glass-card-dark{background:rgba(0,0,0,.2);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}.glass-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-hover:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.15)}.gradient-bid-success{background:linear-gradient(135deg,#10B981,#059669)}.gradient-bid-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-bid-info{background:linear-gradient(135deg,#3B82F6,#2563EB)}.gradient-bid-warning{background:linear-gradient(135deg,#F59E0B,#D97706)}.gradient-bidding-bg{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))}.gradient-animate{background:linear-gradient(-45deg,#667eea,#764ba2,#10B981,#F97316);background-size:400% 400%;animation:gradient-shift 15s ease infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glow-pulse{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px rgba(16,185,129,.4)}to{box-shadow:0 0 40px rgba(16,185,129,.8)}}.glow-success{box-shadow:0 0 30px rgba(16,185,129,.6)}.glow-primary{box-shadow:0 0 30px rgba(102,126,234,.6)}.glow-warning{box-shadow:0 0 30px rgba(245,158,11,.6)}.timeline-line{position:relative;background:linear-gradient(to right,#10B981 0,#10B981 var(--progress,0),rgba(156,163,175,.3) var(--progress,0),rgba(156,163,175,.3) 100%);height:4px;border-radius:2px;transition:all .8s cubic-bezier(.4,0,.2,1)}.timeline-stage{position:relative;padding:1rem;transition:all .3s ease}.timeline-stage-active{transform:scale(1.05)}.timeline-stage-completed{opacity:.7}.timeline-dot{width:16px;height:16px;border-radius:50%;background:#9CA3AF;border:3px solid white;transition:all .3s ease}.timeline-dot-active{background:#10B981;animation:pulse-dot 2s ease-in-out infinite}.timeline-dot-completed{background:#10B981}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,.7)}50%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(16,185,129,0)}}.btn-futuristic{position:relative;overflow:hidden;background:linear-gradient(135deg,#10B981,#059669);color:white;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(16,185,129,.3)}.btn-futuristic:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-futuristic:hover:before{width:300px;height:300px}.btn-futuristic:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.btn-futuristic:active{transform:translateY(0)}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.number-animate{display:inline-block;animation:number-pop .5s cubic-bezier(.4,0,.2,1)}@keyframes number-pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.spinner-futuristic{width:40px;height:40px;border:4px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton-shimmer{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.15) 50%,rgba(255,255,255,.05));background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.live-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:999px;font-size:.875rem;font-weight:600;color:#EF4444}.live-badge:before{content:"";width:8px;height:8px;background:#EF4444;border-radius:50%;animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.countdown-ring{stroke-dasharray:283;stroke-dashoffset:0;transform-origin:center;transform:rotate(-90deg);animation:countdown-fill 60s linear forwards}@keyframes countdown-fill{to{stroke-dashoffset:283}}@media (max-width:768px){.glass-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.btn-futuristic{padding:.625rem 1.25rem;font-size:.875rem}}@media (prefers-color-scheme:dark){.glass-card{background:rgba(0,0,0,.3)}}