.card{background:#FFFFFF;border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(61,145,250,.5),transparent);opacity:0;transition:opacity .4s ease}.card:hover:after{opacity:1}.card-default{box-shadow:0 2px 12px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.04)}.card-elevated{box-shadow:0 8px 30px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06)}.card-outlined{border:2px solid #9c8c8e;box-shadow:none}.card-glass{background:rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5)}.card-gradient-border{background:#FFFFFF;box-shadow:0 4px 20px rgba(0,0,0,.08);position:relative}.card-gradient-border:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#3D91FA,#DEFEDD);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card-dark{background:#101221;color:#FFFFFF;box-shadow:0 8px 30px rgba(0,0,0,.3)}.card-accent{background:#FFFFFF;border-left:4px solid #3d91fa;box-shadow:0 4px 16px rgba(61,145,250,.15)}.card-premium{background:linear-gradient(135deg,#FFFFFF,#FFEFD8);border:1px solid rgba(10,49,91,.1);box-shadow:0 10px 40px rgba(10,49,91,.08),0 2px 8px rgba(10,49,91,.04);position:relative;overflow:hidden}.card-premium:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(61,145,250,.08) 0,transparent 70%);animation:shimmer 8s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(0)}50%{transform:translate(-20%,-20%)}}.card-hoverable{cursor:pointer}.card-hoverable:hover{transform:translateY(-8px)}.card-default.card-hoverable:hover,.card-elevated.card-hoverable:hover{box-shadow:0 20px 40px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.08)}.card-outlined.card-hoverable:hover{border-color:#3D91FA;box-shadow:0 8px 30px rgba(61,145,250,.15)}.card-glass.card-hoverable:hover{background:rgba(255,255,255,.85);box-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.6)}.card-dark.card-hoverable:hover{box-shadow:0 12px 40px rgba(0,0,0,.5);background:#1a1f35}.card-gradient-border.card-hoverable:hover{box-shadow:0 12px 40px rgba(61,145,250,.2)}.card-accent.card-hoverable:hover{border-left-width:6px;box-shadow:0 8px 24px rgba(61,145,250,.25)}.card-premium.card-hoverable:hover{box-shadow:0 20px 60px rgba(10,49,91,.12),0 4px 12px rgba(10,49,91,.08)}.card-padding-none{padding:0}.card-padding-sm{padding:16px}.card-padding-md{padding:24px}.card-padding-lg{padding:32px}.card-padding-xl{padding:40px}.card-shine{position:relative;overflow:hidden}.card-shine:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .6s ease}.card-shine:hover:before{left:150%}.card-glow{position:relative}.card-glow:after{content:"";position:absolute;inset:-2px;border-radius:18px;background:linear-gradient(135deg,#3D91FA,#DEFEDD);z-index:-1;opacity:0;filter:blur(20px);transition:opacity .4s ease}.card-glow:hover:after{opacity:.7}@media (max-width:768px){.card-padding-lg{padding:24px}.card-padding-xl{padding:28px}.card-hoverable:hover{transform:translateY(-4px)}}