.content-card{color:inherit;cursor:pointer;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:24px;padding:0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.content-card__header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;height:120px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.content-card__header-bg{object-fit:cover;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);width:100%;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.content-card__icon-wrapper{z-index:2;position:relative}.content-card__icon{color:rgba(255,255,255,.9);width:48px;height:48px;transition:all .3s}.content-card__icon svg{width:100%;height:100%}.content-card__category{color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:all .3s;position:absolute;top:1rem;right:1rem}.content-card__date{color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.2);border-radius:8px;padding:.3rem .6rem;font-size:.7rem;font-weight:500;position:absolute;top:1rem;left:1rem}.content-card__body{flex-grow:1;padding:1.5rem}.content-card__title{color:#1a202c;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.4;transition:color .3s}.content-card__description{color:#718096;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.95rem;line-height:1.6;transition:color .3s;display:-webkit-box;overflow:hidden}.content-card__meta{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.content-card__meta-item{color:#9ca3af;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;display:flex}.content-card__meta-item svg{opacity:.7;width:14px;height:14px}.content-card__footer{padding:1rem 1.5rem 1.5rem}.content-card__cta{color:#667eea;background:rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.15);border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.content-card__cta span{transition:transform .3s}.content-card__arrow{opacity:.7;width:20px;height:20px;transition:transform .3s}.content-card__loader{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.content-card__loader .spinner{border:2px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.content-card--loading{pointer-events:none}.content-card--loading .content-card__cta{background:rgba(102,126,234,.12)}.content-card__glow{z-index:-1;opacity:0;filter:blur(20px);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:26px;transition:opacity .3s;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.content-card__border{opacity:0;z-index:-1;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.content-card__border:before{content:"";background:#fff;border-radius:23px;position:absolute;top:1px;bottom:1px;left:1px;right:1px}.content-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(102,126,234,.1),0 25px 50px -12px rgba(102,126,234,.25)}.content-card:hover .content-card__header-bg{opacity:1}.content-card:hover .content-card__icon{color:#fff;transform:scale(1.1)rotate(-5deg)}.content-card:hover .content-card__category{color:#fff;background:rgba(255,255,255,.25)}.content-card:hover .content-card__title{color:#667eea}.content-card:hover .content-card__description{color:#4a5568}.content-card:hover .content-card__cta{color:#5a67d8;background:rgba(102,126,234,.12);border-color:rgba(102,126,234,.25)}.content-card:hover .content-card__cta span{transform:translate(-4px)}.content-card:hover .content-card__arrow{opacity:1;transform:translate(4px)}.content-card:hover .content-card__glow{opacity:.3}.content-card:hover .content-card__border{opacity:1}@media (max-width:767px){.content-card__header{height:100px;padding:1.25rem}.content-card__icon{width:40px;height:40px}.content-card__category{padding:.3rem .6rem;font-size:.7rem}.content-card__body{padding:1.25rem}.content-card__title{font-size:1.1rem}.content-card__description{font-size:.9rem}.content-card__footer{padding:.75rem 1.25rem 1.25rem}.content-card__cta{padding:.65rem .85rem;font-size:.85rem}.content-card:hover{transform:translateY(-4px)}}.content-card--sport .content-card__header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.content-card--sport .content-card__cta{color:#667eea;background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.15)}.content-card--sport:hover .content-card__title{color:#667eea}.content-card--culture .content-card__header{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.content-card--culture .content-card__cta{color:#f5576c;background:rgba(245,87,108,.08);border-color:rgba(245,87,108,.15)}.content-card--culture:hover .content-card__title{color:#f5576c}.content-card--education .content-card__header{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.content-card--education .content-card__cta{color:#4facfe;background:rgba(79,172,254,.08);border-color:rgba(79,172,254,.15)}.content-card--education:hover .content-card__title{color:#4facfe}.content-card--default .content-card__header{background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%)}.content-card--default .content-card__cta{color:#a18cd1;background:rgba(161,140,209,.08);border-color:rgba(161,140,209,.15)}.content-card--default:hover .content-card__title{color:#a18cd1}.content-card--blog .content-card__header{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.content-card--blog .content-card__cta{color:#10b981;background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.15)}.content-card--blog:hover .content-card__title{color:#10b981}.content-card--blog:hover .content-card__cta{color:#047857;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.25)}@keyframes spin{to{transform:rotate(360deg)}}