.skill-card-3d.svelte-d488n5.svelte-d488n5{position:relative;background:#fffc;backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.3);padding:2rem;text-align:center;transform-style:preserve-3d;transition:transform .1s ease;overflow:hidden;cursor:pointer}html.dark .skill-card-3d.svelte-d488n5.svelte-d488n5{background:#1f2937cc;border:1px solid rgba(55,65,81,.5)}.shine.svelte-d488n5.svelte-d488n5{position:absolute;inset:0;pointer-events:none;border-radius:20px;transition:background .3s ease}.card-content.svelte-d488n5.svelte-d488n5{position:relative;z-index:1}.icon-container.svelte-d488n5.svelte-d488n5{position:relative;margin-bottom:1.5rem}.icon-bg.svelte-d488n5.svelte-d488n5{width:80px;height:80px;background:linear-gradient(135deg,#2563eb,#9333ea);border-radius:20px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transform:translateZ(30px)}.icon-bg.svelte-d488n5.svelte-d488n5:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.skill-card-3d.svelte-d488n5:hover .icon-bg.svelte-d488n5:before{transform:translate(100%)}.skill-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(10px);color:#fff;z-index:2}.skill-title.svelte-d488n5.svelte-d488n5{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem;transform:translateZ(20px);transition:color .3s ease}html.dark .skill-title.svelte-d488n5.svelte-d488n5{color:#f3f4f6}.skill-card-3d.svelte-d488n5:hover .skill-title.svelte-d488n5{color:#2563eb}html.dark .skill-card-3d.svelte-d488n5:hover .skill-title.svelte-d488n5{color:#60a5fa}.skill-description.svelte-d488n5.svelte-d488n5{color:#6b7280;line-height:1.6;transform:translateZ(10px)}html.dark .skill-description.svelte-d488n5.svelte-d488n5{color:#9ca3af}@keyframes svelte-d488n5-cardEnter{0%{opacity:0;transform:translateY(50px) rotateX(-15deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.skill-card-3d.svelte-d488n5.svelte-d488n5{animation:svelte-d488n5-cardEnter .8s ease forwards;opacity:0}