.card{background:#fff;border-radius:24px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.card-compact{border-radius:20px;padding:2rem}.card-large{border-radius:28px;padding:3rem}.card-gradient{backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.98));border:1px solid rgba(226,232,240,.5)}.card-light{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid rgba(203,213,225,.5)}.card-primary{background:linear-gradient(135deg,#fff,#eff6ff);border:2px solid rgba(59,130,246,.3)}.card-shadow-sm{box-shadow:0 4px 20px rgba(0,0,0,.04)}.card-shadow-md{box-shadow:20px 20px 60px rgba(30,58,138,.08),-20px -20px 60px hsla(0,0%,100%,.9)}.card-shadow-lg{box-shadow:0 20px 40px rgba(30,58,138,.12),0 8px 16px rgba(59,130,246,.08)}.card-hover-lift:hover{box-shadow:0 30px 60px rgba(30,58,138,.15),0 15px 30px rgba(59,130,246,.1);transform:translateY(-8px)}.card-hover-scale:hover{transform:translateY(-5px) scale(1.02)}.card-hover-glow:hover{box-shadow:0 30px 60px rgba(30,58,138,.15),0 0 60px rgba(59,130,246,.2)}.card-accent-top:before{background:linear-gradient(90deg,transparent,#3b82f6 20%,#1e40af 50%,#3b82f6 80%,transparent);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.card-accent-top:hover:before{opacity:1}.card-gloss:after{background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.1) 50%,transparent 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.card-gloss:hover:after{opacity:1;transform:rotate(45deg) translateX(100%)}.card-tilt-left{transform:rotate(-1deg)}.card-tilt-right{transform:rotate(.5deg)}.card-tilt-left:hover,.card-tilt-right:hover{transform:rotate(0deg)}.card-metallic{animation:ultraShine 8s ease-in-out infinite;background:linear-gradient(105deg,transparent 40%,hsla(0,0%,100%,.2) 45%,hsla(0,0%,100%,.1) 50%,transparent 60%),linear-gradient(180deg,rgba(147,197,253,.15),transparent 20%,transparent 80%,rgba(30,58,138,.2)),linear-gradient(135deg,#0a0e27,#151e3f 10%,#1e3a8a 30%,#2563eb 50%,#1e40af 70%,#1e3a8a 90%,#0f172a);background-size:200% 200%,100% 100%,150% 150%;box-shadow:0 30px 60px rgba(15,23,42,.6),0 15px 30px rgba(30,58,138,.3),inset 0 3px 6px hsla(0,0%,100%,.4),inset 0 -3px 6px rgba(0,0,0,.6);color:#fff}.card-metallic:before{animation:glossSweep 4s ease-in-out infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.4) 35%,hsla(0,0%,100%,.6) 40%,hsla(0,0%,100%,.4) 45%,transparent 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.card-metallic:hover{box-shadow:0 40px 80px rgba(15,23,42,.7),0 20px 40px rgba(30,58,138,.4),inset 0 5px 10px hsla(0,0%,100%,.5),inset 0 -5px 10px rgba(0,0,0,.7),0 0 60px rgba(59,130,246,.4);transform:scale(1.05) translateY(-8px)}.card-header{gap:1.5rem;margin-bottom:1.5rem;position:relative;z-index:1}.card-header,.card-icon{align-items:center;display:flex}.card-icon{border-radius:16px;font-size:24px;height:56px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.card-icon-primary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(30,58,138,.1);box-shadow:0 4px 12px rgba(30,58,138,.08),inset 0 -1px 3px rgba(30,58,138,.05);color:var(--primary)}.card:hover .card-icon-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:transparent;box-shadow:0 8px 20px rgba(30,58,138,.2),inset 0 1px 2px hsla(0,0%,100%,.2);color:#fff;transform:translateY(-2px)}.card-number{align-items:center;background:rgba(239,246,255,.8);border:2px solid var(--primary-light);border-radius:50%;color:var(--primary);display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;opacity:.6;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:32px}.card:hover .card-number{background:var(--primary);color:#fff;opacity:1;transform:scale(1.1)}