.section-header{text-align:center;max-width:800px;margin:0 auto 48px}.section-subtitle{font-size:1.1rem;margin-top:16px;margin-bottom:24px}.cms-toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;margin-bottom:2.5rem}.btn-refresh{padding:6px 14px;border-radius:20px;background:var(--bg-surface);border:1px solid var(--color-border);color:var(--color-foreground);transition:all .2s ease}.btn-refresh:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-refresh.loading .refresh-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.col-span-full{grid-column:1 / -1!important;width:100%}.loading-status{grid-column:1 / -1!important;width:100%;padding:3.5rem 2rem!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.loading-status p,.loading-status div{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem}@media(min-width:769px){.cert-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.cert-card{border:1px solid var(--color-border);border-radius:14px;background:var(--bg-card);box-shadow:0 4px 12px #00000005;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s}.cert-card:hover{box-shadow:0 10px 36px #00000026;transform:translateY(-4px);border-color:var(--color-primary)}.featured-cert{border-color:var(--color-accent)!important;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(245,158,11,.06) 100%);box-shadow:0 0 25px #f59e0b26;grid-column:1 / -1;max-width:700px;margin:0 auto;width:100%}.cert-img-wrap{width:100%;aspect-ratio:16 / 10;background:var(--bg-surface);overflow:hidden;border-bottom:1px solid var(--color-border);position:relative;display:flex;align-items:center;justify-content:center}.cert-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.cert-card:hover .cert-img-wrap img{transform:scale(1.03)}.cert-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;gap:14px}.cert-name{font-weight:600;font-size:.95rem;color:var(--color-foreground);margin-bottom:.3rem}.cert-meta{font-size:.75rem;color:var(--color-muted);margin-top:4px}.cert-card.pkl-vertical .cert-img-wrap{height:auto;aspect-ratio:3 / 4;background-color:var(--bg-surface)}.cert-card.pkl-vertical .cert-img-wrap img{object-fit:contain;padding:.5rem}.btn-transkrip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-top:auto;padding:.5rem 1rem;background-color:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.btn-transkrip:hover{background-color:var(--color-primary);color:#fff}.cert-drive-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:calc(100% - 2rem);max-width:340px;margin:3.5rem auto 0;padding:.8rem 1.2rem;background-color:transparent;color:var(--color-foreground);border:2px solid var(--color-primary);border-radius:6px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .2s ease}.cert-drive-btn:hover{background-color:var(--color-primary);color:#fff}.cert-drive-btn svg{width:18px;height:18px;flex-shrink:0}.cert-drive-btn svg path{fill:var(--color-primary);transition:fill .2s ease}.cert-drive-btn:hover svg path{fill:#fff}.modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(8px)}.modal-dialog{position:relative;background:var(--bg-card);border:1px solid var(--color-border);border-radius:20px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;z-index:2;box-shadow:0 25px 50px -12px #00000080}.modal-header{padding:16px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.close-modal{font-size:1.75rem;line-height:1;color:var(--color-muted);cursor:pointer;background:none;border:none;padding:0 8px;transition:transform .15s ease,color .15s ease}.close-modal:hover{color:var(--color-primary);transform:scale(1.1)}.modal-body{padding:24px;overflow-y:auto;display:flex;justify-content:center;align-items:center}.modal-content{max-width:100%;max-height:75vh;object-fit:contain;border-radius:12px;border:2px solid rgba(255,255,255,.1)}@media(max-width:360px){.cert-drive-btn{font-size:.78rem;gap:.4rem}.cert-drive-btn svg{width:16px;height:16px}}