.wallet{cursor:pointer;perspective:1000px;justify-content:center;align-items:flex-end;width:300px;height:300px;transition:transform .4s;display:flex;position:relative}.wallet:after{content:"Hover to fan out · click a card";color:var(--terracotta);font-size:13px;font-style:italic;font-weight:600;position:absolute;bottom:-30px}@keyframes slideIntoPocket{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.wallet-back{z-index:1;background:linear-gradient(#274127,#16281a);border-radius:20px;width:290px;height:210px;position:absolute;bottom:0;box-shadow:inset 0 20px 30px #00000073,inset 0 4px 10px #00000080}.wcard{color:#fff;border-radius:16px;width:260px;height:158px;padding:16px 18px;text-decoration:none;transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,z-index;animation:.8s cubic-bezier(.2,.8,.2,1) backwards slideIntoPocket;position:absolute;left:20px;box-shadow:inset 0 1px 1px #ffffff4d,0 -3px 12px #0000002e}.wcard-inner{flex-direction:column;justify-content:space-between;height:100%;display:flex}.wcard-top{text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.wchip{background:#ffffff38;border:1px solid #ffffff1f;border-radius:4px;width:32px;height:24px}.wcard-bottom{justify-content:space-between;align-items:flex-end;display:flex}.wlabel{opacity:.7;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;font-size:8px;display:block}.wvalue{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.wcta{text-transform:uppercase;letter-spacing:1px;opacity:0;font-size:11px;font-weight:700;transition:opacity .3s}.wcard.email{z-index:10;background:linear-gradient(135deg,#a84b3c,#d97d68);animation-delay:.1s;bottom:130px}.wcard.linkedin{z-index:20;background:linear-gradient(135deg,#0a66c2,#378fe9);animation-delay:.2s;bottom:116px}.wcard.github{z-index:30;background:linear-gradient(135deg,#24292f,#57606a);animation-delay:.3s;bottom:102px}.wcard.instagram{z-index:40;background:linear-gradient(135deg,#feda75,#d62976 45%,#962fbf 80%,#4f5bd5);animation-delay:.4s;bottom:88px}.wpocket{z-index:50;background:linear-gradient(#2c4a2c,#1b301c);border-radius:4px 4px 20px 20px;width:290px;height:130px;position:absolute;bottom:0;box-shadow:0 18px 28px #14281473,inset 0 2px 4px #ffffff0d}.wpocket:before{content:"";background:#ffffff14;height:1px;position:absolute;top:10px;left:16px;right:16px}.wpocket-label{text-align:center;z-index:51;color:#7f9a77;text-transform:uppercase;letter-spacing:3px;width:100%;font-size:11px;font-weight:700;position:absolute;bottom:26px}.wallet:hover{transform:translateY(-6px)}.wallet:hover .email{transform:translateY(-52px)rotate(-7deg)}.wallet:hover .linkedin{transform:translateY(-32px)rotate(-2deg)}.wallet:hover .github{transform:translateY(-14px)rotate(3deg)}.wallet:hover .instagram{transform:translateY(2px)rotate(8deg)}.wcard:hover{box-shadow:inset 0 1px 1px #fff6,0 22px 44px #00000061;z-index:100!important;transition-delay:0s!important}.wcard:hover .wcta{opacity:1}.wallet:hover .email:hover{transform:translateY(-70px)scale(1.06)rotate(0)}.wallet:hover .linkedin:hover{transform:translateY(-58px)scale(1.06)rotate(0)}.wallet:hover .github:hover{transform:translateY(-46px)scale(1.06)rotate(0)}.wallet:hover .instagram:hover{transform:translateY(-34px)scale(1.06)rotate(0)}@media (prefers-reduced-motion:reduce){.wcard{transition:transform .3s;animation:none}}