:root{--flip-duration:.6s;--flip-easing:cubic-bezier(.4,0,.2,1);--flip-perspective:1200px;--card-border-radius:16px;--tilt-transition:transform .15s ease-out}.flip-card-scene{width:100%;perspective:var(--flip-perspective);cursor:pointer;transform-style:preserve-3d;transition:var(--tilt-transition);-webkit-tap-highlight-color:transparent;touch-action:pan-y pinch-zoom;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.flip-card-scene.is-disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.flip-card-scene.is-flipping{pointer-events:none}.flip-card{width:100%;min-height:280px;transform-style:preserve-3d;transition:transform var(--flip-duration,.6s)var(--flip-easing),height .4s ease-in-out;position:relative}.flip-card.flip-horizontal.is-flipped{transform:rotateY(180deg)}.flip-card.flip-vertical.is-flipped{transform:rotateX(180deg)}.flip-card-face{backface-visibility:hidden;width:100%;min-height:280px;transform-style:preserve-3d;background:linear-gradient(135deg,hsl(var(--card))0%,hsl(var(--card))100%);color:hsl(var(--card-foreground));border-radius:var(--card-border-radius);border:1px solid hsl(var(--border));transition:box-shadow var(--flip-duration,.6s)var(--flip-easing),transform .1s ease-out;position:absolute;overflow:hidden;box-shadow:0 2px 4px #00000005,0 8px 16px #0000000a,0 16px 32px #0000000f,0 32px 64px #00000014,inset 0 1px #ffffff1a,inset 0 -1px #0000000d}.flip-card-content{z-index:2;padding:24px;position:relative}.flip-card-edge{pointer-events:none;z-index:1;background:linear-gradient(90deg,#00000026 0%,#0000000d 50%,#00000026 100%);position:absolute}.flip-card-face.flip-horizontal .flip-card-edge{width:4px;height:100%;top:0;right:-2px;transform:translateZ(-2px)}.flip-card-face.flip-vertical .flip-card-edge{width:100%;height:4px;bottom:-2px;left:0;transform:translateZ(-2px)}.flip-card-front{z-index:2}.flip-card-back.flip-horizontal{transform:rotateY(180deg)}.flip-card-back.flip-vertical{transform:rotateX(180deg)}.flip-card-shine{border-radius:var(--card-border-radius);pointer-events:none;opacity:0;z-index:10;mix-blend-mode:overlay;transition:opacity .3s;position:absolute;inset:0}.flip-card-scene.is-flipping .flip-card-face{box-shadow:0 4px 8px #00000008,0 16px 32px #0000000f,0 32px 64px #00000017,0 48px 96px #0000001f,inset 0 1px #ffffff26,inset 0 -1px #0000001a}@keyframes flipShadow{0%,to{box-shadow:0 2px 4px #00000005,0 8px 16px #0000000a,0 16px 32px #0000000f,0 32px 64px #00000014,inset 0 1px #ffffff1a,inset 0 -1px #0000000d}50%{box-shadow:0 8px 16px #0000000d,0 24px 48px #00000014,0 48px 96px #0000001f,0 64px 128px #00000026,inset 0 1px #fff3,inset 0 -1px #00000026}}.flip-card.is-flipped .flip-card-face,.flip-card-scene.is-flipping .flip-card-face{animation:flipShadow var(--flip-duration,.6s)var(--flip-easing)}.flip-card-scene:hover .flip-card-face{box-shadow:0 4px 8px #00000008,0 12px 24px #0000000d,0 24px 48px #00000014,0 40px 80px #0000001a,inset 0 1px #ffffff26,inset 0 -1px #00000014}.flip-card-scene:focus-visible{outline:none}.flip-card-scene:focus-visible .flip-card-face{outline:2px solid hsl(var(--primary,210 100% 50%));outline-offset:4px}.flip-card-header{color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.9rem;display:flex}.flip-card-title{font-size:1rem;font-weight:600}.flip-card-icon{opacity:.5;transition:opacity .2s,transform .2s}.flip-card-scene:hover .flip-card-icon{opacity:1;transform:scale(1.1)}.flip-card-body-main{color:hsl(var(--foreground));margin-bottom:8px;font-size:2.5rem;font-weight:700;line-height:1.2}.flip-card-footer{color:hsl(var(--muted-foreground));font-size:.9rem}.flip-card-body-details{color:hsl(var(--foreground));font-size:.95rem}.flip-card-body-details p{margin-bottom:12px;line-height:1.6}.flip-card-details-text{color:hsl(var(--muted-foreground));margin-top:16px;font-size:.85rem;font-style:italic}.flip-card-list{margin:16px 0;padding:0;list-style:none}.flip-card-list li{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;padding:8px 0;display:flex}.flip-card-list li:last-child{border-bottom:none}.flip-card-list-label{color:hsl(var(--muted-foreground));font-size:.85rem}.flip-card-list-value{color:hsl(var(--foreground));font-weight:600}.dark .flip-card-face{background:linear-gradient(135deg,hsl(var(--card))0%,hsl(var(--card))100%);box-shadow:0 2px 4px #00000026,0 8px 16px #0003,0 16px 32px #00000040,0 32px 64px #0000004d,inset 0 1px #ffffff0d,inset 0 -1px #0003}.dark .flip-card-scene:hover .flip-card-face{box-shadow:0 4px 8px #0003,0 12px 24px #00000040,0 24px 48px #0000004d,0 40px 80px #00000059,inset 0 1px #ffffff14,inset 0 -1px #00000040}.dark .flip-card-scene.is-flipping .flip-card-face{box-shadow:0 8px 16px #00000040,0 24px 48px #0000004d,0 48px 96px #00000059,0 64px 128px #0006,inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.dark .flip-card-shine{mix-blend-mode:soft-light}.dark .flip-card-edge{background:linear-gradient(90deg,#0000004d 0%,#00000026 50%,#0000004d 100%)}@media (max-width:640px){.flip-card,.flip-card-face{min-height:140px}.flip-card-content{padding:16px}.flip-card-body-main{margin-bottom:4px;font-size:1.75rem}.flip-card-header,.flip-card-footer{font-size:.8rem}.flip-card-body-details{font-size:.85rem}.flip-card-list li{padding:6px 0}.flip-card-scene{perspective:800px}:root{--flip-duration:.5s}}@media (hover:none) and (pointer:coarse){.flip-card-scene:active .flip-card-face{transition:transform .1s;transform:scale(.98)}.flip-card-shine{display:none}}@media (prefers-reduced-motion:reduce){.flip-card{transition:none}.flip-card-face{transition:none;animation:none!important}.flip-card-scene{transition:none}.flip-card.is-flipped .flip-card-face,.flip-card-scene.is-flipping .flip-card-face{animation:none}.flip-card.flip-horizontal.is-flipped{transform:rotateY(180deg)}.flip-card.flip-vertical.is-flipped{transform:rotateX(180deg)}}@media print{.flip-card-scene{perspective:none!important}.flip-card{transform-style:flat!important;transition:none!important;transform:none!important}.flip-card.is-flipped{transform:none!important}.flip-card-face{backface-visibility:visible!important;box-shadow:none!important;border:1px solid #ccc!important}.flip-card-back{display:none!important;transform:none!important}.flip-card-front{position:relative!important;transform:none!important}.flip-card-shine,.flip-card-edge{display:none!important}}@media (prefers-contrast:high){.flip-card-face{box-shadow:none;border-width:2px}.flip-card-scene:focus-visible .flip-card-face{outline-width:3px}}
.legacy-premium-card{isolation:isolate;will-change:transform;border-radius:20px;width:100%;max-width:480px;min-height:520px;padding:40px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.legacy-premium-card:hover{transform:translateY(-4px)scale(1.01)}.legacy-premium-card__glass{-webkit-backdrop-filter:blur(40px)saturate(180%);border-radius:inherit;z-index:1;pointer-events:none;background:#ffffff0d;border:1px solid #ffffff2e;position:absolute;inset:0}.legacy-premium-card__glow{opacity:.6;filter:blur(60px);z-index:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:-60px}.legacy-premium-card:hover .legacy-premium-card__glow{opacity:.8}.legacy-premium-card__content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:24px;height:100%;display:flex;position:relative}.legacy-premium-card__top{flex-shrink:0;justify-content:center;align-items:center;display:flex}.legacy-premium-card__main{flex-direction:column;flex:1;gap:24px;width:100%;display:flex}.legacy-premium-card--excellent{background:radial-gradient(circle at 30% 20%,#daa5201f,#0000 50%),linear-gradient(145deg,#1a2332 0%,#0f1419 50%,#0a1628 100%);box-shadow:0 8px 32px #0000004d,0 24px 64px #daa52026,inset 0 1px #daa52033}.legacy-premium-card--excellent:hover{box-shadow:0 12px 48px #0006,0 32px 80px #daa52040,inset 0 1px #daa5204d}.legacy-premium-card--excellent .legacy-premium-card__glow{background:radial-gradient(circle at 50% 0,#daa5204d,#0000 60%)}.legacy-premium-card--excellent .premium-icon{color:#d4af37}.legacy-premium-card--excellent .legacy-premium-card__subheadline{color:#d4af37e6}.legacy-premium-card--excellent .legacy-premium-card__accent{background:linear-gradient(90deg,#0000,#daa52080,#0000)}.legacy-premium-card--good{background:radial-gradient(circle at 30% 20%,#c0c0c01f,#0000 50%),linear-gradient(145deg,#334155 0%,#1e293b 50%,#0f172a 100%);box-shadow:0 8px 32px #0000004d,0 24px 64px #c0c0c026,inset 0 1px #c0c0c033}.legacy-premium-card--good:hover{box-shadow:0 12px 48px #0006,0 32px 80px #c0c0c040,inset 0 1px #c0c0c04d}.legacy-premium-card--good .legacy-premium-card__glow{background:radial-gradient(circle at 50% 0,#c0c0c04d,#0000 60%)}.legacy-premium-card--good .premium-icon{color:silver}.legacy-premium-card--good .legacy-premium-card__subheadline{color:#c0c0c0e6}.legacy-premium-card--good .legacy-premium-card__accent{background:linear-gradient(90deg,#0000,#c0c0c080,#0000)}.legacy-premium-card--concerning{background:radial-gradient(circle at 30% 20%,#e9d5ff26,#0000 50%),linear-gradient(145deg,#6b21a8 0%,#581c87 50%,#4c1d95 100%);box-shadow:0 8px 32px #0000004d,0 24px 64px #e9d5ff26,inset 0 1px #e9d5ff33}.legacy-premium-card--concerning:hover{box-shadow:0 12px 48px #0006,0 32px 80px #e9d5ff40,inset 0 1px #e9d5ff4d}.legacy-premium-card--concerning .legacy-premium-card__glow{background:radial-gradient(circle at 50% 0,#e9d5ff4d,#0000 60%)}.legacy-premium-card--concerning .premium-icon{color:#e9d5ff}.legacy-premium-card--concerning .legacy-premium-card__subheadline{color:#e9d5ffe6}.legacy-premium-card--concerning .legacy-premium-card__accent{background:linear-gradient(90deg,#0000,#e9d5ff80,#0000)}.legacy-premium-card--warning{background:radial-gradient(circle at 30% 20%,#b8733326,#0000 50%),linear-gradient(145deg,#7c2d12 0%,#991b1b 50%,#450a0a 100%);box-shadow:0 8px 32px #0000004d,0 24px 64px #b8733326,inset 0 1px #b8733333}.legacy-premium-card--warning:hover{box-shadow:0 12px 48px #0006,0 32px 80px #b8733340,inset 0 1px #b873334d}.legacy-premium-card--warning .legacy-premium-card__glow{background:radial-gradient(circle at 50% 0,#b873334d,#0000 60%)}.legacy-premium-card--warning .premium-icon{color:#b87333}.legacy-premium-card--warning .legacy-premium-card__subheadline{color:#b87333e6}.legacy-premium-card--warning .legacy-premium-card__accent{background:linear-gradient(90deg,#0000,#b8733380,#0000)}.legacy-premium-card__icon-container{place-items:center;width:96px;height:96px;display:grid;position:relative}.legacy-premium-card__icon-backdrop{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;transition:all .3s;position:absolute;inset:0;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff26}.legacy-premium-card:hover .legacy-premium-card__icon-backdrop{background:#ffffff14;border-color:#fff3;box-shadow:0 6px 24px #0000004d,inset 0 1px #fff3}.premium-icon{z-index:1;filter:drop-shadow(0 2px 8px #0000004d);width:56px;height:56px;position:relative}.legacy-premium-card__header{margin-bottom:0}.legacy-premium-card__headline{font-family:var(--font-serif),"Playfair Display",Georgia,serif;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 8px #00000080;margin:0 0 6px;font-size:32px;font-weight:600;line-height:1.1}.legacy-premium-card__subheadline{font-family:var(--font-sans),Inter,-apple-system,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff9;margin:0;font-size:11px;font-weight:500}.legacy-premium-card__metrics{flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.legacy-premium-card__success{flex-shrink:0;width:100%}.legacy-premium-card__success-percentage{font-family:var(--font-sans),Inter,sans-serif;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 8px #0006,0 4px 16px #0003;margin-bottom:8px;font-size:48px;font-weight:700;line-height:1}.legacy-premium-card__success-label{font-family:var(--font-sans),Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff9;font-size:10px;font-weight:600}.legacy-premium-card__value{flex:1;width:100%}.legacy-premium-card__amount{font-family:var(--font-serif),"Playfair Display",Georgia,serif;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 8px #0006,0 4px 16px #0003;margin-bottom:8px;font-size:48px;font-weight:700;line-height:1}.legacy-premium-card__period{font-family:var(--font-sans),Inter,sans-serif;color:#fff9;letter-spacing:.05em;font-size:11px;font-weight:500}.legacy-premium-card__footer{margin-top:8px}.legacy-premium-card__badge-text{font-family:var(--font-sans),Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);margin-top:28px;font-size:9px;font-weight:600}@media (max-width:640px){.legacy-premium-card{max-width:100%;min-height:450px;padding:32px 28px}.legacy-premium-card__content{gap:20px}.legacy-premium-card__icon-container{width:72px;height:72px}.premium-icon{width:44px;height:44px}.legacy-premium-card__headline{font-size:26px}.legacy-premium-card__metrics{gap:20px}.legacy-premium-card__success-percentage,.legacy-premium-card__amount{font-size:36px}}@media print{.legacy-premium-card{break-inside:avoid;page-break-inside:avoid;transform:none!important;box-shadow:0 4px 16px #00000026!important}.legacy-premium-card__glass,.legacy-premium-card__glow{display:none}.legacy-premium-card__content{color:#000;background:#fff}.legacy-premium-card__headline,.legacy-premium-card__amount{color:#000;text-shadow:none}}@media (prefers-reduced-motion:reduce){.legacy-premium-card,.legacy-premium-card:hover,.legacy-premium-card__icon-backdrop,.legacy-premium-card__glow{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.legacy-premium-card{border:2px solid}.legacy-premium-card__glass{opacity:0}}
