.card{gap:var(--space-3);padding:var(--space-6);background:var(--color-white);border:1px solid var(--color-grey-100);border-radius:var(--radius-lg);transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.card:hover{border-color:var(--color-accent-line);box-shadow:var(--shadow-md);transform:translateY(-4px)}.card--corner-outline{box-shadow:none;background:0 0;border:0;border-radius:0;position:relative}.card--corner-outline:before{--outline-top:clamp(0, var(--outline-progress,0) * 2, 1);--outline-right:clamp(0, var(--outline-progress,0) * 2, 1);--outline-left:clamp(0, var(--outline-progress,0) * 2 - 1, 1);--outline-bottom:clamp(0, var(--outline-progress,0) * 2 - 1, 1);border:1px solid var(--color-accent);border-radius:var(--radius-md);content:"";pointer-events:none;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right 0 top 0, right 0 top 0, left 0 top var(--radius-md), right var(--radius-md) bottom 0;mask-position:right 0 top 0, right 0 top 0, left 0 top var(--radius-md), right var(--radius-md) bottom 0;-webkit-mask-size:calc(66% + 34% * var(--outline-top)) var(--radius-md), var(--radius-md) calc(40% + 60% * var(--outline-right)), var(--radius-md) calc((100% - var(--radius-md)) * var(--outline-left)), calc((100% - var(--radius-md)) * var(--outline-bottom)) var(--radius-md);mask-size:calc(66% + 34% * var(--outline-top)) var(--radius-md), var(--radius-md) calc(40% + 60% * var(--outline-right)), var(--radius-md) calc((100% - var(--radius-md)) * var(--outline-left)), calc((100% - var(--radius-md)) * var(--outline-bottom)) var(--radius-md);position:absolute;inset:0}.card--corner-outline:hover{box-shadow:none;border-color:#0000;transform:none}.card__icon{border-radius:var(--radius-md);background:var(--color-accent-wash);width:44px;height:44px;color:var(--color-accent);justify-content:center;align-items:center;display:inline-flex}.card__title{font-size:1.15rem;font-weight:600}.card__body{color:var(--color-grey-700);font-size:.95rem;line-height:1.6}