• GT108
  • GT108
  • GT108
  • GT108
  • GT108
  • GT108
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', sans-serif; } body { background: #ffffff; color: #000000; } /* CONTAINER WIDE */ .container { max-width: 1400px; margin: auto; padding: 40px 20px; } /* SECTION TITLE */ .section-title { font-size: 32px; font-weight: 700; margin-bottom: 20px; color: #f83838; } /* DESKRIPSI */ .deskripsi { background: linear-gradient(135deg, #ec8080, #80a9ec); padding: 30px; border-radius: 16px; line-height: 1.7; box-shadow: 0 10px 30px rgba(0,0,0,0.4); } /* KEUNTUNGAN GRID */ .keuntungan { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); gap: 20px; } .card { background: linear-gradient(135deg, #ec8080, #80a9ec); padding: 25px; border-radius: 16px; transition: 0.3s; border: 1px solid rgba(255,255,255,0.05); } .card:hover { transform: translateY(-8px); background: #cee3ff; } .card h3 { margin-bottom: 10px; color: #530a0a; } /* TESTIMONI */ .testimoni { display: flex; gap: 20px; overflow-x: auto; padding-bottom: 10px; } .testi-card { min-width: 300px; background: linear-gradient(135deg, #ec8080, #80a9ec); padding: 20px; border-radius: 16px; flex-shrink: 0; box-shadow: 0 5px 20px rgba(0,0,0,0.3); } .testi-card p { font-style: italic; margin-bottom: 10px; } .testi-card span { font-weight: bold; color: #07374b; } /* FAQ */ .faq-item { margin-bottom: 15px; border-radius: 10px; overflow: hidden; } .faq-question { background: linear-gradient(135deg, #ec8080, #80a9ec); padding: 15px; cursor: pointer; font-weight: bold; } .faq-answer { display: none; padding: 15px; background: #bd8989; } .faq-item.active .faq-answer { display: block; } /* SCROLLBAR MODERN */ ::-webkit-scrollbar { height: 8px; } ::-webkit-scrollbar-thumb { background: #38bdf8; border-radius: 10px; } /* RESPONSIVE */ @media(max-width:768px){ .section-title { font-size: 24px; } }