.card{isolation:isolate;border-radius:var(--radius-lg);transition:transform var(--dur-normal) var(--ease-out), box-shadow var(--dur-normal) var(--ease-out);position:relative;overflow:visible}.card__surface{border-radius:inherit;z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.card__content{z-index:1;position:relative}.card--glass>.card__surface{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%)}.card--glass>.card__surface:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1a}.card--strong>.card__surface{background:var(--glass-bg-strong);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(24px)saturate(150%);border:1px solid #ffffff24}.card--strong>.card__surface:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff24}.card--outline>.card__surface{border:1px solid var(--glass-border);background:0 0}.card--gradient>.card__surface{background:var(--gradient-signature);box-shadow:var(--shadow-card);border:1px solid #ffffff1f}.card--gradient>.card__surface:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #fff3}.card--sm>.card__content{padding:var(--space-4)}.card--md>.card__content{padding:var(--space-5) var(--space-6)}.card--lg>.card__content{padding:var(--space-6) var(--space-7)}.card--with-tab>.card__content{padding-top:var(--space-6)}@media (width<=359px){.card--lg>.card__content{padding:var(--space-5)}.card--md>.card__content{padding:var(--space-4) var(--space-5)}}.card--hoverable{cursor:default}.card--hoverable:hover{transform:translateY(-3px)}.card--hoverable:hover>.card__surface{box-shadow:0 14px 50px #0000008c}.card--hoverable.card--glass:hover>.card__surface{border-color:#ffffff2e}.card--clickable{cursor:pointer}.card--clickable:focus-visible{outline:none}.card--clickable:focus-visible>.card__surface{outline:2px solid var(--accent-focus);outline-offset:3px;box-shadow:var(--glow-cyan)}@media (prefers-reduced-motion:reduce){.card--hoverable:hover{transform:none}}.card__pattern{pointer-events:none;opacity:.06;background-image:linear-gradient(30deg,#fff 12%,#0000 12.5% 87%,#fff 87.5%,#fff),linear-gradient(150deg,#fff 12%,#0000 12.5% 87%,#fff 87.5%,#fff),linear-gradient(30deg,#fff 12%,#0000 12.5% 87%,#fff 87.5%,#fff),linear-gradient(150deg,#fff 12%,#0000 12.5% 87%,#fff 87.5%,#fff),linear-gradient(60deg,#fff9 25%,#0000 25.5% 75%,#fff9 75%);background-position:0 0,0 0,20px 35px,20px 35px,0 0;background-size:40px 70px;position:absolute;inset:0}.card__glow{pointer-events:none;background:radial-gradient(circle at 20% 30%,#ff3fa438 0%,#0000 55%);position:absolute;inset:0}.card__glow--cyan{background:radial-gradient(circle at 80% 20%,#2ec8ff2e 0%,#0000 55%)}.card__glow--magenta{background:radial-gradient(circle at 60% 60%,#d4249b38 0%,#0000 60%)}.card__glow--orange{background:radial-gradient(circle at 80% 80%,#f2511f33 0%,#0000 60%)}.card--accent-cyan>.card__surface{box-shadow:var(--shadow-card), 0 0 40px #2ec8ff2e}.card--accent-pink>.card__surface{box-shadow:var(--shadow-card), 0 0 40px #ff3fa438}.card--accent-magenta>.card__surface{box-shadow:var(--shadow-card), 0 0 40px #d4249b38}.card--accent-orange>.card__surface{box-shadow:var(--shadow-card), 0 0 40px #f2511f33}