html, body {
    margin: 0; padding: 0;
    font-family: Verdana, Geneva, sans-serif;
    width: 100%; height: 100%;
    background-color: #0069a4;
}
.showcase-header-container {
    display: flex; align-items: center; justify-content: center; padding: 20px;
}
.showcase-header {
    max-width: 700px; background-color: #fff; padding: 15px;
    border-radius: 8px; box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
    text-align: center; margin: 10px;
}
.showcase-header img { height: auto; width: 600px; }
.showcase-header h1 { color: #116AA6; margin: 0; font-size: 2em; }
.showcase-description { font-size: 0.9em; font-weight: bold; color: #333; }
.showcase-loading { color: #fff; text-align: center; padding: 40px; font-size: 1.2em; }
.showcase-footer-container {
    display: flex; align-items: center; justify-content: center; padding: 20px;
}
.showcase-footer {
    background-color: #fff; max-width: 600px; color: #0069a4;
    display: flex; align-items: center; justify-content: center;
    padding: 20px; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
    text-align: center; margin: 10px;
}
.showcase-footer img { height: 50px; margin-right: 15px; }
.showcase-footer h1 { margin: 0; font-size: 1.5em; }
.showcase-card {
    background-color: #fff; padding: 15px;
    border-radius: 8px; box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
    text-align: center; margin: 10px; cursor: pointer;
    transition: transform 0.15s;
}
.showcase-card:hover { transform: scale(1.03); }
.showcase-card-title { font-size: 1.2em; font-weight: bold; color: #b64d11; margin-bottom: 10px; }
.showcase-card-description { font-size: 0.9em; font-weight: bold; color: #333; margin-bottom: 15px; }
.showcase-card-link { color: #0069a4; text-decoration: none; font-weight: bold; }
.showcase-card-date { font-size: 0.8em; color: #666; margin-bottom: 6px; }
.showcase-empty { color: rgba(255,255,255,0.6); text-align: center; padding: 20px; font-size: 0.9em; }