.resources-page { color: #30344a; font-family: Poppins, sans-serif; }
.resources-hero { background: #f5f5f2; padding: 64px 0; text-align: center; }
.resources-hero .container { max-width: 850px; }
.resources-hero__eyebrow { color: #ff9a12; font-size: .78rem; font-weight: 700; letter-spacing: .13em; margin: 0 0 10px; text-transform: uppercase; }
.resources-hero h1 { color: #1b1464; font-size: 2.5rem; font-weight: 700; margin: 0 0 14px; }
.resources-hero p:last-child { font-size: 1.02rem; line-height: 1.7; margin: 0; }
.resources-catalogue { padding: 64px 0 76px; }
.resources-catalogue h2 { color: #1b1464; font-size: 1.75rem; font-weight: 700; margin: 0 0 30px; }
.resources-grid { display: grid; gap: 28px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.resource-course { background: #fff; border: 1px solid #e1e2e8; min-width: 0; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.resource-course:hover { border-color: #ff9a12; box-shadow: 0 10px 28px rgba(27, 20, 100, .12); transform: translateY(-3px); }
.resource-course__link { color: inherit; display: block; height: 100%; text-decoration: none; }
.resource-course__link:hover, .resource-course__link:focus { color: inherit; text-decoration: none; }
.resource-course__link:focus-visible { outline: 3px solid rgba(255, 154, 18, .4); outline-offset: 3px; }
.resource-course__preview { aspect-ratio: 4 / 3; background: #f5f5f2; display: block; overflow: hidden; position: relative; }
.resource-course__preview img { display: block; height: 100%; object-fit: contain; width: 100%; }
.resource-course__placeholder { align-items: center; color: #1b1464; display: flex; font-size: 3rem; height: 100%; justify-content: center; }
.resource-course__badge { background: #28a745; color: #fff; font-size: .7rem; font-weight: 700; left: 12px; letter-spacing: .04em; padding: 6px 9px; position: absolute; text-transform: uppercase; top: 12px; }
.resource-course__content { display: flex; flex-direction: column; min-height: 132px; padding: 22px; }
.resource-course__content strong { color: #1b1464; font-size: 1.05rem; line-height: 1.5; }
.resource-course__action { color: #ff8200; font-size: .82rem; font-weight: 700; margin-top: auto; padding-top: 18px; }
.resource-course__action i { margin-left: 5px; }
.resources-empty { background: #f5f5f2; border-left: 3px solid #ff9a12; padding: 18px 22px; }

@media (max-width: 991px) {
    .resources-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .resources-hero { padding: 48px 0; }
    .resources-hero h1 { font-size: 2rem; }
    .resources-catalogue { padding: 48px 0 58px; }
    .resources-grid { grid-template-columns: 1fr; }
}