body { margin:0; font-family: Arial, sans-serif; }
.hero-section { height: 400px; background-size: cover; display: flex; justify-content: center; align-items: center; color: #fff; text-align: center; }
.hero-content h1 { font-size: 48px; background: linear-gradient(90deg, #ff6a00, #ee0979); -webkit-background-clip: text; color: transparent; }
.hero-content p { font-size: 18px; }
.btn-gradient { padding: 10px 25px; font-size: 16px; background: linear-gradient(90deg, #ff6a00, #ee0979); border: none; color: #fff; cursor:pointer; border-radius: 5px; transition: 0.3s; }
.btn-gradient:hover { opacity: 0.8; }

.features-section { padding: 50px 0; background: #f9f9f9; }
.features-container { display: flex; justify-content: space-around; flex-wrap: wrap; }
.feature-item { width: 200px; text-align: center; margin: 20px; }
.feature-item img { width: 80px; height: 80px; margin-bottom: 15px; }

.member-section { text-align: center; margin: 40px 0; font-size: 18px; }