.page-container{max-width:1200px;padding:var(--spacing-xl) var(--spacing-md);min-height:80vh;margin:0 auto}.page-header{text-align:center;margin-bottom:var(--spacing-xl)}.page-header h1{background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm);-webkit-background-clip:text;background-clip:text}.page-subtitle{color:var(--text-secondary);font-size:1.1rem}.sermon-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.sermon-card{flex-direction:column;padding:0;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.sermon-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.thumbnail-container{aspect-ratio:16/9;width:100%;overflow:hidden}.sermon-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .3s}.sermon-card:hover .sermon-thumbnail{transform:scale(1.05)}.thumbnail-placeholder{aspect-ratio:16/9;background:var(--bg-secondary);width:100%}.sermon-info{padding:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.sermon-series{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);font-size:.85rem;font-weight:600}.sermon-info h2{margin-bottom:var(--spacing-sm);font-size:1.4rem}.sermon-date{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.9rem}.watch-button{text-align:center;margin-top:auto}.loading-container{justify-content:center;align-items:center;height:200px;display:flex}.spinner{border:4px solid var(--border-glass);border-top:4px solid var(--accent-purple);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}