.threads-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.threads-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.card-swap-container{position:relative;perspective:900px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:16px;box-shadow:0 12px 40px #0000004d,0 4px 12px #1e88e533;background:linear-gradient(135deg,#1e88e51a,#7b2cbf1a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:#fff;cursor:pointer;transition:all .3s ease;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1e88e51a,#7b2cbf1a);opacity:0;transition:opacity .3s ease}.card:hover{background:linear-gradient(135deg,#1e88e533,#7b2cbf33);border-color:#ffffff4d;box-shadow:0 16px 50px #0006,0 8px 20px #1e88e54d}.card:hover:before{opacity:1}.card h3{margin:0 0 16px;font-size:1.75rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);position:relative;z-index:1}.card p{margin:0;font-size:1rem;line-height:1.6;color:#e8e8e8;opacity:.95;position:relative;z-index:1;font-weight:400}.card .icon{font-size:3.5rem;margin-bottom:20px;color:#1e88e5;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));position:relative;z-index:1;transition:all .3s ease}.card:hover .icon{transform:scale(1.1);color:#42a5f5}@media (max-width: 768px){.card-swap-container{transform:scale(.8);transform-origin:center}.card{padding:24px}.card h3{font-size:1.4rem}.card p{font-size:.9rem}.card .icon{font-size:3rem}}@media (max-width: 480px){.card-swap-container{transform:scale(.7);transform-origin:center}.card{padding:20px}.card h3{font-size:1.2rem}.card p{font-size:.85rem}.card .icon{font-size:2.5rem}}.values-gallery-container{position:relative;height:400px;width:100%;overflow:hidden}.values-gallery-gradient{position:absolute;top:0;height:100%;width:80px;z-index:10;pointer-events:none}.values-gallery-gradient-left{left:0;background:linear-gradient(to right,#ffffff1a,#fff0)}.values-gallery-gradient-right{right:0;background:linear-gradient(to left,#ffffff1a,#fff0)}.values-gallery-content{display:flex;height:100%;align-items:center;justify-content:center;perspective:1200px;transform-style:preserve-3d}.values-gallery-track{display:flex;height:auto;min-height:300px;justify-content:center;align-items:center;cursor:grab;transform-style:preserve-3d;width:100%}.values-gallery-track:active{cursor:grabbing}.values-gallery-item{position:absolute;display:flex;height:fit-content;align-items:center;justify-content:center;padding:4%;backface-visibility:hidden}.values-card{background:linear-gradient(135deg,#1e88e533,#7b2cbf33);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;text-align:center;width:280px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;overflow:hidden}.values-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1e88e51a,#7b2cbf1a);opacity:0;transition:opacity .3s ease}.values-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006;border-color:#ffffff4d}.values-card:hover:before{opacity:1}.values-icon-container{margin-bottom:16px;position:relative;z-index:1}.values-icon-container svg{font-size:48px!important;color:#42a5f5!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:all .3s ease}.values-card:hover .values-icon-container svg{transform:scale(1.1);color:#64b5f6!important}.values-title,.values-description{position:relative;z-index:1}.values-title{margin-bottom:8px!important}.values-description{opacity:.9}@media (max-width: 768px){.values-gallery-container{height:350px}.values-gallery-item{padding:3%}.values-card{width:220px;height:180px;padding:16px}.values-icon-container svg{font-size:36px!important}.values-gallery-gradient{width:60px}}@media (max-width: 480px){.values-gallery-container{height:300px}.values-card{width:200px;height:160px;padding:12px}.values-icon-container svg{font-size:32px!important}.values-gallery-gradient{width:40px}}
