:root{--bg-primary:#080c1a;--bg-secondary:#0d1428;--bg-card:rgba(255,255,255,0.04);--bg-card-hover:rgba(255,255,255,0.07);--border-card:rgba(255,255,255,0.06);--text-primary:#f0f2f8;--text-secondary:#b0b8d1;--text-muted:#6b7394;--accent-1:#4f7cff;--accent-2:#7c5cfc;--accent-3:#00d4ff;--gradient-main:linear-gradient(135deg,#4f7cff,#7c5cfc);--radius-card:20px;--radius-sm:10px;--shadow-card:0 20px 60px rgba(0,0,0,0.5);--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--transition-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--secondary:#4f46e5;--light:#f8fafc;--dark:#0f172a;--gray:#64748b;--success:#10b981;--border:#e2e8f0;--shadow:0 4px 6px rgba(0,0,0,0.1)}.insights-hero{background:linear-gradient(135deg,#0b1a33 0,#1a3a6b 50%,#2563eb 100%);color:white;padding:60px 0 50px;position:relative;overflow:hidden}.insights-hero .hero-content{text-align:center;position:relative;z-index:2}.insights-hero h1{font-size:2.6rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-0.02em}.insights-hero p{font-size:1.1rem;opacity:.85;max-width:640px;margin:0 auto 1rem}.insights-hero .hero-stats{font-size:.95rem;opacity:.8;display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,0.1);padding:.4rem 1.2rem;border-radius:30px;backdrop-filter:blur(4px)}.insights-hero .hero-stats strong{color:#fbbf24;font-weight:700}.insights-hero .hero-stats i{color:#fbbf24}.insights-filter{padding:1.5rem 0;background:white;border-bottom:1px solid #eef2f6}.filter-tabs{display:flex;gap:.8rem;flex-wrap:wrap}.filter-tab{padding:.4rem 1.2rem;border-radius:30px;font-size:.9rem;font-weight:500;color:#64748b;background:#f1f5f9;cursor:pointer;transition:all .2s;border:1px solid transparent}.filter-tab:hover{background:#e2e8f0;color:#0f172a}.filter-tab.active{background:#2563eb;color:white;border-color:#2563eb;box-shadow:0 4px 12px rgba(37,99,235,0.2)}.insights-list{padding:3rem 0 4rem;background:#f8fafc}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.article-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.04);border:1px solid #eef2f6;transition:all .3s ease}.article-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,0.08);border-color:#2563eb}.card-link{display:block;text-decoration:none;color:inherit}.card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f1f5f9}.card-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.article-card:hover .card-image img{transform:scale(1.03)}.card-tag{position:absolute;top:12px;left:12px;background:rgba(37,99,235,0.9);color:white;font-size:.7rem;font-weight:700;padding:.2rem .8rem;border-radius:30px;letter-spacing:.3px;text-transform:uppercase;backdrop-filter:blur(2px)}.card-content{padding:1.2rem 1.5rem 1.5rem}.card-content h3{font-size:1.1rem;font-weight:700;color:#0f172a;margin-bottom:.4rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-content p{color:#64748b;font-size:.9rem;line-height:1.6;margin-bottom:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:1.2rem;font-size:.8rem;color:#94a3b8}.card-meta span{display:inline-flex;align-items:center;gap:.3rem}.card-meta i{font-size:.75rem}.no-more{text-align:center;padding:2rem 0;color:#94a3b8;font-size:1rem;grid-column:1 / -1}.load-more{text-align:center;margin-top:2.5rem}.btn-load{background:white;border:1px solid #e2e8f0;padding:.6rem 2rem;border-radius:30px;color:#0f172a;font-weight:600;cursor:pointer;transition:all .2s}.btn-load:hover{background:#f1f5f9;border-color:#2563eb;color:#2563eb}@media(max-width:768px){.insights-hero h1{font-size:2rem}.insights-hero p{font-size:1rem;padding:0 1rem}.articles-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.filter-tabs{justify-content:center}.card-content h3{font-size:1rem}}@media(max-width:480px){.insights-hero{padding:40px 0 30px}.insights-hero h1{font-size:1.6rem}.insights-list{padding:2rem 0}.card-content{padding:1rem 1.2rem 1.2rem}.card-meta{flex-wrap:wrap;gap:.6rem}}