.article-page-content{display:flex;max-width:1400px;margin:0 auto}.article{flex:1;min-width:0}.article-data h3,.article-page-content h3{color:var(--text-title-secondary)!important;font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(151,201,252,.2);text-transform:uppercase;letter-spacing:.5px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.article-card{background:linear-gradient(135deg,rgba(23,25,53,.4),rgba(6,8,28,.4));border:1px solid rgba(47,47,47,.3);border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.article-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.4);border-color:rgba(53,134,211,.4)}.article-card-image{width:100%;height:200px;object-fit:cover;background:linear-gradient(135deg,#1a1b2f,#141026);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.article-card-image img{width:100%;height:100%;object-fit:cover;padding:0;margin:0}.article-card-image.no-image{background:linear-gradient(135deg,rgba(53,134,211,.1),rgba(53,134,211,.05))}.article-card-image.no-image::before{content:'📰';font-size:3rem;opacity:.3}.article-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.article-card h2{margin:0 0 .75rem 0;font-size:1.25rem;line-height:1.4}.article-card h2 a{color:#fff;text-decoration:none!important;border-bottom:none!important;transition:color .2s ease}.article-card h2 a:hover{color:var(--color-link-primary);text-decoration:none!important;border-bottom:none!important}.article-excerpt{color:#ddd;font-size:.95rem;line-height:1.6;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-date{display:none}.article-data{width:320px;flex-shrink:0}.article-data-panel{background:linear-gradient(135deg,rgba(23,25,53,.3),rgba(6,8,28,.3));border:1px solid rgba(47,47,47,.2);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.article-data-panel ul{padding-left:0!important}.article-data-panel.latest-articles ul{list-style:none;padding:0;margin:0}.article-data-panel.latest-articles li{padding:.75rem 0;border-bottom:1px solid rgba(47,47,47,.2);transition:all .2s ease}.article-data-panel.latest-articles li:last-child{border-bottom:none;padding-bottom:0}.article-data-panel.latest-articles li:first-child{padding-top:0}.article-data-panel.latest-articles li:hover{padding-left:.5rem;background:rgba(53,134,211,.05);margin-left:-.5rem;margin-right:-.5rem;padding-right:.5rem}.article-data-panel.latest-articles a{color:#e0e0e0;text-decoration:none;display:block;font-size:.95rem;line-height:1.4;transition:color .2s ease}.article-data-panel.latest-articles a:hover{color:var(--color-link-primary)}.article-data-panel.latest-articles a::before{content:'›';color:var(--color-link-secondary);margin-right:.5rem;font-weight:700;font-size:1.1rem}.article-data-panel.categories ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.article-data-panel.categories li{background:rgba(255,255,255,.02);border:1px solid rgba(47,47,47,.3);border-radius:8px;transition:all .2s ease}.article-data-panel.categories li:hover{background:rgba(53,134,211,.1);border-color:rgba(53,134,211,.3);transform:translateX(5px)}.article-data-panel.categories a{color:#e0e0e0;text-decoration:none;display:block;padding:.75rem 1rem;font-size:.95rem;position:relative}.article-data-panel.categories a::after{content:'→';position:absolute;right:1rem;color:var(--color-link-secondary);opacity:0;transition:opacity .2s ease}.article-data-panel.categories li:hover a::after{opacity:1}.article-data-panel.tags ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.article-data-panel.tags li{display:inline-block}.article-data-panel.tags a{display:inline-block;padding:.375rem .875rem;background:linear-gradient(135deg,rgba(53,134,211,.15),rgba(53,134,211,.08));color:var(--color-link-secondary);border:1px solid rgba(53,134,211,.3);border-radius:20px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s ease}.article-data-panel.tags a:hover{background:linear-gradient(135deg,rgba(53,134,211,.25),rgba(53,134,211,.15));transform:translateY(-2px);box-shadow:0 4px 8px rgba(53,134,211,.2)}.pagination-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;margin-top:2rem;margin-bottom:2rem}.pagination{display:flex;list-style:none;padding:0;margin:0;gap:.5rem}.page-item{display:inline-block}.page-link{display:inline-block;padding:.5rem .875rem;background:linear-gradient(135deg,rgba(23,25,53,.6),rgba(6,8,28,.6));color:#e0e0e0;border:1px solid rgba(47,47,47,.4);border-radius:8px;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease;min-width:40px;text-align:center}.page-link:hover{background:linear-gradient(135deg,rgba(53,134,211,.2),rgba(53,134,211,.1));border-color:rgba(53,134,211,.4);color:var(--color-link-primary);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.page-item.active .page-link{background:linear-gradient(135deg,var(--color-link-primary),var(--color-link-secondary));border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(53,134,211,.4)}.page-item.disabled .page-link{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-info{color:var(--text-gray-550);font-size:.875rem;text-align:center}.no-articles{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,rgba(23,25,53,.3),rgba(6,8,28,.3));border-radius:12px;border:1px solid rgba(47,47,47,.2)}.no-articles p{color:var(--text-gray-550);font-size:1.1rem;margin:0}@media (max-width:1024px){.article-page-content{flex-direction:column}.article-data{width:100%}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.articles-grid{grid-template-columns:1fr;gap:1rem}.article-card-body{padding:1rem}.article-data-panel{padding:1.25rem}.pagination{flex-wrap:wrap}.page-link{padding:.4rem .75rem;font-size:.9rem}}.article-data-panel.useful-resources ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.article-data-panel.useful-resources li{background:linear-gradient(135deg,rgba(76,175,80,.08),rgba(76,175,80,.03));border:1px solid rgba(76,175,80,.3);border-radius:8px;transition:all .2s ease}.article-data-panel.useful-resources li:hover{background:linear-gradient(135deg,rgba(76,175,80,.15),rgba(76,175,80,.08));transform:translateX(5px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.article-data-panel.useful-resources a{color:#fff;text-decoration:none;display:block;padding:.875rem 1rem;font-size:.95rem;font-weight:500;position:relative}.article-data-panel.useful-resources a:hover{color:#4caf50}.article-cover-image{margin:2rem 0;text-align:center;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.3);background:linear-gradient(135deg,rgba(23,25,53,.2),rgba(6,8,28,.2));border:1px solid rgba(47,47,47,.2)}.article-cover-image img,.article-cover-image picture{width:100%;height:auto;border-radius:12px;display:block}.article-cover-image img{max-width:100%;transition:transform .3s ease}.article-cover-image:hover img{transform:scale(1.02)}@media (max-width:768px){.article-cover-image{margin:1.5rem 0;box-shadow:0 4px 16px rgba(0,0,0,.25)}}