/* Gaya Asas dan Responsive */
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #e9e9e9; /* Latar belakang lembut */
color: #333;
}
.kontena {
max-width: 600px; /* Lebar maksimum untuk fokus pada kandungan */
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/* GAYA TAJUK */
.tajuk-utama h1 {
text-align: center;
color: #008000; /* Hijau Ikan Keli / Kehidupan */
font-size: 1.8em;
padding: 15px 0;
border-bottom: 3px solid #008000;
}
/* GAYA KANDUNGAN */
.seksyen-masalah, .seksyen-peluang, .seksyen-panduan, .seksyen-penutup {
margin-bottom: 30px;
padding: 0 10px;
}
.teks-besar {
font-size: 1.2em;
color: #cc0000; /* Menarik perhatian */
font-weight: bold;
}
.hakikatnya {
text-align: center;
font-size: 1.5em;
color: #333;
font-weight: bolder;
margin: 20px 0;
}
.ikan-keli {
font-size: 1.3em;
color: #0056b3;
}
.nama-panduan {
font-size: 1.4em;
text-align: center;
margin: 15px 0;
color: #008000;
}
/* GAYA SENARAI (OL) */
.seksyen-panduan ol {
padding-left: 25px;
}
.seksyen-panduan li {
margin-bottom: 10px;
}
/* GAYA HARGA */
.harga-asal {
text-align: center;
color: #999;
font-size: 1.2em;
margin-bottom: 5px;
}
.harga-khas {
text-align: center;
font-size: 2em;
color: #cc0000;
font-weight: bold;
margin-top: 5px;
}
.bonus {
text-align: center;
font-style: italic;
margin: 20px 0;
}
/* GAYA BUTANG CTA (PENTING!) */
.div-cta-atas, .seksyen-penutup {
text-align: center;
padding: 20px 0;
}
.butang-cta-utama, .butang-cta-besar {
display: block; /* Menjadikan butang selebar mungkin */
background-color: #ff9900; /* Warna OREN yang menonjol */
color: white;
padding: 15px 20px;
text-decoration: none;
border-radius: 8px;
font-size: 1.5em;
font-weight: bold;
text-transform: uppercase;
margin: 10px 0;
transition: background-color 0.3s;
}
.butang-cta-besar:hover, .butang-cta-utama:hover {
background-color: #e68a00; /* Gelap sedikit apabila hover */
}
/* SENTUHAN AKHIR */
.sentuhan-akhir {
margin-top: 30px;
padding-top: 15px;
border-top: 1px dashed #ccc;
font-style: italic;
color: #555;
}
footer {
text-align: center;
padding: 15px 0;
font-size: 0.9em;
border-top: 1px solid #ddd;
margin-top: 30px;
}