.article-main-container{width:100%;max-width:1400px;margin:0 auto;padding:20px;background-color:#14161f;border-top:2px solid #1f3152}.articles-header{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:100%;margin-bottom:20px;padding:15px 20px;background:rgb(19 23 36 / .8);border-radius:4px;border:1px solid #4970b3;color:#b3adc4}.articles-header h3{font-size:20px;font-weight:500;letter-spacing:2px;margin:0;padding:0}.articles-header h2{font-size:20px;font-weight:500;letter-spacing:2px;margin:0;padding:0}.articles-header span{color:#4970b3;font-size:14px}.article-container{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0}.article{width:100%;height:120px;border:1px solid #1877f2;border-radius:4px;transition:all 0.3s cubic-bezier(.4,0,.2,1);margin:0;background:#fff0;overflow:hidden;opacity:0;transition:all 0.4s ease-in-out;animation:fadeInUp 0.5s ease forwards}.article:nth-child(1){animation-delay:0.05s}.article:nth-child(2){animation-delay:0.1s}.article:nth-child(3){animation-delay:0.15s}.article:nth-child(4){animation-delay:0.2s}.article:nth-child(5){animation-delay:0.25s}.article:nth-child(6){animation-delay:0.3s}.article:nth-child(7){animation-delay:0.35s}.article:nth-child(8){animation-delay:0.4s}.article:nth-child(9){animation-delay:0.45s}.article:nth-child(10){animation-delay:0.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.article a{text-decoration:none;display:block;width:100%;height:100%}.article:hover{background-color:#081164;color:#816bb3;border-color:#6330da;box-shadow:0 0 6px rgbf(99,48,218);transform:translateY(-1px);cursor:pointer}.article-image{width:20%;height:100%;overflow:hidden;flex-shrink:0;background:cyan}.article-image img{width:100%;height:100%;object-fit:cover;display:block}.sub-article{display:flex;flex-direction:row;gap:8px;padding:0;margin:0;height:100%;align-items:stretch;position:relative}.article-text{display:flex;flex-direction:column;width:80%;padding:0;margin:0;margin-right:6px;background:#fff0;overflow:hidden}.article-text h3{font-size:18px;font-weight:550;color:#b3adc4;margin:0;padding:0;margin-top:12px;letter-spacing:2px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-text p{font-size:13px;color:#cdd6d8;margin:0;padding:0;letter-spacing:1px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.paragraph-and-timing{display:flex;flex-direction:column;gap:10px;width:100%;height:100%}.article-time-and-author{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px;margin-top:auto;padding-bottom:4px}.article-author{background:#131724;font-size:10px;color:#958999;padding:1px 6px;border:.5px solid #00ffd5;border-radius:30px;border-color:#1f3152;display:inline-block;white-space:nowrap}.article-timing{background:#131724;font-size:10px;color:#958999;padding:1px 6px;border:.5px solid #00ffd5;border-radius:30px;border-color:#1f3152;display:inline-block;white-space:nowrap}.articles-counter{text-align:center;color:#958999;font-size:13px;padding:10px}@media (max-width:1024px) and (min-width:769px){.article{height:110px}.article-image img{height:109px}.article-text h3{font-size:14px;line-height:1.2}.article-text p{font-size:12px}}@media (max-width:768px){.article-main-container{padding:10px}.articles-header{padding:12px 15px;flex-wrap:wrap;gap:8px}.articles-header h2{font-size:16px;letter-spacing:1px}.articles-header span{font-size:12px}.article-container{grid-template-columns:1fr;gap:10px}.article{height:120px!important;min-height:100px}.article-image{width:30%!important;min-width:80px;flex-shrink:0;height:100%}.article-image img{width:100%;height:100%;object-fit:cover}.article-text{width:70%!important;padding:0 4px 0 0;margin:0}.article-text h3{font-size:16px!important;line-height:1.2!important;margin-top:8px!important;margin-bottom:4px!important;padding:0!important;-webkit-line-clamp:2;letter-spacing:1px}.article-text p{font-size:12px!important;line-height:1.6!important;margin:0!important;padding:0!important;-webkit-line-clamp:2;letter-spacing:.5px}.paragraph-and-timing{gap:4px}.article-time-and-author{gap:3px;margin-top:auto;padding-bottom:4px}.article-author,.article-timing{font-size:10px!important;padding:1px 4px;line-height:1.2}}@media (max-width:480px){.article-main-container{padding:6px}.articles-header{padding:10px 12px;gap:4px}.articles-header h2{font-size:15px;letter-spacing:.5px}.articles-header span{font-size:12px}.article-container{gap:8px}.article{height:100px!important;min-height:80px}.article-image{width:28%!important;min-width:70px}.article-image img{min-height:80px;max-height:100px}.article-text{width:72%!important;padding:0 3px 0 0}.article-text h3{font-size:14px!important;line-height:1.4!important;margin-top:6px!important;-webkit-line-clamp:1;letter-spacing:.5px}.article-text p{font-size:12px!important;line-height:1.4!important;-webkit-line-clamp:2;letter-spacing:.3px}.paragraph-and-timing{gap:1px}.article-time-and-author{gap:2px;padding-bottom:5px;flex-wrap:wrap}.article-author,.article-timing{font-size:11px!important;padding:2px 5px}}