@import"https://fonts.googleapis.com/css2?family=Libertinus+Math&family=Lora:ital,wght@0,400..700;1,400..700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Lora,serif}.categoryDisplay{text-align:center;color:#3c3b3b;font-size:1.6rem;font-weight:600;margin:20px 0}.categoryDisplay:after{content:"";display:block;width:50px;height:3px;background-color:#07f;margin:6px auto 0;border-radius:2px}.navbar{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#e3effc;box-shadow:0 4px 12px #00000014;flex-wrap:wrap;gap:15px;width:100%;overflow:hidden}.navbar>div:first-child{flex-shrink:0}.navbar .mainLogo{width:200px;height:auto;object-fit:contain;cursor:pointer;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.mainLogo:hover{box-shadow:0 4px 15px #07f6;transform:scale(1.05);transition:all .3s ease}.navbarButtons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:100%;flex-shrink:1}.navbarButtons button{border:2px solid skyblue;background:#f5f3f3;padding:8px 14px;border-radius:25px;color:#01060b;font-size:15px;font-weight:600;cursor:pointer;transition:.3s,transform .2s;white-space:nowrap;flex-shrink:0}.navbarButtons button:hover{background:#e5f2ff;border-color:#07f;box-shadow:0 2px 8px #07f3}.navbarButtons button.active{background:#07f;color:#fff;border-color:#07f;transform:scale(1.05)}.newsList{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:5px}.newsCard{background:#fff;padding:18px;border-radius:18px;box-shadow:0 6px 15px #00000014;transition:.35s;cursor:pointer;border-top:6px solid hsl(212,100%,77%);animation:fadeIn .5s ease}.newsCard:hover{transform:translateY(-6px);box-shadow:0 10px 20px #0000001f}.newsCard img{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.newsCard h3{font-size:1.1rem;margin-bottom:8px;color:#333;font-weight:600}.newsCard p{font-size:.95rem;margin-bottom:12px;line-height:1.4;color:#545454}.newsCard a{text-decoration:none;color:#0056ff;font-weight:700}.newsCard a:hover{text-decoration:underline}.newsCard:hover h3{color:#006be6}.loadingText{text-align:center;font-size:1.2rem;padding:20px}.errorText{text-align:center;font-size:1.2rem;padding:20px;color:red;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeletonCard{background:#fff;padding:18px;border-radius:18px;box-shadow:0 6px 15px #00000014}.skeleton{background:#e1e4e7;border-radius:10px;animation:pulse 1.5s infinite ease-in-out}.skeletonImage{width:100%;height:160px;margin-bottom:16px}.skeletonTitle{width:80%;height:18px;margin-bottom:12px}.skeletonText{width:100%;height:14px;margin-bottom:10px}.skeletonTextShort{width:60%}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.footerSection{background-color:#f8f6dd;color:#ff6e61;text-align:center;padding:10px 15px;margin-top:40px;border-top:3px solid hsl(46,100%,65%)}.footerSection p{font-size:14px}.searchBox{display:flex;align-items:center;gap:8px;flex-grow:1;min-width:200px;max-width:400px;justify-content:center}.searchInput{padding:10px 14px;border-radius:25px;border:2px solid skyblue;outline:none;font-size:16px;width:220px;transition:.3s;font-style:italic}.searchInput:focus{border-color:#07f;box-shadow:0 0 6px #07f6}.searchButton{padding:10px 18px;border:2px solid skyblue;border-radius:25px;background:#f5f3f3;cursor:pointer;transition:.3s}.searchIcon{width:18px;height:18px}.searchButton:hover .searchIcon{transform:scale(1.1);filter:brightness(1.2);transition:transform .2s,filter .2s}.searchButton:active .searchIcon{transform:scale(.95);filter:brightness(1);transition:transform .1s,filter .1s}.searchInput::placeholder{color:#999;font-style:italic}@media(max-width:768px){.navbar{flex-direction:column;align-items:center;gap:12px}.searchBox{width:100%;max-width:400px}.navbarButtons{justify-content:center;gap:8px}.navbarButtons button{padding:7px 12px;font-size:14px}}