:root{padding:0;margin:0;box-sizing:border-box;background-color:#fff}.topbar{display:flex;align-items:center;background-color:#606060;color:#fff;padding:10px}.topbar-header{display:flex;justify-content:center;align-items:center;font-style:italic;font-size:1em;font-weight:700;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}a{text-decoration:none}.news{display:flex;flex-direction:column;margin-top:20px;padding:10px;border-bottom:1px solid #606060}.news-list{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding:10px}.news-button{display:flex;align-items:center;justify-content:center;margin-top:20px;padding:10px}.button{background-color:#000;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:1.2em;font-weight:700;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.loading-header{text-align:center;margin:0;padding:0;font-size:2em;font-weight:700;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.news-list{display:flex;flex-direction:column;gap:10px;padding:20px;width:95%;margin:0 auto}@media (min-width: 768px){.news-list{width:80%}}@media (min-width: 1024px){.news-list{width:60%}}.news-item{background-color:#fff;border:1px solid #ddd;padding:15px;display:flex;box-shadow:0 4px 8px #00000042;border-radius:10px;cursor:pointer;align-items:flex-start;transition:box-shadow .3s ease,transform .3s ease}.news-item:hover{box-shadow:0 4px 8px #0000001a;background-color:#dcf6f8;transform:scale(1.05)}.news-image{width:170px;height:130px;object-fit:cover;margin-right:15px;border-radius:8px}.news-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:130px}.news-content h3{margin:0;font-size:20px}.news-content p{margin:-5px 20px 10px 0;color:#555;height:60px;overflow:hidden;font-size:14px}.publish-date{color:#888;font-size:9px}.news-link{text-decoration:none;color:inherit}.pagination{display:flex;justify-content:space-evenly;align-items:center;margin-top:20px;margin-bottom:50px}.pagination button{background-color:#000;color:#fff;border:none;padding:10px;cursor:pointer;margin:0 5px;border-radius:4px}.pagination button:disabled{background-color:#aaa;cursor:not-allowed}.pagination span{margin:0 10px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:160px;border:1px solid #606060}.loadingText{font-size:20px}.loader{width:74px;height:29.382px;display:grid;margin-bottom:20px}.loader:before,.loader:after{content:"";grid-area:1/1;background:#606060;--c1:conic-gradient(from 150deg at top ,#000 60deg,#0000 0);--c2:conic-gradient(from -30deg at bottom,#000 60deg,#0000 0);--s:27px 23.382px ;clip-path:polygon(17px 0,calc(100% - 17px) 0,100% 100%,0 100%);-webkit-mask:var(--c1) left 6px top 4px,var(--c2) center,var(--c1) right 6px top 4px,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-repeat:no-repeat;animation:l6 2s infinite both}.loader:after{transform:rotate(180deg);transform-origin:50% 99%;animation-delay:.5s}@keyframes l6{0%{-webkit-mask-size:0 0,0 0,0 0,auto}8.33%{-webkit-mask-size:var(--s),0 0,0 0,auto}16.67%{-webkit-mask-size:var(--s),var(--s),0 0,auto}25%,50%{-webkit-mask-size:var(--s),var(--s),var(--s),auto}58.33%{-webkit-mask-size:0 0,var(--s),var(--s),auto}66.67%{-webkit-mask-size:0 0,0 0,var(--s),auto}75%,to{-webkit-mask-size:0 0,0 0,0 0,auto}}