body { margin:0; font-family:Arial,sans-serif; background-color:#000; color:#eee; line-height:1.6; }
header { text-align: center; padding: 2rem 1rem; background: #111; }
header h1 { margin:0; font-size:2.5rem; }
header p { margin:0.5rem 0; font-size:1.2rem; color:#aaa; }
header .logo-header img { border-radius:0; width:120px; height:auto; display:block; margin:0 auto; }
.hero img { width:100%; max-height:400px; object-fit:cover; display:block; margin:0 auto; }
.quotes, .videos { padding:2rem 1rem; }
.quotes h2, .videos h2 { text-align:center; margin-bottom:1rem; }
.quotes blockquote { margin:1rem auto; padding:1rem; border-left:4px solid #444; color:#ccc; font-style:italic; max-width:800px; }
.video-wrapper { display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; }
.video-wrapper iframe { flex:1 1 100%; max-width:100%; height:200px; }
footer { text-align:center; padding:1rem; background:#111; color:#777; }
@media (min-width: 600px) { .video-wrapper iframe { flex:1 1 300px; height:315px; } }
@media (min-width: 900px) { header h1 { font-size:3rem; } header p { font-size:1.5rem; } }
iframe,img { loading: lazy; display:block; }