.grace-sermon-player { max-width: 1200px; margin: 2rem auto; padding: 1rem; }
.player-container { background: #000; border-radius: 12px; overflow: hidden; margin-bottom: 2rem; }
.joyn-player-wrapper { position: relative; padding-top: 56.25%; }
.joyn-player-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.sermon-info { background: white; padding: 2rem; border-radius: 12px; }
.sermon-actions { display: flex; gap: 1rem; flex-wrap: wrap; margin: 1.5rem 0; }
.btn-action { padding: 0.75rem 1.5rem; background: white; border: 2px solid #e2e8f0; border-radius: 8px; cursor: pointer; }
.btn-donate { background: #10b981; color: white; border: none; }

.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.modal-content { background: white; margin: 5% auto; padding: 2rem; width: 90%; max-width: 500px; border-radius: 12px; }
.close { position: absolute; top: 1rem; right: 1rem; font-size: 1.5rem; cursor: pointer; }

.form-group { margin: 1rem 0; }
.form-group label { display: block; margin-bottom: 0.5rem; font-weight: 600; }
.form-group input, .form-group textarea, .form-group select {
    width: 100%;
    padding: 0.75rem;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
}
.suggested-amounts { display: flex; gap: 0.5rem; }
.suggested-amounts button { flex: 1; padding: 0.75rem; border: 2px solid #e2e8f0; border-radius: 8px; cursor: pointer; }