.ui-card{position:relative;display:flex;flex-direction:column;padding:2rem;border-radius:2.5rem;background-color:var(--card);border:1px solid oklch(from var(--border) l c h / .5);overflow:hidden;transition:all var(--transition-fast) var(--ease-out);text-align:left}.ui-card:hover{border-color:oklch(from var(--primary) l c h / .3);box-shadow:var(--shadow-lg)}.ui-card.interactive{cursor:pointer}.ui-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,oklch(from var(--primary) l c h / .05),transparent);opacity:0;transition:opacity var(--transition-base) var(--ease-out);pointer-events:none}.ui-card:hover .ui-card-overlay{opacity:1}.ui-card-content{position:relative;z-index:10;display:flex;flex-direction:column;flex-grow:1;height:100%}.ui-card-header{margin-bottom:1.5rem;display:flex;align-items:flex-start;justify-content:space-between}.ui-card-icon{display:inline-flex}.ui-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--foreground)}.ui-card-description{color:var(--muted-foreground);line-height:1.625;flex-grow:1}.ui-card-footer{margin-top:2rem;display:flex;align-items:center;color:var(--primary);font-weight:500;gap:.5rem}.ui-card-footer svg{flex-shrink:0;transform:translateY(.5px)}.ui-card-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ui-card-badge.badge-muted{background-color:var(--muted);color:var(--muted-foreground)}.ui-card-badge.badge-primary{background-color:oklch(from var(--primary) l c h / .1);color:var(--primary)}.ui-card-badge.badge-secondary{background-color:oklch(from var(--secondary) l c h / .1);color:var(--secondary)}.ui-card-badge.badge-green{background-color:oklch(from var(--success, .6 .15 150) l c h / .15);color:var(--success-text)}.ui-card-badge.badge-purple{background-color:oklch(from var(--primary) l c h / .15);color:var(--primary)}.feature-card{position:relative;padding:2rem;border-radius:2.5rem;background-color:var(--card);border:1px solid oklch(from var(--border) l c h / .5);overflow:hidden;transition:all var(--transition-fast) var(--ease-out)}.feature-card:hover{border-color:oklch(from var(--primary) l c h / .3);box-shadow:var(--shadow-lg)}.feature-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,oklch(from var(--primary) l c h / .05),transparent);opacity:0;transition:opacity var(--transition-base) var(--ease-out)}.feature-card:hover .feature-card-overlay{opacity:1}.feature-card-content{position:relative;z-index:10}.feature-card-icon{margin-bottom:1.5rem}.feature-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-card-description{color:var(--muted-foreground);line-height:1.625}.icon-box{width:4rem;height:4rem;border-radius:1rem;background-color:var(--secondary);color:var(--foreground);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box-sm{width:2.5rem;height:2.5rem;border-radius:.75rem;background-color:var(--secondary);color:var(--foreground);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box-lg{width:5rem;height:5rem;border-radius:1.5rem;background-color:var(--secondary);color:var(--foreground);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box-bordered{border:1px solid oklch(from var(--border) l c h / .5)}.status-indicator{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-indicator-success{background-color:oklch(from var(--success) l c h / .1);color:var(--success-text);box-shadow:inset 0 0 0 1px oklch(from var(--success) l c h / .2)}.status-indicator-primary{background-color:oklch(from var(--primary) l c h / .1);color:var(--primary);box-shadow:inset 0 0 0 1px oklch(from var(--primary) l c h / .2)}