.vault-card{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.vault-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-accent) 50%,transparent 100%);opacity:0;transition:opacity var(--transition);z-index:2}.vault-card:hover{transform:translateY(-4px);border-color:rgba(var(--color-accent-rgb),.2);box-shadow:var(--shadow-xl),0 4px 20px rgba(var(--color-accent-rgb),.08)}.vault-card:hover:after{opacity:1}.vault-card:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-offset)}.vault-card-image{aspect-ratio:16/9;overflow:hidden;background:var(--color-bg)}.vault-card-image img{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-slow)}.vault-card:hover .vault-card-image img{transform:scale(1.05)}.vault-card-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.vault-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.vault-card-title{font-size:var(--text-lg);font-weight:600;margin:0}.vault-card-tagline{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.card--padded{padding:var(--space-6)}.card--padded-lg{padding:var(--space-8)}.card--centered{text-align:center}.card--hoverable{transition:all var(--transition-fast)}.card--hoverable:hover{transform:translateY(-2px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .4s ease-out both}.animate-fade-in-up,.vault-card-animate{animation:fadeInUp .4s ease-out both}.animate-fade-in-down{animation:fadeInDown .4s ease-out both}.animate-scale-in{animation:scaleIn .3s ease-out both}.animate-slide-in-left{animation:slideInLeft .4s ease-out both}.animate-slide-in-right{animation:slideInRight .4s ease-out both}.stagger-children>*:nth-child(1){animation-delay:0s}.stagger-children>*:nth-child(2){animation-delay:.06s}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.36s}.stagger-children>*:nth-child(8){animation-delay:.42s}.stagger-children>*:nth-child(9){animation-delay:.48s}.stagger-children>*:nth-child(10){animation-delay:.54s}.stagger-children>*:nth-child(11){animation-delay:.6s}.stagger-children>*:nth-child(12){animation-delay:.66s}.stagger-children--slow>*:nth-child(1){animation-delay:0s}.stagger-children--slow>*:nth-child(2){animation-delay:.1s}.stagger-children--slow>*:nth-child(3){animation-delay:.2s}.stagger-children--slow>*:nth-child(4){animation-delay:.3s}.stagger-children--slow>*:nth-child(5){animation-delay:.4s}.stagger-children--slow>*:nth-child(6){animation-delay:.5s}.stagger-children--slow>*:nth-child(7){animation-delay:.6s}.stagger-children--slow>*:nth-child(8){animation-delay:.7s}.stagger-children--slow>*:nth-child(9){animation-delay:.8s}.stagger-children--slow>*:nth-child(10){animation-delay:.9s}.stagger-children--slow>*:nth-child(11){animation-delay:1s}.stagger-children--slow>*:nth-child(12){animation-delay:1.1s}.vault-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:640px){.vault-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.vault-grid{grid-template-columns:repeat(3,1fr)}}