<style>
    .notice-header {
        background: linear-gradient(90deg, #007bff, #6610f2);
        color: #fff;
        border-radius: 8px 8px 0 0;
    }

    .notice-card {
        border: 1px solid #dee2e6;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
        background-color: #ffffff;
        overflow: hidden;
    }

    .notice-details {
        font-size: 1rem;
        line-height: 1.7;
        color: #333;
    }

    .badge-date {
        background-color: #e3f2fd;
        color: #0d6efd;
        border-radius: 4px;
        font-size: 0.9rem;
    }

    .btn-view:hover,
    .btn-download:hover {
        transform: scale(1.02);
    }

    .next-button {
        transition: all 0.3s;
    }

    .next-button:hover {
        background-color: #6610f2;
        color: #fff;
        transform: translateX(5px);
    }

    .divider {
        height: 1px;
        background-color: #ddd;
        margin: 2rem 0;
    }
</style>