.logo:hover{filter:drop-shadow(0 0 2em rgb(194,168,81))}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.map-container{max-width:800px;margin:0 auto;padding:1rem;transform:translateY(20px);opacity:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.map-container.visible{transform:translateY(0);opacity:1}.map-iframe{width:100%;height:450px;border:0}.services-page{padding:40px 20px;font-family:Roboto,sans-serif}h1{text-align:center;font-size:2.5em;color:#000;margin-bottom:30px;font-weight:600}.services-menu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px 0;max-width:100%}.service-link{text-decoration:none;color:#000;padding:8px 16px;background-color:#f5f5f5;border-radius:4px;transition:background-color .3s ease}.service-link:hover{background-color:#e7c442}.services-list{display:flex;flex-direction:column;gap:40px}.service-item{padding:25px;border:1px solid #e0e0e0;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #0000001a}.service-item h2{font-size:1.8em;color:#000;margin-bottom:10px}.service-item p{font-size:1em;color:#000;line-height:1.6}.service-item button{margin-top:15px;padding:10px 20px;font-size:1em;background-color:#034a93;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.service-item button:hover{background-color:#e7c442}.service-details{display:none;margin-top:15px;font-size:.9em;color:#000;line-height:1.6;border-top:1px solid #e0e0e0;padding-top:15px}.team-page{padding:40px 20px;font-family:Roboto,sans-serif}.team-list{display:flex;flex-direction:column;gap:40px}.team-member{padding:25px;border:1px solid #e0e0e0;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #0000001a}.team-member h2{font-size:1.8em;color:#000;margin-bottom:10px}.team-member p{font-size:1em;color:#000;line-height:1.6}.team-member button{margin-top:15px;padding:10px 20px;font-size:1em;background-color:#c2a851;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.team-member button:hover{background-color:#5153c2}.team-contact{display:none;margin-top:15px;font-size:.9em;color:#000;line-height:1.6;border-top:1px solid #e0e0e0;padding-top:15px}.team-contact{font-size:1em;color:#000;line-height:1.6;margin-top:10px;opacity:1;transition:opacity .3s ease}.team-contact.hidden{opacity:0;visibility:hidden}.links-page{padding:40px 20px;font-family:Roboto,sans-serif}h1{text-align:center;font-size:2.5em;color:#fff;margin-bottom:30px;font-weight:600}.links-menu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px 0;max-width:100%}.link-item{text-decoration:none;color:#333;padding:8px 16px;background-color:#f5f5f5;border-radius:4px;transition:background-color .3s ease}.link-item:hover{background-color:#e7c442}.links-list{display:flex;flex-direction:column;gap:40px}.link-detail{padding:25px;border:1px solid #e0e0e0;background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #0000001a}.link-detail h2{font-size:1.8em;color:#000;margin-bottom:10px}.link-detail p{font-size:1em;color:#000;line-height:1.6}.link-detail button{margin-top:15px;padding:10px 20px;font-size:1em;background-color:#034a93;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.link-detail button:hover{background-color:#e7c442}html{min-height:100%}body{margin:0;background:linear-gradient(180deg,#fff,#0c2b1e);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;min-height:100vh;justify-content:center;align-items:center}main{display:flex;flex-direction:column;align-items:stretch;margin-bottom:20px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:#c2a851}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul{padding-inline-start:0;margin-block-start:0;margin-block-end:0;list-style-type:none;display:flex;flex-direction:column;margin:8px 0;border:1px solid black;gap:1px;background-color:#000;border-radius:8px;overflow:auto}li{background-color:#fff;padding:8px}li:hover{background:#dadbf9}a{font-weight:800;text-decoration:none}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.tab-container{display:flex;margin-top:20px}.tab-button{flex:1;padding:10px;cursor:pointer;background:#000;border:1px solid #ccc;border-bottom:none;text-align:center;transition:background .3s}.tab-button.active,.tab-button:hover{background:#e7c442;color:#010606}.error-message{color:gray;font-size:1.2rem;margin:20px 0;text-align:center}.container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.span-text{font-size:1.5em;font-weight:700;text-align:center;border:2px solid #000;padding:10px 22px;background:#fff;width:260px;box-sizing:border-box;margin-bottom:10px}.upload-section,.listing-section{margin-bottom:20px}.upload-section h2,.listing-section h2{margin-bottom:10px}.logo{padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgb(231,196,66))}.logo.react:hover{filter:drop-shadow(0 0 2em #034a93)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.button1,.button2{border-radius:4px;background:#000;padding:10px 22px;color:#fff;outline:none;border:none;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;margin-left:10px;margin-right:10px;margin-bottom:10px;transition:background .3s}.button1{justify-self:start}.button2{justify-self:end}.button1:hover,.button2:hover{transition:all .2s ease-in-out;background:#e7c442;color:#010606}h1{font-size:2.5rem;color:#000;font-weight:700;text-align:center;margin-bottom:20px;position:relative}h1:after{content:"";display:block;width:80%;height:4px;background:#000;margin:10px auto 0}.list-boxes{background-color:#000;border-bottom:1px solid #fff;padding:10px;cursor:pointer;display:block}.list-boxes{background-color:#000;border-bottom:1px solid #fff;padding:10px;cursor:pointer;display:block;color:#fff;text-decoration:none;list-style:none}.list-boxes:hover{background:#e7c442;color:#010606;transition:background .3s}.list-boxes a{color:inherit;text-decoration:none;display:block}.button{border-radius:4px;background:#000;padding:10px 22px;color:#fff;outline:none;border:none;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;margin-left:10px;margin-right:10px;transition:background .3s}.button.active{color:#034a93}.button:hover{transition:all .2s ease-in-out;background:#e7c442;color:#010606}.list-boxes:last-child{border-bottom:none}.quran-lessons-page{font-family:Arial,sans-serif;color:#333;padding:20px}.quran-classes-schedule{width:100%;border-collapse:collapse;margin-top:20px}.quran-classes-schedule th,.quran-classes-schedule td{border:1px solid #ddd;padding:10px;text-align:left}.quran-classes-schedule th{background-color:#f4f4f4}