📢 Pengumuman

background: #f0f0f0; padding: 20px; border-radius: 8px; text-align: center; color: #666; margin-bottom: 20px; border-left: 4px solid #D4AF37; } .error { background: #fee; color: #c33; border: 1px solid #f99; } .empty { background: #e8f5e9; color: #1e7e34; border: 1px solid #1e7e34; } .announcement-card { background: #f9f9f9; border-left: 4px solid #D4AF37; border-radius: 8px; padding: 20px; margin-bottom: 20px; transition: all 0.3s; box-shadow: 0 2px 8px rgba(30, 126, 52, 0.1); } .announcement-card:hover { box-shadow: 0 4px 12px rgba(30, 126, 52, 0.2); transform: translateX(5px); } .announcement-card h3 { color: #1e7e34; margin-bottom: 10px; font-size: 16px; } .announcement-card p { color: #666; line-height: 1.6; margin-bottom: 10px; } .announcement-card .date { color: #999; font-size: 12px; } .nav { display: flex; gap: 10px; justify-content: center; margin-top: 30px; } .nav a { padding: 10px 20px; background: #1e7e34; color: white; text-decoration: none; border-radius: 5px; font-size: 14px; transition: all 0.3s; border: 2px solid transparent; } .nav a:hover { background: #2d8659; border-color: #D4AF37; box-shadow: 0 3px 10px rgba(30, 126, 52, 0.3); }