/* ===================================
BBB Official Malaysia – Corporate Style
=================================== *//* Global Reset */
body {
margin: 0;
font-family: ‘Poppins’, Arial, sans-serif;
line-height: 1.6;
background: #ffffff;
color: #222;
}/* Colors – BBB Brand */
:root {
–bbb-red: #ff0000;
–bbb-yellow: #ffd700;
–bbb-black: #000000;
–bbb-gray: #f4f4f4;
}/* Hero Section */
.hero {
text-align: center;
padding: 80px 20px;
background: linear-gradient(90deg, var(–bbb-red), var(–bbb-yellow), var(–bbb-black));
color: white;
}
.hero h1 {
font-size: 44px;
font-weight: 800;
margin-bottom: 20px;
}
.hero p {
font-size: 20px;
}
.hero .btn {
display: inline-block;
padding: 14px 28px;
margin: 10px;
text-decoration: none;
font-weight: bold;
border-radius: 10px;
transition: all 0.3s ease;
}
.hero .btn-white { background: #fff; color: #000; }
.hero .btn-yellow { background: var(–bbb-yellow); color: #000; }
.hero .btn-black { background: var(–bbb-black); color: #fff; }
.hero .btn:hover { opacity: 0.85; }/* Section General */
section {
padding: 60px 20px;
text-align: center;
}
section h2 {
font-size: 32px;
margin-bottom: 20px;
font-weight: 700;
}
section p {
max-width: 800px;
margin: auto;
font-size: 18px;
}/* Product List */
.products ul {
list-style: none;
padding: 0;
}
.products li {
font-size: 18px;
margin: 12px 0;
}/* CTA Section */
.cta {
background: var(–bbb-black);
color: white;
}
.cta h2 {
font-size: 28px;
margin: 0;
}/* Footer (Optional) */
footer {
background: var(–bbb-gray);
padding: 20px;
text-align: center;
font-size: 14px;
}
发表回复