body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f4f6f9;color:#333;margin:0;overflow-x:hidden}h1,h2,h3{color:#333}header{width:100%;height:12vh;background-color:#2a9d8f;padding:1rem 2rem;box-shadow:0 4px 8px #0000001a;position:sticky;top:0;z-index:10}.navbar{display:flex;align-items:center}.logo{display:flex;align-items:center;color:#fff;text-decoration:none}.logo img{height:120px;margin-left:30px}.logo h1{font-size:1.5rem;font-weight:700}.nav-list{display:flex;gap:1.5rem;list-style:none;margin-left:200px;padding:0}.nav-list li a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s}.nav-list li a,.nav-list li Link{display:flex;align-items:center}.nav-icon{margin-right:8px}.nav-list li a:hover{color:#d1e8e2}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px;transition:transform .3s ease}.bar{width:25px;height:3px;background-color:#fff;transition:.3s}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.nav-list{display:none;flex-direction:column;position:absolute;top:120px;right:-1;background-color:#2a9d8f;width:300px;padding:1rem;z-index:1;border-radius:8px;box-shadow:0 4px 8px #0003;animation:slideIn .4s ease forwards}.nav-list li{margin:10px 0}.menu-toggle{display:flex}.nav-list.active{display:flex;animation:slideIn .4s ease forwards}.menu-toggle.active+.nav-list{display:flex}}@media (max-width: 768px){.menu-toggle{margin-left:330px;margin-right:50px;display:flex}}.menu-toggle.active .bar:nth-child(1){transform:rotate(45deg) translateY(9.9px)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translateY(-9.9px)}#episodes{padding:2rem;background-color:#e9ecef;border-radius:8px;margin:2rem 0}.episode-list{display:flex;flex-direction:column;gap:1.5rem}.episode{background-color:#fff;padding:1rem;border-radius:5px;box-shadow:0 0 5px #0000001a}.episode h3{margin-bottom:.5rem}.episode p{margin-top:.5rem}.dark-mode-toggle{position:fixed;top:45rem;right:1rem;padding:10px;background-color:#2a9d8f;color:#fff;border:none;cursor:pointer;border-radius:5px;z-index:1}section{padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:2rem 0}section h2{color:#2a9d8f;font-size:1.75rem;border-bottom:2px solid #ddd;padding-bottom:.5rem;margin-bottom:1.5rem}#about{text-align:center;background-color:#e8f7f5}#about p{font-size:1.1rem;color:#555;max-width:600px;margin:0 auto}form{display:flex;flex-direction:column;gap:1rem}form label{font-weight:700;color:#333}form input,form textarea{padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;background-color:#fff}form button{padding:.75rem;font-size:1rem;background-color:#2a9d8f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}form button:hover{background-color:#21867a}#contact{background-color:#f1f8f7}#contact form{max-width:600px;margin:0 auto}body.dark-mode{background-color:#000;color:#b0b0b0}body.dark-mode header,body.dark-mode .navbar{background-color:#0a0a0a;color:#b0b0b0}body.dark-mode .navbar .nav-link,body.dark-mode .navbar .nav-link:hover{color:#1e7e6b}body.dark-mode .nav-list li a{color:#fff}body.dark-mode .nav-list li a:hover{color:#1e7e6b}body.dark-mode section,body.dark-mode .episode,body.dark-mode #prayer-requests,body.dark-mode #contact,body.dark-mode #episodes,body.dark-mode #about{background-color:#0f0f0f;color:silver;box-shadow:0 1px 3px #ffffff0d;border:1px solid #222222}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:#1e7e6b;border-bottom:2px solid #222222}body.dark-mode form{background-color:#0f0f0f}body.dark-mode form input,body.dark-mode form textarea{background-color:#1a1a1a;color:silver;outline:none;border:none}body.dark-mode form button{background-color:#1e7e6b;color:#fff;cursor:pointer;transition:background-color .3s ease}body.dark-mode form button:hover{background-color:#196e5d}body.dark-mode .dark-mode-toggle{background-color:#1a1a1a;color:#1e7e6b;border:none}body.dark-mode .dark-mode-toggle:hover{background-color:#222;color:#1e7e6b}body.dark-mode footer{background-color:#0a0a0a;color:#b0b0b0}body.dark-mode a{color:#1e7e6b;text-decoration:none}body.dark-mode a:hover{color:#196e5d}footer{text-align:center;padding:1rem;background-color:#2a9d8f;color:#fff;position:relative;overflow:hidden}footer p{margin:.5rem 0}.social-icons{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.icon{color:#fff;font-size:1.5rem;transition:transform .3s ease,color .3s ease}.icon:hover{transform:scale(1.2);color:#d1e8e2}.icon.whatsapp:hover{color:#25d366}.icon.linkedin:hover{color:#0077b5}.icon.instagram:hover{color:#e4405f}@media (max-width: 600px){.social-icons{gap:.5rem}}.donation-section{padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:2rem 0;text-align:center;animation:fadeIn 1s ease-in-out}.donation-section h2{color:#2a9d8f;font-size:1.75rem;margin-bottom:1rem;animation:slideDown 1s ease-in-out}.donation-section p{font-size:1.1rem;color:#555;margin-bottom:1.5rem;animation:fadeIn 1.2s ease-in-out}.donation-form{display:inline-block}.donation-button{padding:.75rem 1.5rem;font-size:1rem;background-color:#2a9d8f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:transform .3s,background-color .3s}.donation-button:hover{background-color:#21867a;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}html,body{margin:0;padding:0;overflow-x:hidden}@media (max-width: 768px){header{padding:1rem}.logo img{height:80px;margin-left:10px}.logo h1{font-size:1.2rem}.navbar{flex-direction:column;align-items:flex-start}.nav-list{display:none;flex-direction:column;position:absolute;top:100%;right:0;background-color:#2a9d8f;width:100%;padding:1rem;border-radius:0 0 8px 8px;box-shadow:0 4px 8px #0003;animation:slideIn .4s ease forwards}.menu-toggle{display:flex;margin-right:1rem}.nav-list.active{display:flex}section,#episodes,#about,#contact,.donation-section{padding:1rem;margin:1rem 0}footer{padding:1rem;font-size:.9rem}.social-icons{gap:.5rem}}@media (max-width: 480px){.logo img{height:60px}.logo h1{font-size:1rem}.nav-list{width:100vw}.donation-section,form,#about p{font-size:.9rem}.menu-toggle{margin-right:.5rem}.dark-mode-toggle{right:.5rem}}