@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";.register-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to bottom right,#fff,#e2d4f5,#a78bfa);padding:20px}.register-container h2{font-size:2.5rem;margin-bottom:25px;color:#4c1d95;animation:fadeInDown 1.2s ease-in-out}.register-container form{background-color:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 8px 25px #0000001a;width:100%;max-width:420px;text-align:center}.register-container input{width:100%;padding:14px;margin:10px 0;border-radius:10px;border:1px solid #ccc;font-size:1rem;transition:border-color .3s}.register-container input:focus{border-color:#8b5cf6;outline:none}.register-container button{width:100%;padding:14px;margin-top:20px;background-color:#7c3aed;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease,transform .3s ease}.register-container button:hover{background-color:#6d28d9;transform:translateY(-2px)}@media screen and (max-width: 480px){.register-container h2{font-size:2rem}.register-container form{padding:30px 20px}}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;background-color:#fff;color:#333}.home-container{display:flex;flex-direction:column;align-items:center;width:100vw;padding:0;margin:0}.hero{background:#f8f9fa;color:#000;text-align:center;padding:40px 20px;position:relative;overflow:hidden}.hero:after{content:"";background:none;opacity:.05;position:absolute;inset:0;pointer-events:none}.hero-title{font-size:3rem;margin-bottom:10px;animation:fadeInDown 3s ease-in-out}.hero-subtitle{font-size:1.3rem;margin-bottom:10px;animation:fadeInUp 3s ease-in-out}.hero-button{background-color:#4338ca;color:#fff;border:none;padding:14px 30px;font-weight:700;font-size:1rem;border-radius:40px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;text-decoration:none;display:inline-block}.hero-button:hover{background-color:#fff;transform:translateY(-2px)}.church-image-section,.image-section,.image2-section,.image3-section,.services,.watch-online{padding:60px 20px;text-align:center;background-color:#fff}.church-image,.image,.image2,.image3{width:1200px;max-width:1200px;height:auto;border-radius:20px;box-shadow:0 8px 20px #00000026;transition:transform .6s ease}.church-image:hover,.image:hover,.image2:hover,.image3:hover{transform:scale(1.02)}.church-caption{font-size:1rem;margin-top:15px;color:#555}.section-title{font-size:2.2rem;color:#1d4ed8;margin-bottom:20px}.service-time,.service-location{font-size:1.2rem;margin:10px 0;color:#444}.watch-description{font-size:1.2rem;margin-bottom:20px}.watch-button{background-color:#4f46e5;color:#fff;padding:14px 30px;border-radius:40px;font-weight:700;font-size:1rem;text-decoration:none;display:inline-block;transition:background-color .3s ease,transform .3s ease}.watch-button:hover{background-color:#4338ca;transform:translateY(-2px)}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 1024px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}}@media screen and (max-width: 768px){.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle,.service-time,.service-location,.watch-description{font-size:1rem}.hero-button,.watch-button{padding:10px 20px;font-size:.95rem}.church-image,.image,.image2,.image3{width:100%;max-width:100%;border-radius:10px}.home-container{padding:0 10px}}@media screen and (max-width: 480px){.hero-title{font-size:1.7rem}.hero-subtitle{font-size:.95rem}.hero-button,.watch-button{padding:8px 16px;font-size:.9rem}.section-title{font-size:1.8rem}.service-time,.service-location{font-size:.95rem}}.home-container{width:100%;padding:0;margin:0}.section{max-width:1200px;margin:0 auto;padding:40px 20px}.login-container{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to bottom right,#fff,#e2d4f5,#a78bfa);padding:40px}.login-container h2{font-size:2.5rem;margin-bottom:25px;color:#4c1d95;animation:fadeInDown 1.2s ease-in-out}.login-container form{background-color:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 8px 25px #0000001a;width:100%;max-width:400px;text-align:center}.login-container input{width:100%;padding:14px;margin:10px 0;border-radius:10px;border:1px solid #ccc;font-size:1rem;transition:border-color .3s}.login-container input:focus{border-color:#8b5cf6;outline:none}.login-container button{width:100%;padding:14px;margin-top:20px;background-color:#7c3aed;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease,transform .3s ease}.login-container button:hover{background-color:#6d28d9;transform:translateY(-2px)}@media screen and (max-width: 480px){.login-container h2{font-size:2rem}.login-container form{padding:30px 20px}}.blog-container{max-width:800px;margin:40px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#fff,#e2d4f5,#a78bfa);border-radius:12px;box-shadow:0 8px 20px #0000001a;color:#222}.blog-post{background:#f7f5fc;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 12px #00000012}.blog-post.fade-in:nth-of-type(1){animation-delay:.2s}.blog-post.fade-in:nth-of-type(2){animation-delay:.4s}.blog-post.fade-in:nth-of-type(3){animation-delay:.6s}.blog-post.fade-in:nth-of-type(4){animation-delay:.8s}.blog-post h4{color:#6b21a8;margin-bottom:10px}.about-section{background-color:#f9fafb;padding:80px 20px}.about-container{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:space-between}.about-text{flex:1 1 500px}.about-title{font-size:2.5rem;color:#1e3a8a;margin-bottom:20px}.about-paragraph{font-size:1.1rem;line-height:1.7;color:#444;margin-bottom:20px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.about-paragraph:nth-child(2){animation-delay:.2s}.about-paragraph:nth-child(3){animation-delay:.4s}.about-paragraph:nth-child(4){animation-delay:.6s}.about-paragraph:nth-child(5){animation-delay:.8s}.about-paragraph:nth-child(6){animation-delay:1s}.about-paragraph:nth-child(7){animation-delay:1.2s}.about-image-wrapper{flex:1 1 400px;text-align:center}.about-image{width:100%;max-width:400px;border-radius:15px;box-shadow:0 8px 24px #0000001a}.image-caption{margin-top:10px;font-size:.95rem;color:#555}@media screen and (max-width: 768px){.about-container{flex-direction:column;text-align:center}.about-text,.about-image-wrapper{flex:1 1 100%}.about-title{font-size:2rem}.about-paragraph{font-size:1rem}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contact-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to bottom right,#fff,#e2d4f5,#a78bfa);padding:20px}.contact-container h2{font-size:2.5rem;margin-bottom:30px;color:#4c1d95;animation:fadeInDown 1.2s ease-in-out}.contact-container form{background-color:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 8px 25px #0000001a;width:100%;max-width:500px;text-align:center}.contact-container input,.contact-container textarea{width:100%;padding:14px;margin:10px 0;border-radius:12px;border:1px solid #ccc;font-size:1rem;font-family:inherit;transition:border-color .3s;resize:vertical;min-height:100px}.contact-container input:focus,.contact-container textarea:focus{border-color:#8b5cf6;outline:none}.contact-container button{width:100%;padding:14px;margin-top:25px;background-color:#7c3aed;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease,transform .3s ease}.contact-container button:hover{background-color:#6d28d9;transform:translateY(-2px)}@keyframes fadeInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 480px){.contact-container h2{font-size:2rem}.contact-container form{padding:30px 20px}}.donation-container{max-width:800px;margin:40px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#fff,#e2d4f5,#a78bfa);border-radius:12px;box-shadow:0 8px 20px #0000001a;color:#222}.intro h3{color:#4338ca;margin-bottom:15px}.donation-method{background:#f7f5fc;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 12px #00000012}.donation-method h4{color:#6b21a8;margin-bottom:10px}p{color:#374151}.testimonies-container{max-width:800px;margin:40px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#fff,#e2d4f5,#a78bfa);border-radius:12px;box-shadow:0 8px 20px #0000001a;color:#222}h2{text-align:center;color:#1d4ed8;margin-bottom:30px}.intro h3,.posts h3{color:#4338ca;margin-bottom:15px}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.intro .fade-in:nth-of-type(1){animation-delay:.2s}.intro .fade-in:nth-of-type(2){animation-delay:.4s}.intro .fade-in:nth-of-type(3){animation-delay:.6s}.intro .fade-in:nth-of-type(4){animation-delay:.8s}.intro .fade-in:nth-of-type(5){animation-delay:1s}.intro .fade-in:nth-of-type(6){animation-delay:1.2s}.testimony-post{background:#f7f5fc;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 12px #00000012}.testimony-post.fade-in:nth-of-type(1){animation-delay:.2s}.testimony-post.fade-in:nth-of-type(2){animation-delay:.4s}.testimony-post.fade-in:nth-of-type(3){animation-delay:.6s}.testimony-post.fade-in:nth-of-type(4){animation-delay:.8s}.testimony-post h4{color:#6b21a8;margin-bottom:10px}ul{margin-left:20px;margin-bottom:25px;color:#4b5563}.footer-note{font-style:italic;text-align:center;color:#555;margin-top:40px}.footer-note.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards;animation-delay:1s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.navbar{background:linear-gradient(90deg,#1877f2,#6d28d9);width:100%;padding:15px 40px;color:#f8f7ff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #00000026}.navbar-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;padding:0 40px}.logo-section{display:flex;align-items:center;flex:1}.logo-image{height:60px;width:60px;border-radius:50%;margin-right:15px;display:inline-block;vertical-align:middle;object-fit:cover}.logo-container{display:flex;flex-direction:column}.logo{font-size:1.5rem;margin:0;color:#f8f7ff}.tagline{font-size:.9rem;font-style:italic;margin:0;color:#f8f7ff}.nav-center{flex:3;display:flex;justify-content:center}.nav-right{flex:1;display:flex;justify-content:flex-end}.nav-links{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0;align-items:center}.nav-links a{color:#f8f7ff;text-decoration:none;font-weight:500}.nav-links li a:hover{color:#d8b4fe;border-bottom:2px solid #d8b4fe}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.hamburger .bar{width:25px;height:3px;background:#fff}@media (max-width: 768px){.navbar-container{flex-direction:column;align-items:flex-start;padding:0 20px}.nav-center,.nav-right{width:100%;justify-content:flex-start;display:none;flex-direction:column;margin-top:10px}.nav-center.open,.nav-right.open{display:flex}.hamburger{display:flex;margin-left:auto}.nav-links{flex-direction:column;gap:1rem}.logo-section{width:100%;justify-content:flex-start;margin-bottom:10px}.logo-image{height:40px;width:40px}.logo{font-size:1.2rem}.tagline{font-size:.8rem}}.footer{background:linear-gradient(90deg,#1877f2,#6d28d9);color:#f8f7ff;text-align:center;padding:1.5rem 1rem;margin-top:3rem;font-size:.9rem;box-shadow:inset 0 1px 3px #ffffff1a;letter-spacing:.02em}.footer a{color:#f8f7ff;text-decoration:#f8f7ff;transition:color .3s ease}.footer a:hover{color:#f8f7ff;text-decoration:underline}body{font-family:Poppins,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background-color:#fff}.app-container{max-width:100%;width:100%;margin:0;padding:0}