🔧 Komunitas Mekanik Indonesia

Sedang Dalam Pemeliharaan

Website sedang diperbarui

Status: Maintenance

Kami sedang melakukan pemeliharaan dan peningkatan sistem untuk memberikan pengalaman yang lebih baik.

Mohon maaf atas ketidaknyamanannya. Website akan kembali online dalam waktu singkat.

} .illustration { text-align: center; position: relative; height: 400px; display: flex; align-items: center; justify-content: center; } .illustration svg { width: 100%; height: 100%; object-fit: contain; } .illustration-placeholder { font-size: 150px; color: #0051ba; animation: float 3s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } .gear { position: absolute; animation: rotate 4s linear infinite; } .gear:nth-child(1) { width: 80px; top: 20px; right: 40px; animation: rotate 4s linear infinite; } .gear:nth-child(2) { width: 120px; top: 100px; left: 30px; animation: rotate 6s linear infinite; } .gear:nth-child(3) { width: 60px; bottom: 50px; right: 80px; animation: rotate 3s linear infinite reverse; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .content { text-align: left; } h1 { color: #1a1a1a; margin-bottom: 20px; font-size: 42px; font-weight: 700; line-height: 1.3; } .subtitle { color: #666; font-size: 16px; margin-bottom: 30px; line-height: 1.6; } .message { color: #888; line-height: 1.8; margin-bottom: 40px; font-size: 15px; } .notification-form { display: flex; gap: 10px; margin-bottom: 30px; } .notification-form input { flex: 1; padding: 12px 20px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; transition: border-color 0.3s; } .notification-form input:focus { outline: none; border-color: #4169e1; box-shadow: 0 0 0 3px rgba(65, 105, 225, 0.1); } .notification-form input::placeholder { color: #999; } .notify-btn { padding: 12px 30px; background: #4169e1; color: white; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.3s, transform 0.2s; display: flex; align-items: center; gap: 8px; white-space: nowrap; } .notify-btn:hover { background: #304bc7; transform: translateY(-2px); } .notify-btn:active { transform: translateY(0); } .footer-text { color: #999; font-size: 13px; } @media (max-width: 768px) { .maintenance-container { grid-template-columns: 1fr; padding: 50px 30px; gap: 40px; } .content { text-align: center; } h1 { font-size: 32px; } .notification-form { flex-direction: column; } .notify-btn { width: 100%; justify-content: center; } .illustration { height: 300px; } }

Website Kami Sedang Dalam Pemeliharaan

Kami minta maaf atas ketidaknyamanan ini. Situs kami sedang menjalani pemeliharaan terjadwal dan upgrade, tetapi akan kembali dalam waktu singkat.

Kami sedang melakukan pembaruan sistem untuk memberikan pengalaman yang lebih baik bagi Anda. Tim kami bekerja keras untuk menyelesaikan pekerjaan ini secepat mungkin.

Tidak ingin ketinggalan update? Daftarkan email Anda sekarang!

Kami akan mengirimkan notifikasi ke email Anda ketika website siap diakses kembali.