.news-page{color:#f5f7fa;background-color:#111;padding:40px;font-family:Helvetica Neue,Arial,sans-serif}.news-header{text-align:center;color:#f5f7fa;margin-bottom:40px;font-size:2.5rem;font-family:Impact,sans-serif!important}.news-grid{grid-gap:30px;grid-template-columns:repeat(2,1fr);display:grid}.news-card{cursor:pointer;background:#222;border-radius:12px;padding:25px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 15px #ffffff1a}.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #ffffff26}.news-title{color:#f5f7fa;margin:0 0 10px;font-size:1.5rem;font-family:Impact,sans-serif!important}.news-image{float:left;border-radius:8px;width:200px;height:auto;margin-bottom:10px;margin-right:15px}.news-summary{color:#ccc;font-size:1rem;line-height:1.6}.pagination{text-align:center;margin-top:20px}.pagination-button{color:#f5f7fa;cursor:pointer;background:#222;border:none;border-radius:4px;margin:0 5px;padding:8px 12px;font-size:1rem;transition:background .2s}.pagination-button:hover{background:#444}.pagination-button.active{color:#000;background:#fff}.overlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.overlay-extra{text-align:center;color:#ccc;width:100%;font-size:1rem;position:absolute;bottom:10px}.overlay-extra a{color:#4da6ff;border-bottom:1px solid #0000;text-decoration:none}.overlay-extra a:hover{border-bottom:1px solid #4da6ff}.overlay-content{color:#f5f7fa;background:#222;border-radius:12px;width:75vw;max-height:75vh;padding:30px;animation:.3s fadeIn;position:relative;overflow-y:auto;box-shadow:0 4px 15px #fff3}.overlay-close{cursor:pointer;color:#ccc;background:0 0;border:none;font-size:1.5rem;position:absolute;top:15px;right:15px}.overlay-close:hover{color:#f5f7fa}.overlay-title{color:#f5f7fa;margin-top:0;font-size:1.8rem;font-family:Impact,sans-serif!important}.overlay-summary{color:#ccc;margin:20px 0;font-size:1rem;line-height:1.6}.overlay-link{color:#4da6ff;border-bottom:1px solid #0000;font-size:1rem;text-decoration:none;transition:border-bottom .2s}.overlay-link:hover{border-bottom:1px solid #4da6ff}.gradient-text{background:linear-gradient(120deg,#99b8ff,#7373ff,#662699,#ff2626);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.heading{margin-top:1em;font-size:1.2em;font-weight:700}