.card{background:linear-gradient(145deg,#1a1a1f,#121214);border-radius:10px;height:100%;padding:8px;position:relative}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(145deg,#fbbf24,#f59e0b,#d97706);padding:8px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-wrapper:before,.card-wrapper:after{content:"";transform-origin:50%;z-index:-1;background:linear-gradient(145deg,#fbbf2433,#ea580c26);border:2px solid #fbbf244d;border-radius:12px;width:75%;height:100%;transition:transform .3s,box-shadow .3s;position:absolute;top:0;left:50%}.card-wrapper:before{transform:translate(-50%)rotate(12deg)scale(.98);box-shadow:0 15px 40px -10px #fbbf2440}.card-wrapper:after{transform:translate(-50%)rotate(6deg)scale(.99);box-shadow:0 10px 30px -5px #fbbf2433}.card-wrapper:hover:before{transform:translate(-50%)rotate(16deg)scale(.98);box-shadow:0 20px 50px -10px #fbbf2466}.card-wrapper:hover:after{transform:translate(-50%)rotate(8deg)scale(.99);box-shadow:0 15px 40px -5px #fbbf2459}@media (min-width:1024px){.card-wrapper:before,.card-wrapper:after{width:100%;left:0}.card-wrapper:before{transform:rotate(12deg)scale(.98)}.card-wrapper:after{transform:rotate(6deg)scale(.99)}.card-wrapper:hover:before{transform:rotate(16deg)scale(.98)}.card-wrapper:hover:after{transform:rotate(8deg)scale(.99)}}.card-wrapper{width:100%;max-width:400px;height:100%;transform-style:preserve-3d;position:relative}.techno-card{transform-style:preserve-3d;background:linear-gradient(145deg,#1a1a1fe6,#121214e6);border:1px solid #ffffff0f;transition:transform .2s ease-out,box-shadow .2s ease-out;position:relative}.techno-card:hover{border-color:#fbbf244d;box-shadow:0 20px 40px -15px #fbbf2426}.glow{border-radius:inherit;pointer-events:none;z-index:10;opacity:0;background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),#fbbf2459 0%,#fbbf2426 30%,transparent 70%);width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.techno-card:hover .glow,.card-dark:hover .glow{opacity:1}.techno-card:after{content:"";border-radius:inherit;opacity:0;z-index:-1;background:linear-gradient(135deg,#0000,#fbbf2466,#0000);transition:opacity .3s;position:absolute;inset:-1px}.techno-card:hover:after{opacity:1}.card-image-wrapper{background:linear-gradient(145deg,#1a1a1f,#121214);border:1px solid #ffffff14;border-radius:1rem;position:relative;overflow:hidden}.card-image-wrapper:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#0a0a0be6 100%);position:absolute;inset:0}