:root{--bg-color:#000000;--bg-dark:#000000;--bg-card:#1b1b1b;--text-color-rgb:255,255,255;--text-color:#ffffff;--accent-teal-rgb:0,255,213;--accent-teal:#00ffd5;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--accent-orange:#FFB800;--black-rgb:0,0,0}[data-theme=light]{--bg-color:#FFF8F0;--bg-dark:#FFF8F0;--bg-card:#ffffff;--text-color-rgb:22,22,22;--text-color:#161616;--accent-teal-rgb:0,168,139;--accent-teal:#00a88b;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--black-rgb:255,248,240;--black:#ffffff}.blogCard{height:100%;position:relative;border-radius:24px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:all .5s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column}.blogCard:hover{transform:translateY(-12px);border-color:rgba(191,66,82,.5);background:hsla(0,0%,100%,.05);box-shadow:0 30px 60px -12px rgba(0,0,0,.5),0 0 20px rgba(191,66,82,.1)}.blogCard:hover .blogCard__image{transform:scale(1.1)}.blogCard:hover .blogCard__arrow{transform:translateX(6px) scale(1.1)}.blogCard:hover .blogCard__button{background:#bf4252;color:#fff}.blogCard__link{text-decoration:none;display:flex;flex-direction:column;height:100%;padding:8px}.blogCard__imageContainer{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#000}.blogCard__imageContainer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.4));z-index:1;pointer-events:none}.blogCard__image{object-fit:contain!important;transition:transform .8s cubic-bezier(.165,.84,.44,1)}.blogCard__authorBadge{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:30px;border:1px solid hsla(0,0%,100%,.1);z-index:2;display:flex;align-items:center;gap:8px}.blogCard__authorName{color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.blogCard__content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.blogCard__date{font-size:13px;color:#bf4252;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.blogCard__date:before{content:"";width:12px;height:2px;background:currentColor}.blogCard__title{font-size:24px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.3;transition:color .3s ease}.blogCard__description{font-size:15px;color:hsla(0,0%,100%,.6);line-height:1.6;margin-bottom:32px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blogCard__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.blogCard__button{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#fff;padding:10px 20px;border-radius:12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.blogCard__button .blogCard__arrow{transition:transform .3s ease}[data-theme=light] .blogCard{background:#fff;border-color:rgba(0,0,0,.05);box-shadow:0 10px 30px rgba(0,0,0,.03)}[data-theme=light] .blogCard:hover{box-shadow:0 20px 40px rgba(0,0,0,.1);background:#fff}[data-theme=light] .blogCard__title{color:#161616}[data-theme=light] .blogCard__description{color:#666}[data-theme=light] .blogCard__button{background:#f5f5f5;color:#161616;border-color:rgba(0,0,0,.05)}[data-theme=light] .blogCard__authorBadge{background:hsla(0,0%,100%,.8);border-color:rgba(0,0,0,.05)}[data-theme=light] .blogCard__authorBadge .blogCard__authorName{color:#161616}