:root{--color-primary:#214b7d;--color-secondary:#4a6da7;--color-brand-energisyys:#ccd200;--color-text:#2c405a;--color-text-light:#555;--color-background-light:#e9edf2;--color-border:#a9a9fa;--border-radius:0px;--spacing-sm:0.5rem;--spacing-md:25px;--spacing-lg:50px;--spacing-xl:2rem;--spacing-xxl:100px;--transition-standard:0.3s ease;--card-min-width:300px;--card-max-width:370px;--card-mobile-max-width:500px}.category-filter-container{background:transparent;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:10px 0}.category-filter-btn{background-color:var(--color-background-light);border:none;border-radius:var(--border-radius);color:var(--color-primary);cursor:pointer;display:inline-block;font-weight:700;margin-bottom:5px;margin-right:5px;padding:4px 8px;text-transform:uppercase;transition:all .2s ease}.category-filter-btn.active,.category-filter-btn:hover{background-color:var(--color-primary);color:#fff}.course-container{border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:var(--spacing-xl);padding-bottom:100px;@media (max-width:768px){align-items:center;flex-direction:column}}.course-placeholder{background:#f8f9fa;border-radius:8px;padding:30px;text-align:center;width:100%}.course-main-title{margin-bottom:var(--spacing-xl);@media (max-width:768px){text-align:center}}.course-card{background:linear-gradient(20deg,var(--color-primary) 24.95%,var(--color-brand-energisyys) 99.95%);border-radius:var(--border-radius);flex:1;height:200px;max-width:var(--card-max-width);min-height:250px;min-width:var(--card-min-width);overflow:hidden;position:relative;transition:transform var(--transition-standard);&:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-5px)}@media (max-width:768px){margin-bottom:var(--spacing-xl);max-width:var(--card-mobile-max-width);width:100%}}.course-card-link{color:#fff;display:block;height:100%;text-decoration:none;width:100%}.course-card-content{display:flex;flex-direction:column;height:100%;min-height:250px;padding:var(--spacing-lg);position:relative}.course-category{align-self:flex-start;background-color:hsla(0,0%,100%,.2);border-radius:var(--border-radius);color:#fff;display:inline-block;font-weight:700;margin-bottom:var(--spacing-sm);margin-top:auto;padding:4px 8px;text-transform:uppercase}.course-title{color:#fff;line-height:1.3;margin-bottom:0;margin-top:0}.course-logo{max-width:100px;position:absolute;right:var(--spacing-md);top:var(--spacing-md);& img{height:auto;max-height:50px;max-width:100%;object-fit:contain}}