.news-page{min-height:100vh;background-color:#06090f;color:#fff;padding:4rem 1.5rem;font-family:Cairo,sans-serif}.news-header{text-align:center;margin-bottom:4rem}.news-header h1{font-size:2.2rem;font-weight:800;letter-spacing:1px;color:#fff}.news-header p{color:#34d399;font-size:1.1rem;margin-top:.6rem}.news-loading{text-align:center;color:#a7f3d0;font-size:1.1rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:2rem;gap:2rem;max-width:1100px;margin:0 auto}.news-card{position:relative;background-color:#0a101c;border:1px solid rgba(16,185,129,.1);border-radius:1.5rem;overflow:hidden;text-decoration:none;transition:all .3s ease}.news-card:hover{border-color:rgba(16,185,129,.5);transform:translateY(-5px)}.news-image{height:220px;width:100%;background-size:cover;background-position:50%;transition:transform .5s ease}.news-card:hover .news-image{transform:scale(1.05)}.news-comments{position:absolute;top:10px;left:10px;background-color:rgba(52,211,153,.9);color:#0b1220;font-weight:700;font-size:.7rem;padding:.4rem .7rem;border-radius:6px}.news-body{padding:1.2rem}.news-body h2{direction:rtl;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem;transition:color .3s}.news-card:hover .news-body h2{color:#34d399}.news-body p{font-size:.85rem;color:rgba(167,243,208,.7)}