.content-hub-container{width:100%;max-width:1300px;margin:0 auto;padding:60px 20px 80px;font-family:Inter,system-ui,sans-serif}.content-hub-header{text-align:center;margin-bottom:70px;background:linear-gradient(135deg,#f6f8fd,#f1f5f9,#fff);border-radius:32px;padding:60px 30px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 40px #00000008,inset 0 0 0 2px #fffc}.content-hub-header:before{content:"";position:absolute;top:-50%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,#2b6cb014,#fff0 70%);border-radius:50%;z-index:0}.content-hub-header h1{font-size:3.5rem;font-weight:900;color:#1e293b;margin-bottom:20px;letter-spacing:-1px;position:relative;z-index:1}.ch-highlight{background:linear-gradient(to right,#2b6cb0,#4299e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.content-hub-header p{font-size:1.25rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6;position:relative;z-index:1}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px}.article-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 15px 35px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid #f1f5f9;display:flex;flex-direction:column;height:100%}.article-card:hover{transform:translateY(-12px);box-shadow:0 30px 50px #0000001a}.article-image-wrapper{overflow:hidden;height:240px;width:100%;position:relative}.article-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease}.article-card:hover .article-image{transform:scale(1.08)}.article-meta{position:absolute;top:20px;left:20px;background:#ffffffe6;backdrop-filter:blur(8px);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;color:#1e293b;box-shadow:0 4px 10px #0000001a}.article-content{padding:30px 25px;display:flex;flex-direction:column;flex-grow:1}.article-title{font-size:1.4rem;font-weight:800;color:#0f172a;margin-bottom:15px;line-height:1.35;transition:color .3s ease}.article-card:hover .article-title{color:#2b6cb0}.article-excerpt{font-size:1.05rem;color:#64748b;line-height:1.6;margin-bottom:25px;flex-grow:1}.article-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:20px;font-size:.9rem;color:#94a3b8;font-weight:600}.read-more-btn{color:#2b6cb0;font-weight:700;display:flex;align-items:center;gap:5px;transition:gap .3s ease}.article-card:hover .read-more-btn{gap:10px}.article-reader-container{max-width:800px;margin:0 auto;padding:60px 20px 100px;font-family:Inter,system-ui,sans-serif}.article-reader-header{margin-bottom:40px}.article-reader-title{font-size:3rem;font-weight:900;color:#0f172a;line-height:1.2;margin-bottom:20px;letter-spacing:-1px}.article-reader-meta{display:flex;gap:20px;color:#64748b;font-weight:600;font-size:1rem;margin-bottom:30px;align-items:center}.meta-divider{width:4px;height:4px;background-color:#cbd5e1;border-radius:50%}.article-reader-image{width:100%;height:450px;-o-object-fit:cover;object-fit:cover;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin-bottom:50px}.article-reader-body{font-size:1.15rem;color:#334155;line-height:1.8}.article-reader-body h2{font-size:2rem;font-weight:800;color:#1e293b;margin-top:50px;margin-bottom:20px}.article-reader-body h3{font-size:1.5rem;font-weight:700;color:#334155;margin-top:40px;margin-bottom:15px}.article-reader-body p{margin-bottom:20px}.article-reader-body ul{margin-bottom:30px;padding-left:20px;list-style-type:none}.article-reader-body li{margin-bottom:15px;position:relative;padding-left:15px}.article-reader-body li:before{content:"•";color:#2b6cb0;font-weight:700;font-size:1.5rem;position:absolute;left:-15px;top:-4px}.article-reader-body strong{color:#0f172a;font-weight:700}@media (max-width: 768px){.content-hub-header{padding:40px 20px;margin-bottom:40px}.content-hub-header h1{font-size:2.2rem}.content-hub-header p{font-size:1.1rem}.article-grid{grid-template-columns:1fr;gap:25px}.article-card{border-radius:20px}.article-image-wrapper{height:200px}.article-reader-title{font-size:2.2rem}.article-reader-image{height:250px;margin-bottom:30px}.article-reader-meta{flex-wrap:wrap;gap:10px;font-size:.9rem}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite linear;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:20px;width:100%;margin-bottom:10px}.skeleton-title{height:32px;width:80%;margin-bottom:15px}.skeleton-box{height:100%;width:100%}