:root{--mythrill-card-height:300px;--mythrill-card-width:calc(var(--mythrill-card-height) / 1.5)}.mythrill-card{width:var(--mythrill-card-width);height:var(--mythrill-card-height);perspective:2500px;justify-content:center;align-items:flex-end;margin:0 50px;padding:0 36px;display:flex;position:relative}.mythrill-cover-image{object-fit:cover;width:100%;height:100%}.mythrill-wrapper{z-index:-1;border-radius:16px;width:100%;height:100%;transition:all .5s;position:absolute;inset:0;overflow:hidden}.mythrill-card:hover .mythrill-wrapper{transform:perspective(900px)translateY(-5%)rotateX(25deg)translateZ(0);box-shadow:2px 35px 32px -8px #000000bf}.mythrill-wrapper:before,.mythrill-wrapper:after{content:"";opacity:0;width:100%;height:80px;transition:all .5s;position:absolute;left:0}.mythrill-wrapper:before{background-image:linear-gradient(#0c0d13 3%,#0c0d1380 32%,#0000 54%);height:100%;top:0}.mythrill-wrapper:after{opacity:1;background-image:linear-gradient(#0000 46%,#0c0d1380 68%,#0c0d13 97%);bottom:0}.mythrill-card:hover .mythrill-wrapper:before,.mythrill-wrapper:after{opacity:1}.mythrill-card:hover .mythrill-wrapper:after{height:120px}.mythrill-title{width:100%;transition:transform .5s}.mythrill-card:hover .mythrill-title{transform:translate3d(0%,-50px,100px)}.mythrill-character{opacity:0;z-index:-1;width:100%;transition:all .5s;position:absolute}.mythrill-card:hover .mythrill-character{opacity:1;transform:translate3d(0%,-30%,100px)}.mythrill-details{text-align:center;z-index:10;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#0c0d13b3 40%,#0c0d13f2 100%);flex-direction:column;align-items:center;gap:4px;padding:14px 12px 10px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.mythrill-card:hover .mythrill-details{opacity:1;transform:translateY(0)}.mythrill-tech-name{color:#fff;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 10px #3b82f6b3,0 0 20px #3b82f64d;margin:0;font-size:13px;font-weight:700;line-height:1.2}.mythrill-tech-desc{color:#b4c8ffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:170px;margin:0;font-size:9px;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.mythrill-tech-category{text-transform:uppercase;letter-spacing:1px;color:#93c5fde6;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:9999px;margin-top:2px;padding:2px 8px;font-size:8px;font-weight:600;display:inline-block}.tech-btn-wrapper{display:inline-block;position:relative}.tech-btn{--border-radius:24px;--padding:4px;--transition:.4s;--button-color:#101010;--highlight-color-hue:210deg;-webkit-user-select:none;user-select:none;background-color:var(--button-color);border-radius:var(--border-radius);cursor:pointer;transition:box-shadow var(--transition), border var(--transition), background-color var(--transition);border:1px solid #fff2;justify-content:center;align-items:center;padding:.5em .5em .5em 1.1em;font-family:Poppins,Inter,Segoe UI,sans-serif;font-size:1em;font-weight:400;display:flex;position:relative;box-shadow:inset 0 1px 1px #fff3,inset 0 2px 2px #ffffff26,inset 0 4px 4px #ffffff1a,inset 0 8px 8px #ffffff0d,inset 0 16px 16px #ffffff0d,0 -1px 1px #00000005,0 -2px 2px #00000008,0 -4px 4px #0000000d,0 -8px 8px #0000000f,0 -16px 16px #00000014}.tech-btn:before{content:"";top:calc(0px - var(--padding));left:calc(0px - var(--padding));width:calc(100% + var(--padding) * 2);height:calc(100% + var(--padding) * 2);border-radius:calc(var(--border-radius) + var(--padding));pointer-events:none;z-index:-1;transition:box-shadow var(--transition), filter var(--transition);background-image:linear-gradient(#000a,#0004);position:absolute;box-shadow:inset 0 -8px 8px -6px #0000,inset 0 -16px 16px -8px #0000,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.tech-btn:after{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(0deg, #fff, hsl(var(--highlight-color-hue), 100%, 70%), hsla(var(--highlight-color-hue), 100%, 70%, 50%), 8%, transparent);opacity:0;width:100%;height:100%;transition:opacity var(--transition), filter var(--transition);background-position:0 0;position:absolute;top:0;left:0}.tech-btn-letter{color:#fff5;transition:color var(--transition), text-shadow var(--transition), opacity var(--transition);animation:2s ease-in-out infinite tech-letter-anim;display:inline-block;position:relative}@keyframes tech-letter-anim{50%{text-shadow:0 0 3px #fff8;color:#fff}}.tech-btn-svg{fill:#e8e8e8;filter:drop-shadow(0 0 2px #fff9);width:20px;height:20px;transition:fill var(--transition), filter var(--transition), opacity var(--transition);flex-grow:0;margin-right:.5rem;animation:2s linear .5s infinite tech-flicker}@keyframes tech-flicker{50%{opacity:.3}}.tech-txt-wrapper{align-items:center;min-width:6.4em;display:flex;position:relative}.tech-txt-1{display:flex;position:relative}.tech-btn:focus .tech-btn-letter{animation:1s ease-in-out forwards tech-focused-letter-anim,1.2s ease-in-out 1s infinite tech-letter-anim}@keyframes tech-focused-letter-anim{0%,to{filter:blur()}50%{filter:blur(10px) brightness(150%) drop-shadow(-36px 12px 12px hsl(var(--highlight-color-hue), 100%, 70%));transform:scale(2)}}.tech-btn:focus .tech-btn-svg{animation-duration:1.2s;animation-delay:.2s}.tech-btn:focus:before{box-shadow:0 -8px 12px -6px #fff3 inset, 0 -16px 16px -8px hsla(var(--highlight-color-hue), 100%, 70%, 20%) inset, 1px 1px 1px #fff3, 2px 2px 2px #fff1, -1px -1px 1px #0002, -2px -2px 2px #0001}.tech-btn:focus:after{opacity:.6;filter:brightness();-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.tech-btn:active{border:solid 1px hsla(var(--highlight-color-hue), 100%, 80%, 70%);background-color:hsla(var(--highlight-color-hue), 50%, 20%, .5)}.tech-btn:active:before{box-shadow:0 -8px 12px -6px #fffa inset, 0 -16px 16px -8px hsla(var(--highlight-color-hue), 100%, 70%, 80%) inset, 1px 1px 1px #fff4, 2px 2px 2px #fff2, -1px -1px 1px #0002, -2px -2px 2px #0001}.tech-btn:active:after{opacity:1;filter:brightness(200%);-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.tech-btn:active .tech-btn-letter{text-shadow:0 0 1px hsla(var(--highlight-color-hue), 100%, 90%, 90%);animation:none}.tech-btn:hover{border:solid 1px hsla(var(--highlight-color-hue), 100%, 80%, 40%)}.tech-btn:hover:before{box-shadow:0 -8px 8px -6px #fffa inset, 0 -16px 16px -8px hsla(var(--highlight-color-hue), 100%, 70%, 30%) inset, 1px 1px 1px #fff2, 2px 2px 2px #fff1, -1px -1px 1px #0002, -2px -2px 2px #0001}.tech-btn:hover:after{opacity:1;-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.tech-btn:hover .tech-btn-svg{fill:#fff;filter:drop-shadow(0 0 3px hsl(var(--highlight-color-hue), 100%, 70%)) drop-shadow(0 -4px 6px #0009);animation:none}.tech-section-header{z-index:10;flex-direction:column;justify-content:center;align-items:flex-start;width:90%;max-width:1100px;margin:0 auto 50px;display:flex;position:relative}.tech-header-text{text-align:left;max-width:700px}.tech-section-eyebrow{color:#ff3cac;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:.9rem;font-weight:700;display:block}.tech-header-text h2{color:#fff;margin-bottom:15px;font-size:2.5rem;font-weight:700;line-height:1.2}.tech-header-text p{color:#ffffffb3;font-size:1rem;font-weight:400;line-height:1.6}.tech-footer{z-index:10;justify-content:center;width:90%;max-width:1100px;margin:40px auto 0;display:flex;position:relative}.tech-swiper{width:100%;padding-bottom:50px!important}.tech-swiper-slide{justify-content:center;align-items:center;width:auto!important;display:flex!important}.tech-swiper-slide .mythrill-card{margin:0!important}.tech-swiper .swiper-pagination{bottom:0!important}.tech-swiper .swiper-pagination-bullet{width:8px;height:8px;transition:all .3s;opacity:1!important;background:#fff3!important}.tech-swiper .swiper-pagination-bullet-active{border-radius:4px;width:24px;box-shadow:0 0 8px #a78bfacc;background:linear-gradient(135deg,#a78bfa,#22d3ee)!important}