/* =====================
   SCOPED (BIAR GAK NGERUSAK NAVBAR)
   ===================== */
.news-page{
margin:0;
font-family:'Poppins', 'Nunito', sans-serif;
min-height:100vh;

/* PEPPERMINT SOFT */
background:
repeating-linear-gradient(
45deg,
#ffffff,
#ffffff 25px,
#e8fbf5 25px,
#e8fbf5 50px
);
}

/* =====================
   WRAPPER
   ===================== */
.news-page .news-wrapper{
display:flex;
justify-content:center;
align-items:flex-start;
padding:20px 20px 60px;
flex:1;
}

/* =====================
   CARD
   ===================== */
.news-page .news-card{
width:100%;
max-width:700px;
background:#fff;
padding:40px 30px;
border-radius:28px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* =====================
   LOGO
   ===================== */
.news-page .news-logo{
width:120px;
display:block;
margin:0 auto 20px;
}

/* =====================
   TITLE
   ===================== */
.news-page .news-title{
font-size:22px !important;
font-weight:700;
color:#222;
margin-bottom:5px;
}

/* =====================
   DATE
   ===================== */
.news-page .news-date{
font-size:13px !important;
color:#888;
margin-bottom:25px;
}

/* =====================
   TEXT
   ===================== */
.news-page .news-text{
font-size:15px !important;
color:#444 !important;
line-height:1.9 !important;
}

.news-page .news-text p{
margin-bottom:18px;
font-size:15px !important;
}

/* =====================
   SIGN
   ===================== */
.news-page .news-sign{
margin-top:40px;
font-weight:700;
color:#000;
font-size:15px !important;
}

/* =====================
   RESPONSIVE
   ===================== */
@media(max-width:600px){
.news-page .news-card{
padding:40px 25px;
}
}