.card{border:1px solid var(--border-color-light);background-color:#fff;border-radius:1.25rem;flex-direction:column;height:100%;text-decoration:none;transition:all .6s cubic-bezier(.19,1,.22,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card:hover{border-color:var(--interactive-blue);transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}html.dark .card:hover{box-shadow:0 10px 25px -5px #6366f11a,0 8px 10px -6px #6366f11a}button.card{border:1px solid var(--border-color);text-align:left;cursor:pointer;padding:0}button.card:hover{border-color:var(--interactive-blue)}.card__image-wrapper{aspect-ratio:16/10;width:100%;overflow:hidden}.card__image{width:100%;height:100%;transition:transform .3s}.card:hover .card__image{transform:scale(1.05)}.card__content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.card__category{text-transform:uppercase;color:var(--interactive-blue);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.card__title{color:var(--primary-text);overflow-wrap:break-word;word-break:break-word;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3;transition:color .2s}.card:hover .card__title{color:var(--interactive-blue)}.card__description{color:var(--secondary-text);-webkit-line-clamp:3;line-clamp:3;overflow-wrap:break-word;word-break:break-word;-webkit-box-orient:vertical;margin-bottom:1.5rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card__button{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--interactive-blue);align-items:center;gap:.5rem;padding-bottom:2px;font-size:.7rem;font-weight:600;display:inline-flex;position:relative}.card__button:after{content:"";background:currentColor;width:0;height:1px;transition:width .4s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0}.card:hover .card__button:after{width:100%}.card__button svg{width:.85rem;height:.85rem;transition:transform .4s cubic-bezier(.19,1,.22,1)}.card:hover .card__button svg{transform:translate(4px)}.card--project .card__meta-section{border-bottom:1px solid var(--border-color-light);margin-bottom:1rem;padding-bottom:1rem}.card--project .card__meta-group{justify-content:space-between;align-items:flex-end;display:flex}.card--project .card__meta-label{text-transform:uppercase;letter-spacing:.05em;color:var(--secondary-text);margin-bottom:.25rem;font-size:.65rem;font-weight:600}.card--project .card__meta-value{color:var(--primary-text);font-size:1rem;font-weight:700}.card--project .card__tech-stack{justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.card--project .card__tech-icon{background:var(--surface-background);border:1px solid var(--border-color);width:1.85rem;height:1.85rem;color:var(--secondary-text);border-radius:.5rem;justify-content:center;align-items:center;padding:.35rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,color .2s;display:flex}.card--project .card__tech-icon:hover{color:var(--interactive-blue);z-index:10;transform:scale(1.25)translateY(-4px);box-shadow:0 10px 15px -3px #0003}.card--project .card__tech-icon svg{width:100%;height:100%}.card--project:hover .card__tech-icon{color:var(--primary-text)}.card--project .text-right{text-align:right}.card__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.card__repo-link{color:var(--secondary-text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;transition:color .2s;display:flex}.card__repo-link svg{width:1.5rem;height:1.5rem}.card__repo-link:hover{color:var(--interactive-blue)}.card--article{color:inherit;text-decoration:none}.card--article .card__description{-webkit-line-clamp:unset;line-clamp:unset;flex-grow:1;display:block;overflow:visible}.card--article .card__header{align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem;display:flex}.card--article .card__brand-icons-container{background:var(--surface-background);border:1px solid var(--border-color-light);border-radius:var(--radius-technical);flex-shrink:0;align-items:center;gap:.5rem;height:fit-content;padding:.5rem;display:flex}.card--article .card__brand-icon{flex-shrink:0;width:1.5rem;height:1.5rem;transition:all .3s cubic-bezier(.23,1,.32,1)}.card--article .card__header-text{flex-grow:1}.card--article .card__brand-icon.linkedin{color:#0a66c2}.card--article .card__brand-icon.youtube{color:red}.card--article .card__brand-icon.google{color:inherit}html.dark .card--article .card__brand-icon.linkedin{color:#70b5f9}html.dark .card--article .card__brand-icon.youtube{color:#ff4e4e}.card--article:hover .card__brand-icon:not(.microsoft):not(.google):not(.image){color:var(--interactive-blue);transform:scale(1.1)}.card--article .card__brand-icon.microsoft,.card--article .card__brand-icon.google{color:inherit}.card--article .card__brand-icon.image{object-fit:contain;object-position:left;filter:none;width:auto;max-width:4rem;height:1.5rem;transition:filter .3s}html.dark .card--article .card__brand-icon.image{filter:brightness(1.2)contrast(1.1)}.card--article .card__meta{color:var(--secondary-text);margin-top:.25rem;font-size:.875rem}@keyframes card-sheen{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}.card-holographic-sheen{pointer-events:none;z-index:2;opacity:0;background:linear-gradient(120deg,#0000 30%,#ffffff1a 40%,#fff3 50%,#ffffff1a 60%,#0000 70%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0;transform:translate(-100%)}.card:hover .card-holographic-sheen{opacity:1;animation:.8s ease-in-out card-sheen}.card__tech-icon{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.card__tech-icon:hover{z-index:10;transform:translateY(-4px)scale(1.2)}.card__brand-icon{object-fit:contain;width:1.5rem;height:1.5rem}.card__brand-icon.microsoft{color:#00a4ef}.card__brand-icon.youtube{color:red}.card__brand-icon.google{color:#4285f4}.card__brand-icon.linkedin{color:#0077b5}.card__brand-icon.image{border-radius:4px}.card--article .card__tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.card--article .card__tag{background-color:var(--surface-background);color:var(--secondary-text);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.card--article .card__footer{border-top:1px solid var(--border-color-light);padding-top:1rem}.card--article .card__read-time{align-items:center;font-size:.75rem;font-weight:500;display:flex}.card--article .card__read-time .w-4{width:1rem}.card--article .card__read-time .h-4{height:1rem}.card--article .card__read-time .mr-1{margin-right:.25rem}.card--user{text-align:center;max-width:20rem;margin:0 auto;text-decoration:none}.card--user .card__avatar{object-fit:cover;border:4px solid var(--primary-brand-orange);border-radius:9999px;width:6rem;height:6rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;transition:border-color .2s}.card--user:hover .card__avatar{border-color:var(--interactive-blue)}.card--user .card__content--user{align-items:center}.card--user .card__title--icon{align-items:center;margin-bottom:.5rem;display:inline-flex}.card--user .card__brand-icon{width:1.5rem;height:1.5rem;color:var(--primary-text);fill:currentColor;margin-right:.5rem}.card--user:hover .card__brand-icon,.card--user:hover .card__title{color:var(--interactive-blue)}.card--user .card__description{min-height:42px;margin-bottom:1rem}.card--carousel{border:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.card--carousel:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.card--carousel .card__overlay{background:linear-gradient(#0000 40%,#0006 70%,#000000e6 100%);transition:background .3s;position:absolute;inset:0}.card--carousel:hover .card__overlay{background:linear-gradient(#0000 20%,#00000080 60%,#000 100%)}.card--carousel .card__content--carousel{z-index:10;-webkit-backdrop-filter:blur(8px);background:#0003;border-top:1px solid #ffffff1a;padding:1.25rem 1rem;position:absolute;bottom:0;left:0;right:0}.card--carousel .card__title{color:#fff;text-shadow:0 2px 4px #0000004d;opacity:1;margin:0;font-size:1rem;font-weight:600;line-height:1.4;transform:none}.card--carousel:hover .card__title{color:var(--primary-brand-orange);transform:translateY(-2px)}.card--carousel .card__image-wrapper{aspect-ratio:4/5}.card--simple .card__description{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.card--project .card__image-wrapper{position:relative}.card--project .card__image-wrapper:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(135deg,#fff0 0%,#ffffff0d 45%,#ffffff4d 50%,#ffffff0d 55%,#fff0 100%) 100% 100%/250% 250%;transition:background-position .6s;position:absolute;inset:0}.card--project:hover .card__image-wrapper:after{background-position:0 0}html.dark .card--project .card__image-wrapper:after{background:linear-gradient(135deg,#fff0 0%,#ffffff03 45%,#ffffff1a 50%,#ffffff03 55%,#fff0 100%)}