@import "https://fonts.googleapis.com/css2?family=Lilita+One&display=swap";
body{background:linear-gradient(90deg,#5290f5,#a480f8);margin:0;padding:0;font-family:Arial,sans-serif}.dark body{background:linear-gradient(135deg,#1f2937,#374151)}.news-page{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:5rem 2rem 3rem;display:flex}.news-title{text-align:center;color:#111;margin-bottom:2rem;font-family:Lilita One,cursive;font-size:2.5rem}.dark .news-title{color:#fff}.news-list{grid-template-columns:1fr;gap:2rem;width:75%;display:grid}@media (min-width:768px){.news-list{grid-template-columns:repeat(2,1fr)}}.news-card{text-align:center;background-color:rgba(255,255,255,.2);border-radius:12px;flex-direction:column;align-items:center;padding:.5rem;font-family:Lilita One,cursive;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.news-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3)}.dark .news-card{background-color:rgba(45,45,45,.95)}.news-card h2,.news-card p{color:#111;font-family:Lilita One,cursive}.dark .news-card h2,.dark .news-card p{color:#f3f4f6}.news-page img.news-image{object-fit:cover;border-radius:12px;width:90%;max-width:600px;height:auto;margin-bottom:1.5rem}.news-card h2{margin-bottom:.5rem;font-size:1.5rem}.news-card p{margin-bottom:1rem;font-size:1rem}.read-more{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#10b981);border:none;border-radius:10px;padding:.6rem 1.2rem;font-family:Lilita One,cursive;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.2)}.read-more:hover{background:linear-gradient(135deg,#2563eb,#059669);transform:scale(1.07);box-shadow:0 6px 18px rgba(0,0,0,.35)}.dark .read-more{color:#111;background:linear-gradient(135deg,#f59e0b,#ef4444)}.dark .read-more:hover{background:linear-gradient(135deg,#b45309,#dc2626);transform:scale(1.07)}.news-detail{text-align:center;color:#111;white-space:pre-wrap;max-width:800px;margin:2rem auto;font-family:Lilita One,cursive;font-size:1.1rem;line-height:1.6}.dark .news-detail{color:#f3f4f6}.news-reader-nav{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.news-date{opacity:.8;color:#333;margin-bottom:1rem;font-family:Lilita One,cursive;font-size:.9rem}.dark .news-date{color:#ddd}