.card{background:#fff;border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#3d91fa80,#0000);height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.card:hover:after{opacity:1}.card-default{border:1px solid #0000000a;box-shadow:0 2px 12px #0000000f,0 1px 4px #0000000a}.card-elevated{box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f}.card-outlined{box-shadow:none;border:2px solid #9c8c8e}.card-glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffb3;border:1px solid #ffffff4d;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80}.card-gradient-border{background:#fff;position:relative;box-shadow:0 4px 20px #00000014}.card-gradient-border:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#3d91fa,#defedd);border-radius:16px;padding:2px;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-dark{color:#fff;background:#101221;box-shadow:0 8px 30px #0000004d}.card-accent{background:#fff;border-left:4px solid #3d91fa;box-shadow:0 4px 16px #3d91fa26}.card-premium{background:linear-gradient(135deg,#fff 0%,#ffefd8 100%);border:1px solid #0a315b1a;position:relative;overflow:hidden;box-shadow:0 10px 40px #0a315b14,0 2px 8px #0a315b0a}.card-premium:before{content:"";background:radial-gradient(circle,#3d91fa14 0%,#0000 70%);width:200%;height:200%;animation:8s ease-in-out infinite shimmer;position:absolute;top:-50%;right:-50%}@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 #00000026,0 4px 12px #00000014}.card-outlined.card-hoverable:hover{border-color:#3d91fa;box-shadow:0 8px 30px #3d91fa26}.card-glass.card-hoverable:hover{background:#ffffffd9;box-shadow:0 12px 40px #00000026,inset 0 1px #fff9}.card-dark.card-hoverable:hover{background:#1a1f35;box-shadow:0 12px 40px #00000080}.card-gradient-border.card-hoverable:hover{box-shadow:0 12px 40px #3d91fa33}.card-accent.card-hoverable:hover{border-left-width:6px;box-shadow:0 8px 24px #3d91fa40}.card-premium.card-hoverable:hover{box-shadow:0 20px 60px #0a315b1f,0 4px 12px #0a315b14}.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:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.card-shine:hover:before{left:150%}.card-glow{position:relative}.card-glow:after{content:"";z-index:-1;opacity:0;filter:blur(20px);background:linear-gradient(135deg,#3d91fa,#defedd);border-radius:18px;transition:opacity .4s;position:absolute;inset:-2px}.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)}}