body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; background: #f0f2f5; color: #333; }
.container { width: 90%; max-width: 1200px; margin: auto; overflow: hidden; }

/* Header */
header { background: #fff; color: #333; padding: 15px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
header h1 { float: left; margin: 0; font-size: 22px; color: #004a99; font-weight: 700; }
nav { float: right; }
nav ul { list-style: none; margin: 0; padding: 0; }
nav li { display: inline; margin-left: 15px; }
nav a { color: #555; text-decoration: none; font-weight: 500; font-size: 15px; }
nav a:hover { color: #004a99; }
.btn-login { background: #004a99; color: #fff !important; padding: 5px 15px; border-radius: 20px; }

/* Marquee */
.marquee { background: #333; color: #fff; padding: 8px 0; font-size: 14px; }

/* Section Title */
.section-title { text-align: center; margin: 40px 0; }
.section-title h2 { color: #004a99; font-size: 28px; margin-bottom: 5px; }
.section-title p { color: #777; margin: 0; }

/* Grid Berita Ala Sitech */
.grid-berita { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 25px; margin-bottom: 50px; }

/* Card Berita */
.card-berita { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.05); transition: 0.3s; }
.card-berita:hover { transform: translateY(-5px); box-shadow: 0 5px 25px rgba(0,0,0,0.1); }

/* Bagian Gambar di Card */
.card-image img { width: 100%; height: 200px; object-fit: cover; } /* object-fit membuat gambar tidak gepeng */

/* Bagian Konten di Card */
.card-content { padding: 20px; }
.card-meta { font-size: 12px; color: #888; margin-bottom: 10px; }
.card-meta i { margin-right: 5px; }
.card-berita h3 { margin: 0 0 10px 0; font-size: 18px; line-height: 1.4; }
.card-berita h3 a { color: #333; text-decoration: none; }
.card-berita h3 a:hover { color: #004a99; }
.card-berita p { color: #666; font-size: 14px; line-height: 1.6; margin-bottom: 15px; }
.read-more { font-size: 14px; color: #004a99; text-decoration: none; font-weight: bold; }