.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;max-width:960px;margin:0 auto}.services-page h1{color:#1e3a8a}.services-subtitle{text-align:center;font-size:1.05rem;color:#444;margin:-16px 0 32px;line-height:1.6}.services-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0 0 36px}.service-nav-pill{text-decoration:none;color:#1e3a8a;padding:5px 14px;background-color:#f0f7f4;border:1px solid #1e3a8a;border-radius:20px;font-size:.82rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.service-nav-pill:hover{background-color:#1e3a8a;color:#fff}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.services-grid{grid-template-columns:1fr}}.service-card{background:#fff;border:1px solid #e4e4e4;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;transition:box-shadow .25s ease,transform .25s ease}.service-card:hover{box-shadow:0 8px 24px #0c2b1e21;transform:translateY(-3px)}.service-card-icon{width:46px;height:46px;background-color:#1e3a8a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:gold;font-size:1.3rem;flex-shrink:0}.service-card h2{font-size:1.1rem;color:#1e3a8a;margin:0 0 8px;font-weight:700}.service-card-desc{font-size:.92rem;color:#555;line-height:1.65;margin:0 0 16px;flex:1}.service-card-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#15803d;font-size:.88rem;font-weight:600;cursor:pointer;padding:0;font-family:inherit;transition:color .2s ease;width:fit-content}.service-card-toggle:hover{color:#c2a851;background:none;border-color:transparent}.service-card-toggle:focus,.service-card-toggle:focus-visible{outline:2px solid #1e3a8a;outline-offset:3px;border-radius:3px}.service-card-details{margin-top:14px;padding-top:14px;border-top:1px solid #ebebeb;font-size:.9rem;color:#333;line-height:1.75;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.links-page{padding:40px 20px;font-family:Roboto,sans-serif}.links-page h1{color:#1e3a8a}.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:#1e3a8a;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:#f4f7ff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;min-height:100vh;color:#1e293b}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}@media (max-width: 768px){#root{padding:1rem}}.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:#1e3a8a;font-weight:700;text-align:center;margin-bottom:20px;position:relative;letter-spacing:-.5px}h1:after{content:"";display:block;width:60px;height:4px;background:#15803d;border-radius:2px;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:#1e3a8a;color:#fff;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:#eff6ff;color:#1e3a8a;font-weight:600}.donate-page{padding:40px 20px;font-family:Roboto,sans-serif;max-width:900px;margin:0 auto}.donate-intro{text-align:center;font-size:1.1rem;color:#000;line-height:1.7;margin-bottom:40px;padding:20px 25px;background-color:#fff;border-radius:8px;border-left:5px solid #1e3a8a;box-shadow:0 4px 8px #00000014}.donate-portal-btn{display:block;width:100%;padding:18px;background:#1e3a8a;color:#fff;font-size:1.1rem;font-weight:700;text-align:center;border-radius:12px;text-decoration:none;letter-spacing:.3px;box-shadow:0 4px 14px #1e3a8a59;transition:background .2s ease,transform .15s ease;margin-bottom:28px}.donate-portal-btn:hover{background:#162d6e;transform:translateY(-2px)}.donate-divider{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#888;font-size:.9rem}.donate-divider:before,.donate-divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.donate-methods{display:flex;flex-direction:column;gap:32px}.donate-card{background-color:#fff;border-radius:10px;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000001a;padding:28px;display:flex;align-items:center;gap:32px}.donate-card-info{flex:1}.donate-card-info h2{font-size:1.6em;color:#000;margin-bottom:8px}.donate-card-info p{font-size:1rem;color:#333;line-height:1.6;margin-bottom:10px}.donate-handle{display:inline-block;font-size:1.2rem;font-weight:700;color:#1e3a8a;background-color:#eff6ff;border:2px solid #1e3a8a;border-radius:6px;padding:8px 16px;letter-spacing:.5px}.donate-qr{flex-shrink:0;text-align:center}.donate-qr img{width:160px;height:160px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0}.donate-qr p{font-size:.8rem;color:#666;margin-top:6px}@media (max-width: 600px){.donate-card{flex-direction:column;align-items:flex-start;gap:20px}.donate-qr{width:100%;display:flex;flex-direction:column;align-items:center}.donate-qr img{width:180px;height:180px}}