.liquid-glass{position:relative;overflow:hidden;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.4) 50%,rgba(255,255,255,.6));border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .liquid-glass{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.05) 50%,rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25)}.liquid-glass:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,rgba(0,0,0,.12),rgba(0,0,0,.02) 30%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.1));border-radius:inherit;filter:blur(.5px);animation:glass-refract 8s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:subtract;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:subtract;pointer-events:none;z-index:1}.dark .liquid-glass:before{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.04) 30%,rgba(255,255,255,.12) 70%,rgba(255,255,255,.15))}.liquid-glass:hover{transform:scale(1.01) translateZ(0);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-color:rgba(0,0,0,.12);box-shadow:0 6px 20px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.9);background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.5) 50%,rgba(255,255,255,.7))}.dark .liquid-glass:hover{border-color:rgba(255,255,255,.2);box-shadow:0 6px 20px rgba(0,0,0,.5),0 2px 8px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.3);background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08) 50%,rgba(255,255,255,.12))}@keyframes glass-refract{0%,to{opacity:.6;transform:translateX(-2px) translateY(-1px) rotate(.5deg)}33%{opacity:.8;transform:translateX(1px) translateY(1px) rotate(-.3deg)}66%{opacity:.7;transform:translateX(-1px) translateY(0) rotate(.2deg)}}@media (max-width:768px){.liquid-glass{backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%)}.liquid-glass:hover{transform:scale(1.005) translateZ(0);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}}.glass-morphism{background:rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.18);border-radius:1.25rem;box-shadow:0 8px 32px 0 rgba(31,38,135,.15),inset 0 1px 0 0 rgba(255,255,255,.15),inset 0 -1px 0 0 rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .glass-morphism{background:rgba(17,25,40,.75);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.125);border-radius:1.25rem;box-shadow:0 8px 32px 0 rgba(0,0,0,.37),inset 0 1px 0 0 rgba(255,255,255,.1),inset 0 -1px 0 0 rgba(0,0,0,.25)}.glass-inner{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:.375rem;border-radius:.5rem;transition:all .2s ease}.dark .glass-inner{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.glass-inner:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);transform:translateY(-1px)}.button-glass{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:.625rem;color:var(--foreground);transition:all .3s ease}.button-glass:hover{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));border-color:rgba(255,255,255,.25);transform:translateY(-2px);box-shadow:0 10px 30px -10px rgba(0,0,0,.3)}.button-glass-outline{background:transparent;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);border-radius:.625rem}.button-glass-outline:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3)}.vps-card-container{perspective:1000px;width:100%;height:360px;position:relative}.vps-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:1.25rem;overflow:hidden}.vps-card-container:hover .vps-card{transform:rotateY(10deg) rotateX(5deg)}.vps-card-container:hover .glass-morphism{box-shadow:0 20px 40px 0 rgba(31,38,135,.25),inset 0 1px 0 0 rgba(255,255,255,.2),inset 0 -1px 0 0 rgba(0,0,0,.15);border-color:rgba(255,255,255,.25)}.badge-hot{background:linear-gradient(135deg,#ff6b6b,#ff8787);color:white;border:none;animation:pulse-hot 2s infinite}.badge-discount{background:linear-gradient(135deg,#4ecdc4,#44a3aa);color:white;border:none}.badge-status{transition:all .2s ease}.badge-status.available{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));color:rgb(34,197,94);border:1px solid rgba(34,197,94,.2)}.badge-status.unavailable{background:rgba(239,68,68,.9);color:white;border:1px solid rgba(239,68,68,1);font-weight:600;box-shadow:0 2px 8px rgba(239,68,68,.4)}.dark .badge-status.unavailable{background:rgba(220,38,38,.9);color:white;border:1px solid rgba(220,38,38,1);box-shadow:0 2px 8px rgba(220,38,38,.5)}.config-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border-radius:.5rem;transition:all .2s ease;font-size:.75rem;min-width:0;overflow:hidden}.config-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.price-section{position:relative;overflow:hidden;border-radius:.625rem}.price-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}.detail-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:.375rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);transition:all .2s ease;font-size:.8125rem}.detail-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.rating-section{background:linear-gradient(135deg,rgba(251,191,36,.05),rgba(251,191,36,.02));border:1px solid rgba(251,191,36,.1)}.flip-hint{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);color:white;padding:.375rem .75rem;border-radius:.5rem;opacity:0;transition:opacity .3s ease,transform .2s ease;pointer-events:all;z-index:20;font-size:.75rem;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.3)}.dark .flip-hint{background:rgba(255,255,255,.95);color:black;box-shadow:0 2px 8px rgba(0,0,0,.5)}.flip-hint.visible{opacity:1}.flip-hint:hover{background:rgba(0,0,0,.95);transform:scale(1.05)}.dark .flip-hint:hover{background:rgba(255,255,255,1)}.provider-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.5rem}@keyframes pulse-hot{0%,to{box-shadow:0 0 0 0 rgba(255,107,107,.4)}50%{box-shadow:0 0 0 10px rgba(255,107,107,0)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@media (max-width:768px){.vps-card-container{height:340px}.config-item{padding:.375rem}.vps-card-flip.flipped{transform:rotateY(180deg) scale(1.05)}}@media (prefers-reduced-motion:reduce){.button-glass,.config-item,.detail-item,.glass-inner,.glass-morphism,.vps-card-flip{transition:none}@keyframes pulse-hot{0%,to{box-shadow:none}}@keyframes shimmer{0%,to{transform:none}}}@media (prefers-contrast:high){.glass-morphism{border-width:2px}.badge-discount,.badge-hot,.badge-status{font-weight:700}}