.account-types-variants{overflow:hidden}.variants-cards-container{width:100%;padding-left:max(var(--spacing-s),calc((100vw - var(--container-max-width)) / 2 + var(--spacing-s)));overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.variants-cards-container::-webkit-scrollbar{display:none}.variants-cards-list{display:flex;flex-direction:row;gap:40px}.variants-cards-list:after{content:"";flex-shrink:0;width:40px}@media(max-width:1024px){.variants-cards-container{padding-left:var(--spacing-s);padding-right:var(--spacing-s)}.variants-cards-list{flex-direction:column;gap:var(--spacing-l)}.variants-cards-list:after{display:none}}.variant-card{position:relative;display:flex;flex-direction:column;width:500px;flex-shrink:0;text-decoration:none;cursor:pointer;border-radius:var(--radius-m);overflow:visible;transition:all .4s cubic-bezier(.16,1,.3,1);background:transparent;border:1px solid var(--color-surface-200)}.variant-card-line{height:2px;background:var(--color-brand-500);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.variant-card-line.active{animation:drawLine 3s linear forwards}@keyframes drawLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.variant-card-line.hovered{transform:scaleX(1)!important;animation:none!important}.variant-card-inner{display:flex;flex-direction:column;flex:1;border-radius:var(--radius-m);overflow:hidden;background:var(--color-surface-50)}@media(max-width:1024px){.variant-card{width:100%}}.variant-card-image{position:relative;display:flex;align-items:center;justify-content:center;height:350px;background:var(--color-surface-100);transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.variant-card-img{width:100%;height:100%;object-fit:cover;object-position:top left;filter:saturate(.5);transition:all .4s cubic-bezier(.16,1,.3,1)}.variant-card:hover .variant-card-img,.variant-card.auto-hover .variant-card-img,.variant-card.user-hover .variant-card-img{transform:scale(1.05);filter:saturate(1)}.image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-interface-500);transition:all .4s cubic-bezier(.16,1,.3,1)}.image-placeholder svg{opacity:.5;transition:all .4s cubic-bezier(.16,1,.3,1)}.variant-card-content{padding:var(--spacing-m);display:flex;flex-direction:column;flex:1}.variant-card-title{font-size:22px;font-weight:600;color:var(--color-interface-1000);margin-bottom:var(--spacing-xs);transition:color .3s ease}.variant-card-description{font-size:15px;line-height:1.6;color:var(--color-interface-700);margin-bottom:0;flex:1}.variant-card-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--color-brand-500);opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.16,1,.3,1);margin-top:var(--spacing-m)}.variant-card:hover .variant-card-link,.variant-card.auto-hover .variant-card-link,.variant-card.user-hover .variant-card-link{opacity:1;transform:translateY(0)}.variant-card-link svg{transition:transform .2s ease}.variant-card:hover .variant-card-link svg,.variant-card.auto-hover .variant-card-link svg,.variant-card.user-hover .variant-card-link svg{transform:translate(4px)}.variant-card:hover,.variant-card.auto-hover,.variant-card.user-hover{border-color:transparent;transform:translateY(-4px);box-shadow:0 4px 6px -1px #4169e11a,0 20px 40px -8px #4169e126}.variant-card:hover .variant-card-image,.variant-card.auto-hover .variant-card-image,.variant-card.user-hover .variant-card-image{background:linear-gradient(135deg,#3b82f680,#3b82f614)}.variant-card:hover .image-placeholder,.variant-card.auto-hover .image-placeholder,.variant-card.user-hover .image-placeholder{color:var(--color-brand-500)}.variant-card:hover .image-placeholder svg,.variant-card.auto-hover .image-placeholder svg,.variant-card.user-hover .image-placeholder svg{opacity:.8;transform:scale(1.1)}@media(max-width:688px){.variant-card-image{height:120px}.variant-card-content{padding:var(--spacing-s)}.variant-card-title{font-size:18px}.variant-card-description{font-size:14px}.variant-card-link{opacity:1;transform:translateY(0)}}