html { min-height: 100%; background: #061a33; }
body { margin: 0; color: #102d4c; background: #061a33; }
.agep-page {
    min-height: 100vh;
    padding: 48px 0;
    background:
        radial-gradient(ellipse at 8% 12%, rgba(26, 113, 177, .48), transparent 48%),
        radial-gradient(ellipse at 94% 82%, rgba(223, 173, 53, .20), transparent 44%),
        linear-gradient(145deg, #061a33 0%, #10385a 52%, #071a30 100%);
}
.agep-container { padding: 0 24px; }
.agep-card {
    text-align: center;
    padding: 18px;
    background: #fff;
    border: 1px solid rgba(236, 193, 89, .45);
    border-radius: 24px;
    box-shadow: 0 24px 64px rgba(0, 9, 26, .35);
}
.agep-card .img-thumbnail {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 16px;
}
.agep-card select {
    max-width: 100%;
    padding: 10px 12px;
    border: 1px solid #cad5e0;
    border-radius: 10px;
    background: #f5f8fc;
    color: #102d4c;
}
.agep-card .btn-primary { background: #0b3e6c; border-color: #0b3e6c; border-radius: 12px; }
.agep-card .btn-primary:hover { background: #072c4e; border-color: #072c4e; }
.agep-card select:focus-visible, .agep-card .btn:focus-visible { outline: 3px solid #e0ad36; outline-offset: 3px; }
@media (max-width: 767px) {
    .agep-page { padding: 24px 0; }
    .agep-container { padding: 0 20px; }
    .agep-container > .row > :first-child, .agep-container > .row > :last-child { display: none; }
    .agep-card { padding: 12px; border-radius: 18px; }
}