.articles-container{max-width:1200px;margin:0 auto;padding:40px 20px}.articles-grid{grid-template-columns:repeat(1,1fr);gap:30px;display:grid}@media (min-width:768px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.articles-grid{grid-template-columns:repeat(3,1fr)}}.article-card{background:#fff;border:1px solid #1221361a;border-radius:20px;flex-direction:column;height:100%;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.article-card:hover{border-color:#3ae1f3;transform:translateY(-5px);box-shadow:0 10px 30px #1221361a}.article-image{width:100%;height:200px;overflow:hidden}.article-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.article-card:hover .article-image img{transform:scale(1.05)}.article-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.article-date{color:#3ae1f3;margin-bottom:8px;font-size:14px;font-weight:600}.article-title{color:#122136;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.4}.article-short-desc{color:#122136b3;flex-grow:1;margin-bottom:20px;font-size:16px;line-height:1.6}.read-more-btn{color:#122136;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.read-more-btn:after{content:"→";transition:transform .2s}.article-card:hover .read-more-btn:after{transform:translate(5px)}.pagination-controls{justify-content:center;align-items:center;gap:15px;margin-top:50px;display:flex}.pagination-arrow{cursor:pointer;background:0 0;border:1px solid #1221361a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.pagination-arrow:hover{background:#3ae1f31a;border-color:#3ae1f3}.pagination-arrow:disabled{opacity:.3;cursor:not-allowed}.pagination-number{color:#122136;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:16px;font-weight:600}.pagination-number.active{color:#3ae1f3;border-bottom:2px solid #3ae1f3}.loading,.no-articles{text-align:center;color:#122136;padding:100px 20px;font-size:18px}
.page-module__IyVAma__main{background-color:#f8fbff;min-height:100vh}.page-module__IyVAma__container{max-width:1440px;margin:0 auto;padding:0 20px}@media (min-width:768px){.page-module__IyVAma__container{padding:0 40px}}@media (min-width:1024px){.page-module__IyVAma__container{padding:0 40px}}