*{box-sizing:border-box;margin:0;padding:0}:root{--ds-bg:#0a0c10;--ds-panel:#11161c;--ds-card:#161c24;--ds-primary:#2f81f7;--ds-primary-hover:#1f6feb;--ds-border:#2d3748;--ds-text:#b0b8c5;--ds-text-bright:#f0f6fc;--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--cyan:#00e5ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--purple:#8b5cf6;--pink:#ec489a;--orange:#f97316}body{background-color:var(--ds-bg);color:var(--ds-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;scroll-behavior:smooth}.container{margin:0 auto;max-width:1400px;padding:0 4%}.section{padding:4rem 0}.section-title{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:3rem;text-align:center}.section-title span{background:linear-gradient(135deg,var(--ds-primary),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero1{overflow:hidden;padding:80px 0 60px;position:relative;text-align:center}.hero1:before{background:radial-gradient(circle,rgba(47,129,247,.08),transparent 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.hero1 h1{color:#fff;font-size:3.2rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}.hero1 h1 span{background:linear-gradient(135deg,var(--ds-primary),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero1 p{color:var(--ds-text);font-size:1.2rem;line-height:1.7;margin:0 auto;max-width:800px}.filter-section{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem;text-align:center}.filter-section h3{color:#fff;font-size:1.2rem;margin-bottom:1.5rem}.filters{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.filter-btn{background:var(--ds-card);border:1px solid var(--ds-border);border-radius:50px;color:var(--ds-text);cursor:pointer;font-size:.85rem;font-weight:500;padding:.6rem 1.3rem;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:rgba(47,129,247,.1);border-color:var(--ds-primary);color:var(--ds-primary)}.featured-article{align-items:center;background:linear-gradient(135deg,rgba(47,129,247,.08),rgba(0,229,255,.03));border:1px solid var(--ds-border);border-radius:var(--radius-lg);display:grid;gap:3rem;grid-template-columns:1fr auto;margin-bottom:3rem;padding:3rem}.featured-content h2{color:#fff;font-size:2rem;font-weight:800;margin-bottom:1rem}.featured-content p{color:var(--ds-text);line-height:1.7;margin-bottom:1.5rem}.featured-badge{background:rgba(47,129,247,.15);color:var(--cyan);font-size:.7rem;margin-bottom:1rem;padding:.3rem .8rem;text-transform:uppercase}.featured-badge,.featured-btn{border-radius:50px;display:inline-block;font-weight:600}.featured-btn{background:linear-gradient(135deg,var(--ds-primary),var(--cyan));color:#fff;padding:.8rem 1.8rem;text-decoration:none;transition:all .3s ease}.featured-btn:hover{box-shadow:0 4px 16px rgba(47,129,247,.3);transform:translateY(-2px)}.featured-image{font-size:5rem;text-align:center}.blog-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.blog-card{background:linear-gradient(135deg,var(--ds-panel) 0,var(--ds-card) 100%);border:1px solid var(--ds-border);border-radius:28px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.blog-card:before{background:linear-gradient(90deg,var(--ds-primary),var(--cyan),var(--purple));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.blog-card:hover:before{opacity:1}.blog-card:hover{border-color:var(--ds-primary);box-shadow:0 25px 45px rgba(0,0,0,.5),0 0 0 1px rgba(47,129,247,.3);transform:translateY(-10px)}.card-badge{backdrop-filter:blur(10px);border-radius:30px;box-shadow:0 2px 8px rgba(0,0,0,.2);font-size:.7rem;font-weight:700;gap:5px;padding:5px 12px;position:absolute;right:16px;top:16px;z-index:15}.card-badge,.card-header{align-items:center;display:flex}.card-header{flex-wrap:wrap;gap:12px;justify-content:space-between;padding:24px 20px 12px}.card-icon{align-items:center;background:linear-gradient(135deg,rgba(47,129,247,.15),rgba(0,229,255,.08));border:1px solid rgba(47,129,247,.2);border-radius:20px;display:flex;font-size:1.8rem;height:55px;justify-content:center;transition:all .3s ease;width:55px}.blog-card:hover .card-icon{background:linear-gradient(135deg,rgba(47,129,247,.25),rgba(0,229,255,.15));transform:scale(1.05)}.card-stats{display:flex;flex-wrap:wrap;gap:8px}.stat{align-items:center;background:hsla(0,0%,100%,.04);border-radius:30px;color:var(--ds-text);display:flex;font-size:.7rem;gap:5px;padding:4px 10px}.stat i{color:var(--cyan);font-size:.65rem}.card-title{padding:8px 20px 5px}.card-title h3{color:#fff;display:-webkit-box;font-size:1.2rem;font-weight:700;-webkit-line-clamp:2;line-height:1.4;transition:color .3s ease;-webkit-box-orient:vertical;overflow:hidden}.blog-card:hover .card-title h3{background:linear-gradient(135deg,var(--ds-primary),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.card-excerpt{padding:5px 20px 15px}.card-excerpt p{color:var(--ds-text);display:-webkit-box;font-size:.85rem;-webkit-line-clamp:3;line-height:1.6;opacity:.8;-webkit-box-orient:vertical;overflow:hidden}.card-footer{border-top:1px solid var(--ds-border);flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:5px;padding:12px 20px 20px}.author-info,.card-footer{align-items:center;display:flex}.author-info{gap:10px}.author-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:38px;justify-content:center;transition:transform .3s ease;width:38px}.blog-card:hover .author-avatar{transform:scale(1.05)}.author-details{display:flex;flex-direction:column}.author-name{color:#fff;font-size:.8rem;font-weight:600}.author-title{color:var(--cyan);font-size:.6rem;opacity:.75}.read-more-btn{align-items:center;background:rgba(47,129,247,.1);border:1px solid var(--ds-border);border-radius:40px;color:var(--cyan);display:flex;font-size:.75rem;font-weight:600;gap:6px;padding:6px 14px;text-decoration:none;transition:all .3s ease}.read-more-btn:hover{background:linear-gradient(135deg,var(--ds-primary),var(--cyan));border-color:transparent;color:#fff;transform:translateX(3px)}.pagination{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:40px}.page-btn,.page-nav{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:12px;color:var(--ds-text);cursor:pointer;font-size:.85rem;font-weight:500;height:40px;min-width:40px;transition:all .3s ease}.page-btn:hover,.page-nav:hover:not(:disabled){background:rgba(47,129,247,.1);border-color:var(--ds-primary);color:var(--cyan)}.page-btn.active{background:linear-gradient(135deg,var(--ds-primary),var(--cyan));border-color:transparent;color:#fff}.page-nav:disabled{cursor:not-allowed;opacity:.3}.sidebar{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--radius-lg);padding:1.8rem}.sidebar h4{color:#fff;font-size:1rem;font-weight:700;margin-bottom:1.2rem}.sidebar-item{border-bottom:1px solid var(--ds-border);padding:.6rem 0}.sidebar-item:last-child{border-bottom:none}.sidebar-item a{color:var(--ds-text);display:block;font-size:.8rem;text-decoration:none;transition:all .3s ease}.sidebar-item:hover a{color:var(--cyan);transform:translateX(5px)}.cta-section{background:linear-gradient(135deg,rgba(47,129,247,.08),rgba(0,229,255,.03));border:1px solid var(--ds-border);border-radius:var(--radius-lg);padding:2.5rem;text-align:center}.cta-section h2{color:#fff;font-size:1.8rem;font-weight:800;margin-bottom:.8rem}.cta-section h2 span{background:linear-gradient(135deg,var(--ds-primary),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.cta-section p{color:var(--ds-text);font-size:.95rem;margin-bottom:1.5rem}.cta-btn{background:linear-gradient(135deg,var(--ds-primary),var(--cyan));border-radius:50px;color:#fff;display:inline-block;font-weight:600;padding:.7rem 1.8rem;text-decoration:none;transition:all .3s ease}.cta-btn:hover{box-shadow:0 4px 16px rgba(47,129,247,.3);transform:translateY(-2px)}@media (max-width:900px){.featured-article{grid-template-columns:1fr;padding:2rem;text-align:center}.hero1 h1{font-size:2rem}.hero1 p{font-size:1rem}.section{padding:2rem 0}.section-title{font-size:1.8rem}.blog-grid{gap:1.5rem;grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.container{padding:0 20px}.hero1 h1{font-size:1.5rem}.featured-article{padding:1.2rem}.featured-content h2{font-size:1.2rem}.card-icon{font-size:1.4rem;height:45px;width:45px}.card-title h3{font-size:1rem}.card-footer{align-items:flex-start;flex-direction:column}.filter-btn{font-size:.75rem;padding:.4rem 1rem}.page-btn,.page-nav{font-size:.75rem;height:35px;min-width:35px}}@media (max-width:480px){.hero1 h1{font-size:1.3rem}.section-title{font-size:1.4rem}.stat{font-size:.65rem;padding:3px 8px}.author-avatar{height:32px;width:32px}.author-avatar,.author-name,.read-more-btn{font-size:.7rem}.read-more-btn{padding:5px 12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-card{animation:fadeInUp .5s ease forwards;opacity:0}.blog-card:first-child{animation-delay:.05s}.blog-card:nth-child(2){animation-delay:.1s}.blog-card:nth-child(3){animation-delay:.15s}.blog-card:nth-child(4){animation-delay:.2s}.blog-card:nth-child(5){animation-delay:.25s}.blog-card:nth-child(6){animation-delay:.3s}