.card{display:flex;flex-direction:column;height:100%;background-color:var(--color-canvas);border-radius:1.25rem;overflow:hidden;border:1px solid var(--border-color-light);transition:all .6s cubic-bezier(.19,1,.22,1);position:relative;text-decoration:none;box-shadow:var(--shadow-sm)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--interactive-blue)}html.dark .card:hover{box-shadow:0 10px 25px -5px rgba(var(--rgb-indigo),.1),0 8px 10px -6px rgba(var(--rgb-indigo),.1)}button.card{border:1px solid var(--border-color);padding:var(--space-0);text-align:left;cursor:pointer}button.card:hover{border-color:var(--interactive-blue)}.card__image-wrapper{width:100%;aspect-ratio:16/10;overflow:hidden}.card__image{width:100%;height:100%;transition:transform .3s ease}.card:hover .card__image{transform:scale(1.05)}.card__content{padding:var(--space-24);display:flex;flex-direction:column;flex-grow:1}.card__category{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--interactive-blue);margin-bottom:var(--space-8)}.card__title{font-size:var(--text-h5);font-weight:700;color:var(--primary-text);line-height:1.3;margin-bottom:var(--space-12);overflow-wrap:break-word;word-break:break-word;transition:color .2s}.card:hover .card__title{color:var(--interactive-blue)}.card__description{color:var(--secondary-text);line-height:1.6;margin-bottom:var(--space-24);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:break-word;word-break:break-word}.card__button{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--interactive-blue);display:inline-flex;align-items:center;gap:var(--space-8);position:relative;padding-bottom:var(--space-2)}.card__button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .4s cubic-bezier(.19,1,.22,1)}.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:translateX(4px)}.card--project .card__meta-section{margin-bottom:var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid var(--border-color-light)}.card--project .card__meta-group{display:flex;justify-content:space-between;align-items:flex-end}.card--project .card__meta-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);color:var(--secondary-text)}.card--project .card__meta-value{font-weight:700;font-size:var(--text-base);color:var(--primary-text)}.card--project .card__tech-stack{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.card--project .card__tech-icon{display:flex;align-items:center;justify-content:center;height:1.85rem;width:1.85rem;padding:.35rem;background:var(--surface-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--secondary-text);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,color .2s}.card--project .card__tech-icon:hover{transform:scale(1.25) translateY(-4px);box-shadow:var(--shadow-lg);color:var(--interactive-blue);z-index:10}.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{margin-top:auto;justify-content:space-between}.card__footer,.card__repo-link{display:flex;align-items:center}.card__repo-link{gap:var(--space-8);color:var(--secondary-text);font-weight:600;font-size:var(--text-sm);transition:color .2s ease}.card__repo-link svg{width:1.5rem;height:1.5rem}.card__repo-link:hover{color:var(--interactive-blue)}.card--article{text-decoration:none;color:inherit}.card--article .card__description{flex-grow:1;overflow:visible;display:block;-webkit-line-clamp:unset;line-clamp:unset}.card--article .card__header{display:flex;align-items:flex-start;gap:var(--space-20);margin-bottom:var(--space-20)}.card--article .card__brand-icons-container{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8);background:var(--surface-background);border:1px solid var(--border-color-light);border-radius:var(--radius-technical);flex-shrink:0;height:fit-content}.card--article .card__brand-icon{width:1.5rem;height:1.5rem;flex-shrink:0;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:#FF0000}.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.google,.card--article .card__brand-icon.microsoft{color:inherit}.card--article .card__brand-icon.image{width:auto;max-width:4rem;height:1.5rem;object-fit:contain;object-position:left;filter:none;transition:filter .3s ease}html.dark .card--article .card__brand-icon.image{filter:brightness(1.2) contrast(1.1)}.card--article .card__meta{font-size:var(--text-sm);color:var(--secondary-text);margin-top:var(--space-4)}@keyframes card-sheen{0%{transform:translateX(-100%) skewX(-15deg)}to{transform:translateX(200%) skewX(-15deg)}}.card-holographic-sheen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent 30%,rgba(var(--rgb-white),.1) 40%,rgba(var(--rgb-white),.2) 50%,rgba(var(--rgb-white),.1) 60%,transparent 70%);transform:translateX(-100%);pointer-events:none;z-index:2;opacity:0;transition:opacity .3s}.card:hover .card-holographic-sheen{opacity:1;animation:card-sheen .8s ease-in-out}.card__tech-icon{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.card__tech-icon:hover{transform:translateY(-4px) scale(1.2);z-index:10}.card__brand-icon{width:1.5rem;height:1.5rem;object-fit:contain}.card__brand-icon.microsoft{color:#00a4ef}.card__brand-icon.youtube{color:#ff0000}.card__brand-icon.google{color:#4285f4}.card__brand-icon.linkedin{color:#0077b5}.card__brand-icon.image{border-radius:var(--radius-sm)}.card--article .card__tags{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-16)}.card--article .card__tag{background-color:var(--surface-background);color:var(--secondary-text);font-size:var(--text-xs);font-weight:500;padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill)}.card--article .card__footer{border-top:1px solid var(--border-color-light);padding-top:var(--space-16)}.card--article .card__read-time{display:flex;align-items:center;font-size:var(--text-xs);font-weight:500}.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:var(--space-4)}.card--user{text-align:center;max-width:20rem;margin:var(--space-0) auto;text-decoration:none}.card--user .card__avatar{width:6rem;height:6rem;border-radius:var(--radius-pill);object-fit:cover;border:4px solid var(--primary-brand-orange);margin-bottom:var(--space-16);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{display:inline-flex;align-items:center;margin-bottom:var(--space-8)}.card--user .card__brand-icon{width:1.5rem;height:1.5rem;margin-right:var(--space-8);color:var(--primary-text);fill:currentColor}.card--user:hover .card__brand-icon,.card--user:hover .card__title{color:var(--interactive-blue)}.card--user .card__description{min-height:42px;margin-bottom:var(--space-16)}.card--carousel{border:none;box-shadow:var(--shadow-md)}.card--carousel:hover{box-shadow:var(--shadow-lg)}.card--carousel .card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--rgb-black),.9) 0,rgba(var(--rgb-black),.4) 30%,transparent 60%);transition:background .3s}.card--carousel:hover .card__overlay{background:linear-gradient(to top,rgba(var(--rgb-black),1) 0,rgba(var(--rgb-black),.5) 40%,transparent 80%)}.card--carousel .card__content--carousel{position:absolute;bottom:0;left:0;right:0;padding:var(--space-20) var(--space-16);z-index:10;background:rgba(var(--rgb-black),.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(var(--rgb-white),.1)}.card--carousel .card__title{font-size:var(--text-base);font-weight:600;color:white;line-height:1.4;text-shadow:0 2px 4px rgba(var(--rgb-black),.3);margin:var(--space-0);transform:none;opacity:1}.card--carousel:hover .card__title{transform:translateY(-2px);color:var(--primary-brand-orange)}.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:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--rgb-white),0) 0,rgba(var(--rgb-white),.05) 45%,rgba(var(--rgb-white),.3) 50%,rgba(var(--rgb-white),.05) 55%,rgba(var(--rgb-white),0) 100%);background-size:250% 250%;background-position:100% 100%;transition:background-position .6s ease;pointer-events:none;z-index:5}.card--project:hover .card__image-wrapper:after{background-position:0 0}html.dark .card--project .card__image-wrapper:after{background:linear-gradient(135deg,rgba(var(--rgb-white),0) 0,rgba(var(--rgb-white),.01) 45%,rgba(var(--rgb-white),.1) 50%,rgba(var(--rgb-white),.01) 55%,rgba(var(--rgb-white),0) 100%)}