.courses-grid{display:grid;grid-template-columns:1fr;gap:2rem}
@media(min-width:768px){.courses-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.courses-grid{grid-template-columns:repeat(3,1fr)}}
.c-card{overflow:hidden}
.c-img{position:relative;height:12rem;overflow:hidden}
.c-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .c-img img{transform:scale(1.1)}
.c-img .badge{position:absolute;top:.75rem;right:.75rem}
.c-body{padding:1.5rem}
.c-body h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}
.c-body>p{color:rgba(255,255,255,.6);font-size:.875rem;margin-bottom:1rem}
.c-features{margin-bottom:1rem}
.c-feat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:rgba(255,255,255,.7);margin-bottom:.5rem}
.c-feat svg{width:1rem;height:1rem;color:var(--gold);flex-shrink:0}
.c-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}
.c-footer .dur{color:var(--gold);font-size:.875rem;display:flex;align-items:center;gap:.25rem}
.c-footer .dur svg{width:1rem;height:1rem}
.c-footer a{color:var(--gold);font-size:.875rem;font-weight:500}

.c-body h3 a{color:inherit;text-decoration:underline;text-decoration-color:rgba(201,166,70,.6);text-underline-offset:4px}
.c-body h3 a:hover{color:var(--gold)}

.c-links{display:flex;align-items:center;gap:.75rem}
.c-footer .c-more{border:1px solid var(--gold);border-radius:.5rem;padding:.25rem .75rem}
.c-footer .c-more:hover{background:var(--gold);color:var(--green)}