.card{display:flex;flex-direction:column;height:100%;background-color:#FFFFFF;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:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:var(--interactive-blue)}html.dark .card:hover{box-shadow:0 10px 25px -5px rgba(99,102,241,.1),0 8px 10px -6px rgba(99,102,241,.1)}button.card{border:1px solid var(--border-color);padding: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:1.5rem;display:flex;flex-direction:column;flex-grow:1}.card__category{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--interactive-blue);margin-bottom:.5rem}.card__title{font-size:1.25rem;font-weight:700;color:var(--primary-text);line-height:1.3;margin-bottom:.75rem;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:1.5rem;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:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--interactive-blue);display:inline-flex;align-items:center;gap:.5rem;position:relative;padding-bottom:2px}.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:1rem;padding-bottom:1rem;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:.25rem;color:var(--secondary-text)}.card--project .card__meta-value{font-weight:700;font-size:1rem;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:.5rem;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:0 10px 15px -3px rgba(0,0,0,.2);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:.5rem;color:var(--secondary-text);font-weight:600;font-size:.875rem;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:1.25rem;margin-bottom:1.25rem}.card--article .card__brand-icons-container{display:flex;align-items:center;gap:.5rem;padding:.5rem;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:.875rem;color:var(--secondary-text);margin-top:.25rem}@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(255,255,255,.1) 40%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.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:4px}.card--article .card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.card--article .card__tag{background-color:var(--surface-background);color:var(--secondary-text);font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px}.card--article .card__footer{border-top:1px solid var(--border-color-light);padding-top:1rem}.card--article .card__read-time{display:flex;align-items:center;font-size:.75rem;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:.25rem}.card--user{text-align:center;max-width:20rem;margin:0 auto;text-decoration:none}.card--user .card__avatar{width:6rem;height:6rem;border-radius:9999px;object-fit:cover;border:4px solid var(--primary-brand-orange);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{display:inline-flex;align-items:center;margin-bottom:.5rem}.card--user .card__brand-icon{width:1.5rem;height:1.5rem;margin-right:.5rem;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:1rem}.card--carousel{border:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.card--carousel:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.card--carousel .card__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.4) 30%,transparent 60%);transition:background .3s}.card--carousel:hover .card__overlay{background:linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,.5) 40%,transparent 80%)}.card--carousel .card__content--carousel{position:absolute;bottom:0;left:0;right:0;padding:1.25rem 1rem;z-index:10;background:rgba(0,0,0,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1)}.card--carousel .card__title{font-size:1rem;font-weight:600;color:white;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.3);margin: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(255,255,255,0),rgba(255,255,255,.05) 45%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.05) 55%,rgba(255,255,255,0));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(255,255,255,0),rgba(255,255,255,.01) 45%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.01) 55%,rgba(255,255,255,0))}