.technology-section{background:linear-gradient(135deg,#1E40AF,#3B82F6 50%,#1E3A8A);position:relative;overflow:hidden}.technology-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="tech-grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23FFFFFF" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23tech-grid)"/></svg>');opacity:.3}.hero-section{background:linear-gradient(135deg,var(--background) 0,var(--secondary) 100%);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23E2E8F0" stroke-width="0.5" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.4}.article-card{background:var(--background-card);border:1px solid var(--border-light);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary),var(--accent));opacity:0;transition:opacity .3s ease;z-index:-1}.article-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(30,64,175,.15);border-color:var(--accent-light)}.article-card:hover:before{opacity:.03}.news-stats{background:var(--background-light);border:2px solid var(--border-light);border-radius:16px;padding:24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.news-stats:hover{border-color:var(--accent);box-shadow:0 8px 32px rgba(14,165,233,.1)}.news-stats-number{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.5rem;font-weight:800;line-height:1}.news-stats-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-top:8px}.featured-article{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 50%,var(--accent) 100%)}.featured-article-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:white;padding:32px}.featured-article-title{font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:12px}.featured-article-excerpt{opacity:.9;line-height:1.6}.category-section{background:var(--background-card);border-radius:20px;padding:24px;border:1px solid var(--border-light)}.category-title{position:relative;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px}.category-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);border-radius:2px}.sidebar-widget{background:var(--background-light);border:1px solid var(--border-light);border-radius:16px;padding:20px;margin-bottom:24px}.sidebar-widget-title{font-size:1.25rem;font-weight:700;color:var(--primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border-light)}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.breadcrumb{display:flex;align-items:center;gap:8px;padding:12px 0;color:var(--text-secondary);font-size:.875rem}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-current,.tag{color:var(--primary);font-weight:600}.tag{display:inline-block;padding:6px 12px;background:var(--hover-blue);border-radius:20px;font-size:.75rem;text-decoration:none;transition:all .2s ease;margin:2px}.tag:hover{background:var(--active-blue);transform:translateY(-1px)}.notification-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#EF4444,#DC2626);color:white;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid var(--background-light)}.progress-bar{width:100%;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);border-radius:3px;transition:width .3s ease}.tooltip{position:relative;display:inline-block}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--text-primary);color:white;padding:8px 12px;border-radius:8px;font-size:.875rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000}.tooltip:hover:before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-4px)}.nav-link-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;border-radius:16px;background:linear-gradient(135deg,var(--background-card) 0,rgba(255,255,255,.9) 100%);border:1px solid var(--border-light);color:var(--text-secondary);text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.08);min-height:90px}.nav-link-mobile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.1),transparent);transition:left .6s ease}.nav-link-mobile:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px rgba(30,64,175,.2);border-color:var(--accent-light);color:var(--primary);background:linear-gradient(135deg,rgba(255,255,255,.95) 0,var(--background-card) 100%)}.nav-link-mobile:hover:before{left:100%}.nav-link-mobile.active{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);color:white;border-color:var(--primary);transform:scale(1.02);box-shadow:0 8px 30px rgba(30,64,175,.3)}.nav-link-mobile.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.nav-link-mobile svg{transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.nav-link-mobile:hover svg{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(30,64,175,.3))}.nav-link-mobile.active svg{transform:scale(1.15);filter:drop-shadow(0 4px 8px rgba(255,255,255,.5))}.md\:hidden .glass-header.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-top:1px solid rgba(30,64,175,.1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav-link-mobile{animation:slideInUp .3s ease forwards}.nav-link-mobile:first-child{animation-delay:.05s}.nav-link-mobile:nth-child(2){animation-delay:.1s}.nav-link-mobile:nth-child(3){animation-delay:.15s}.nav-link-mobile:nth-child(4){animation-delay:.2s}.nav-link-mobile:nth-child(5){animation-delay:.25s}.nav-link-mobile:nth-child(6){animation-delay:.3s}.nav-link-mobile:nth-child(7){animation-delay:.35s}.nav-link-mobile:nth-child(8){animation-delay:.4s}@media (max-width:480px){.nav-link-mobile{padding:1.25rem .75rem;min-height:80px}.nav-link-mobile svg{width:18px;height:18px}.nav-link-mobile span{font-size:1rem}}.card-box{background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid rgba(229,231,235,1)}.featured-news-brand-bg{position:relative;overflow:hidden}.featured-news-brand-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(239,246,255,.9),rgba(219,234,254,.8) 50%,rgba(191,219,254,.9));z-index:0}.featured-news-brand-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(59,130,246,.15) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(37,99,235,.1) 0,transparent 50%);z-index:1}.featured-news-decorative{position:absolute;border-radius:50%;filter:blur(40px);z-index:2;pointer-events:none}.featured-news-decorative-1{top:0;left:0;width:8rem;height:8rem;background:linear-gradient(135deg,rgba(96,165,250,.25),rgba(59,130,246,.2));animation:floatDecor1 8s ease-in-out infinite}.featured-news-decorative-2{bottom:0;right:0;width:10rem;height:10rem;background:linear-gradient(135deg,rgba(37,99,235,.2),rgba(29,78,216,.15));animation:floatDecor2 10s ease-in-out infinite reverse}.featured-news-decorative-3{top:50%;left:25%;width:6rem;height:6rem;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(96,165,250,.15));animation:floatDecor3 12s ease-in-out infinite}.featured-news-grid-pattern{position:absolute;inset:0;opacity:.4;z-index:3;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b82f6' fill-opacity='0.15'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.featured-news-content{position:relative;z-index:10}@keyframes floatDecor1{0%,to{transform:translate(0) scale(1);opacity:.2}33%{transform:translate(10px,-10px) scale(1.1);opacity:.3}66%{transform:translate(-5px,5px) scale(.9);opacity:.15}}@keyframes floatDecor2{0%,to{transform:translate(0) scale(1) rotate(0deg);opacity:.2}50%{transform:translate(-15px,15px) scale(1.2) rotate(180deg);opacity:.4}}@keyframes floatDecor3{0%,to{transform:translate(0) scale(1);opacity:.15}25%{transform:translate(8px,-8px) scale(1.05);opacity:.25}75%{transform:translate(-8px,8px) scale(.95);opacity:.1}}@media (max-width:768px){.featured-news-decorative-1{width:6rem;height:6rem}.featured-news-decorative-2{width:8rem;height:8rem}.featured-news-decorative-3{width:4rem;height:4rem}}@media (prefers-reduced-motion:reduce){.featured-news-decorative-1,.featured-news-decorative-2,.featured-news-decorative-3{animation:none}}