body { font-family: 'Poppins', sans-serif; margin: 0; background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); color: #f3f4f6; min-height: 100vh; display: flex; flex-direction: column; } header { background: linear-gradient(90deg, #ff416c 0%, #ff4b2b 100%); color: white; padding: 1.5rem 1rem; text-align: center; font-weight: 600; font-size: 1.5rem; letter-spacing: 0.05em; box-shadow: 0 4px 6px rgb(255 75 43 / 0.6); flex-shrink: 0; } main { max-width: 900px; margin: 2rem auto 3rem; padding: 0 1rem; flex-grow: 1; } .hero { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; text-align: center; } .hero h1 { font-size: 2rem; font-weight: 700; color: #ffe600; line-height: 1.2; text-shadow: 0 0 8px #ffea00cc; } .hero p { font-size: 1.125rem; color: #e0e7ff; max-width: 600px; line-height: 1.5; text-shadow: 0 0 6px #00000088; } .btn-primary { background: linear-gradient(90deg, #ff416c 0%, #ff4b2b 100%); color: white; font-weight: 600; padding: 0.75rem 2rem; border-radius: 9999px; text-decoration: none; font-size: 1.125rem; box-shadow: 0 6px 15px rgb(255 75 43 / 0.7); transition: background 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .btn-primary:hover, .btn-primary:focus { background: linear-gradient(90deg, #ff4b2b 0%, #ff416c 100%); outline: none; box-shadow: 0 0 12px 4px #ffea00cc; } amp-img { border-radius: 1rem; max-width: 100%; height: auto; box-shadow: 0 10px 20px rgb(255 75 43 / 0.6); filter: drop-shadow(0 0 8px #ffea00cc); } section.features { margin-top: 3rem; display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 2rem; } .feature-card { background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); border-radius: 1rem; padding: 1.5rem; box-shadow: 0 6px 15px rgb(0 0 0 / 0.3); text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; color: #f3f4f6; } .feature-card:hover { transform: translateY(-6px); box-shadow: 0 12px 25px rgb(255 75 43 / 0.8); background: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%); color: #fff9db; } .feature-icon { font-size: 2.5rem; color: #ffea00; margin-bottom: 1rem; filter: drop-shadow(0 0 4px #ffea00cc); } .feature-title { font-weight: 600; font-size: 1.25rem; margin-bottom: 0.5rem; color: inherit; text-shadow: 0 0 6px #ffea00cc; } .feature-desc { font-size: 1rem; color: inherit; line-height: 1.4; text-shadow: 0 0 4px #00000088; } footer { margin-top: auto; padding: 1.5rem 1rem; text-align: center; font-size: 0.875rem; color: #f3f4f6cc; background: linear-gradient(90deg, #ff416c 0%, #ff4b2b 100%); box-shadow: 0 -4px 6px rgb(255 75 43 / 0.6); flex-shrink: 0; } @media (min-width: 640px) { .hero h1 { font-size: 2.75rem; } .hero p { font-size: 1.25rem; } }
Gempislot | Situs Gempi Slot Game Online Terbaik Pasti Menang Berapapun di Bayar

Gempislot adalah platform gempislot online terpercaya yang menghadirkan berbagai permainan seru dengan tampilan menarik dan peluang menang tinggi. Nikmati pengalaman bermain gempislot yang aman menyenangkan, khusus untuk member baru tersedia promo bonus 30% setelah melakukan deposit pertama. Daftar sekarang di gempislot dan raih kesempatan menang lebih besar setiap hari!

Daftar Sekarang Daftar Sekarang