.recordings-container{max-width:1200px;margin:0 auto;padding:20px}.recordings-title{text-align:center;font-size:2rem;margin-bottom:20px;font-weight:700;color:#F5F5F5}.no-recordings{text-align:center;color:#F5F5F5}.recordings-grid{display:grid;gap:20px;justify-content:center;padding:10px}@media (max-width:600px){.recordings-grid{grid-template-columns:1fr}}@media (min-width:601px) and (max-width:1024px){.recordings-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.recordings-grid{grid-template-columns:repeat(3,1fr)}}.recording-card{background:#F5F5F5;border-radius:10px;box-shadow:0 4px 10px rgba(255,255,255,.2);overflow:hidden;text-align:center;padding:15px;transition:transform 0.2s,box-shadow 0.2s}.recording-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(255,255,255,.3)}.recording-thumbnail img{width:100%;height:auto;border-radius:8px}.recording-title{font-size:1.4rem;font-weight:700;margin:10px 0;color:#222}.recording-button{display:inline-block;padding:10px 15px;background:#0073aa;color:#F5F5F5;text-decoration:none;border-radius:5px;margin-top:10px;font-weight:700}.recording-button:hover{background:#005f8d}.pagination{text-align:center;margin-top:20px}.pagination a,.pagination span{display:inline-block;padding:8px 12px;margin:2px;text-decoration:none;font-weight:700;border-radius:5px;color:#F5F5F5;background:#0073aa}.pagination a:hover{background:#005f8d}.pagination .current{background:#fc0;color:#000}