body{margin:0;font-family:Poppins,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;overflow-x:hidden}.landing-page{width:100%;opacity:0;animation:fadeIn 1s ease-out forwards}.landing-section{display:flex;align-items:center;justify-content:space-between;padding:20px 190px;opacity:0;transform:translateY(30px);animation:slideUp 1s ease-out .5s forwards}.text-container{width:80%;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-out .7s forwards}.text-container h2{font-size:3.3rem;font-weight:700;margin-bottom:20px;color:#333}.text-container p{font-size:1rem;line-height:1.6;color:#555;padding-right:300px}.btn-group{display:flex;gap:15px;margin-top:20px;opacity:0;transform:scale(.8);animation:fadeInScale 1s ease-out 1s forwards}.advocate-btn{background-color:#ff6200;color:white;padding:12px 20px;border:none;border-radius:5px;font-weight:400;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.advocate-btn:hover{background-color:#d14d00;transform:scale(1.1);box-shadow:0 4px 10px rgba(255,98,0,.3)}.register-btn{background-color:#006600;color:white;padding:12px 20px;border:none;border-radius:5px;font-weight:400;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.register-btn:hover{background-color:#008f00;transform:scale(1.1);box-shadow:0 4px 10px rgba(0,143,0,.3)}.image-container{width:50%;opacity:0;transform:scale(.9);animation:fadeInScale 1s ease-out .8s forwards}.image-container img{width:100%;border-radius:10px;transition:transform .3s ease}.image-container img:hover{transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:375px){.landing-section{flex-direction:column;padding:15px;text-align:center}.text-container{width:100%;margin-top:0;padding:0 10px}.text-container h2{font-size:2.5rem;margin-bottom:10px}.text-container p{font-size:.9rem;padding:0;line-height:1.5}.btn-group{flex-direction:column;align-items:center;gap:10px}.advocate-btn,.register-btn{width:25%;font-size:.9rem;padding:10px}.image-container{width:100%;margin-top:20px}.image-container img{max-width:100%;margin:0 auto}}@media (max-width:425px){.landing-section{flex-direction:column;padding:20px;text-align:center}.text-container{width:90%;margin-top:0;padding:0 15px}.text-container h2{font-size:2.2rem;margin-bottom:10px}.text-container p{font-size:.95rem;padding:0;line-height:1.6}.btn-group{flex-direction:column;align-items:center;gap:12px;width:100%}.advocate-btn,.register-btn{width:80%;font-size:1rem;padding:12px}.image-container{width:100%;margin-top:20px;display:flex;justify-content:center}.image-container img{max-width:95%;border-radius:8px}}@media (max-width:1024px){.landing-section{flex-direction:column;padding:20px;text-align:center}.text-container{width:90%;margin-top:0;padding:0 15px}.text-container h2{font-size:2.2rem;margin-bottom:10px}.text-container p{font-size:.95rem;padding:0;line-height:1.6}.btn-group{flex-direction:column;align-items:center;gap:12px;width:100%}.advocate-btn,.register-btn{width:80%;font-size:1rem;padding:12px}.image-container{width:100%;margin-top:20px;display:flex;justify-content:center}.image-container img{max-width:95%;border-radius:8px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero{background-color:#FF6200;color:white;text-align:center;padding:3rem 1rem 2rem}.hero h1{font-size:3.3rem;font-weight:700;margin-bottom:.8rem}.hero p{font-size:1rem;margin:.5rem 0}.hero span{display:block;font-weight:500;margin-top:1.7rem}.advocate-section{background-color:#ffffff;text-align:center;padding:2rem 1rem;margin-top:60px;margin-bottom:100px}.advocate-section h2{font-size:3rem;font-weight:600;margin-bottom:.5rem;color:#333}.advocate-section p{font-size:1rem;margin-bottom:1.5rem;color:#444}.search-bar{padding:.5rem;width:60%;max-width:500px;margin:0 auto 2rem;border:1px solid #ccc;border-radius:6px;font-size:13px;color:#333;background-color:white}input::placeholder{color:#333;font-size:12px}.table-wrapper{width:100%;overflow-x:auto}.advocate-table{width:70%;border-collapse:collapse;table-layout:fixed;margin:0 auto;min-width:600px;background-color:white;border-radius:8px;overflow:hidden}.advocate-table td,.advocate-table th{padding:.75rem 5rem;text-align:left;font-size:1rem;color:#333;vertical-align:middle;word-wrap:break-word;word-break:break-word}.advocate-table th{background-color:#FF6200;color:white;font-weight:600;border-bottom:2px solid #eee}.advocate-table td{border-top:1px solid #eee}.icon{margin-right:.5rem;vertical-align:middle;animation:bounce 2.5s ease-in-out infinite}.contact-bar{background-color:#fff4f0;font-weight:600;margin-top:2rem;padding:1rem;border-radius:6px;font-size:.87rem}.contact-bar,.social-link{color:#FF6200;display:inline-block}.social-link{font-weight:500;text-decoration:none;transition:color .3s ease,transform .3s ease}.social-link:hover{color:#FF6200;text-decoration:underline;transform:scale(1.05)}.pagination{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;gap:.5rem;flex-wrap:wrap}.page-btn{background-color:#ffffff;border:1px solid #ff6200;color:#FF6200;padding:.5rem .8rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease,color .3s ease}.page-btn:focus,.page-btn:hover{background-color:#FF6200;color:white;outline:none}.page-btn.active{background-color:#FF6200;color:#fff;font-weight:700}.page-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:800px){.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.search-bar{width:90%;font-size:13px}.advocate-section h2{font-size:1.25rem}.advocate-section p{font-size:.9rem}.advocate-table{display:none}.mobile-card{background-color:#fff;border:1px solid #ffe0d2;border-left:4px solid #ff6200;border-radius:6px;margin:1rem auto;padding:1rem;width:90%;text-align:left;box-shadow:0 1px 3px rgba(0,0,0,.05)}.mobile-card h3{color:#FF6200;font-size:1rem;margin-bottom:.5rem}.mobile-card p{font-size:.875rem;margin:.3rem 0;display:flex;align-items:center;color:#333}.mobile-card p .icon{margin-right:.5rem;font-size:1rem}.contact-bar{padding:.75rem}.contact-bar,.social-link{font-size:.85rem}}