.articles-section{background:#1a1f3a;padding:60px 0 100px;color:#fff;position:relative}.section-header{text-align:right;margin-bottom:50px}.articles-section .section-title{color:#fff}.articles-section .section-title:after{margin:12px 0 0 auto}.articles-section .section-subtitle{color:#e0e0e0;max-width:600px}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:40px}.article-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.article-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;border-color:#3b82f64d;background:#ffffff14}.article-card.featured{grid-column:1 / -1;border-color:#3b82f64d;background:#3b82f60a;display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto 1fr auto auto;column-gap:28px;row-gap:0;align-items:start}.article-card.featured .article-icon{grid-column:1;grid-row:1 / -1;width:90px;height:90px;margin-bottom:0;align-self:start}.article-card.featured .article-category{grid-column:2;grid-row:1;margin-bottom:10px}.article-card.featured .article-title{grid-column:2;grid-row:2;font-size:1.45rem;margin-bottom:10px}.article-card.featured .article-excerpt{grid-column:2;grid-row:3;-webkit-line-clamp:4}.article-card.featured .article-meta{grid-column:2;grid-row:4}.article-card.featured .article-read-more{grid-column:2;grid-row:5;width:auto;display:inline-flex;align-self:start}.article-icon{width:70px;height:70px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;flex-shrink:0}.article-card:hover .article-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 20px #3b82f64d}.article-icon i{font-size:2rem;color:#fff}.article-category{display:inline-block;background:#3b82f633;color:#3b82f6;padding:5px 12px;border-radius:15px;font-size:.82rem;font-weight:600;margin-bottom:12px;width:fit-content;letter-spacing:.02em}.article-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:14px;line-height:1.5;flex-grow:1}.article-excerpt{color:#c8c8d8;line-height:1.75;font-size:.9rem;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;gap:20px;font-size:.85rem;color:#b0b0b0;margin-bottom:20px;flex-wrap:wrap}.article-meta span{display:flex;align-items:center;gap:5px}.article-meta i{font-size:.9rem}.article-read-more{background:linear-gradient(45deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;box-shadow:0 2px 10px #3b82f64d;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto}.article-read-more:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666;background:linear-gradient(45deg,#1d4ed8,#3b82f6)}.article-read-more i{font-size:.9rem}.articles-cta{text-align:center;margin-top:40px}.view-all-articles-btn{display:inline-flex;align-items:center;gap:10px;background:#ffffff1a;color:#fff;padding:14px 28px;border-radius:25px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;border:1px solid rgba(255,255,255,.2)}.view-all-articles-btn:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 15px #0003}@media (max-width: 768px){.articles-section{padding:40px 0 60px}.articles-grid{grid-template-columns:1fr;gap:20px}.article-card{padding:25px}.article-title{font-size:1.2rem}.article-card.featured{display:flex;flex-direction:column;grid-column:auto}.article-card.featured .article-icon{width:70px;height:70px;margin-bottom:20px;align-self:auto}.article-card.featured .article-title{font-size:1.2rem}}
