*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background:#f8f6f0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}main{min-height:80vh}.navbar{color:#fff;background:#006d5b;justify-content:space-between;align-items:center;width:100%;padding:18px 8%;display:flex}.logo-area{align-items:center;gap:12px;font-size:1.1rem;font-weight:700;display:flex}.logo{object-fit:contain;width:45px;height:45px}.nav-links{gap:24px;display:flex}.nav-links a{font-weight:500;transition:all .3s}.hero{color:#fff;background:linear-gradient(135deg,#006d5b,#0d1b2a);align-items:center;min-height:80vh;padding:120px 8%;display:flex}.hero-content{max-width:750px}.tagline{color:#d4af37;margin-bottom:16px;font-weight:700}.hero h1{margin-bottom:20px;font-size:4rem}.hero p{font-size:1.15rem;line-height:1.8}.hero-buttons{gap:16px;margin-top:30px;display:flex}.btn{border-radius:999px;padding:14px 24px;font-weight:700;transition:all .3s}.primary-btn{color:#0d1b2a;background:#d4af37}.secondary-btn{color:#fff;border:2px solid #fff}.btn:hover{transform:translateY(-3px)}.page{padding:120px 8%}.page p{font-size:1.1rem;line-height:1.8}.footer p{max-width:600px;line-height:1.7}.footer-links a{font-weight:600;transition:all .3s}.copyright{text-align:center;border-top:1px solid #fff3;width:100%;margin-top:8px;padding-top:22px;font-size:.95rem}.contact-page{background:radial-gradient(circle at 0 0,#d4af372e,#0000 30%),linear-gradient(135deg,#f8f6f0 0%,#edf7f3 100%);min-height:85vh;padding:100px 8%}.contact-card{background:#fffc;border:1px solid #006d5b1f;border-radius:20px;align-items:flex-start;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 12px 30px #0d1b2a14}.contact-card span{color:#fff;background:#006d5b;border-radius:14px;place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid}.contact-form{background:#ffffffeb;border:1px solid #006d5b1f;border-radius:28px;padding:38px;box-shadow:0 25px 60px #0d1b2a24}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#006d5b;box-shadow:0 0 0 4px #006d5b1f}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#006d5b,#009879);border:none;border-radius:999px;width:100%;padding:16px;font-size:1rem;font-weight:800;transition:all .3s}:root{--primary-green:#006d5b;--deep-green:#00483d;--dark-navy:#0d1b2a;--gold:#d4af37;--soft-white:#f8f6f0;--glass:#ffffff1a;--glass-border:#ffffff2e}body{background:linear-gradient(135deg, var(--primary-green), var(--dark-navy));color:#fff}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#006d5bf2;border-bottom:1px solid #ffffff1f}.nav-links a:hover{color:var(--gold)}.hero{background:radial-gradient(circle at top left, #d4af372e, transparent 35%), linear-gradient(135deg, var(--primary-green), var(--dark-navy));min-height:82vh}.page{background:radial-gradient(circle at top left, #d4af3724, transparent 32%), linear-gradient(135deg, var(--primary-green), var(--dark-navy));color:#fff;min-height:82vh;padding:120px 8%}.page h1{color:#fff;margin-bottom:18px;font-size:3.5rem}.page p{color:#ffffffe0;max-width:850px;font-size:1.15rem;line-height:1.8}.contact-page{background:radial-gradient(circle at top left, #d4af372e, transparent 35%), radial-gradient(circle at bottom right, #22c7a91f, transparent 35%), linear-gradient(135deg, var(--primary-green), var(--dark-navy));color:#fff;min-height:82vh;padding:100px 8%}.contact-container{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.section-label{color:var(--gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:14px;font-weight:800}.contact-info h1{color:#fff;margin-bottom:20px;font-size:4rem;line-height:1.1}.contact-intro{color:#ffffffe0;max-width:560px;font-size:1.1rem;line-height:1.8}.contact-cards{flex-direction:column;gap:18px;margin-top:32px;display:flex}.contact-card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;align-items:flex-start;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 18px 45px #0000002e}.contact-card:hover{border-color:#d4af3780;transform:translateY(-4px)}.contact-card span{background:var(--gold);width:46px;height:46px;color:var(--dark-navy);border-radius:14px;place-items:center;font-size:1.2rem;display:grid}.contact-card h3{color:#fff;margin-bottom:6px}.contact-card p{color:#ffffffc7;line-height:1.5}.contact-form{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1c;border-radius:28px;padding:38px;box-shadow:0 25px 60px #00000038}.contact-form h2{color:#fff;margin-bottom:26px;font-size:2rem}.form-group{margin-bottom:20px}.form-group label{color:#fff;margin-bottom:8px;font-weight:700;display:block}.form-group input,.form-group textarea{color:#1f2937;background:#ffffffeb;border:1px solid #ffffff38;border-radius:14px;outline:none;width:100%;padding:15px 16px;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 4px #d4af372e}.form-group textarea{resize:vertical}.submit-btn{background:var(--gold);width:100%;color:var(--dark-navy);cursor:pointer;border:none;border-radius:999px;padding:16px;font-size:1rem;font-weight:800;transition:all .3s}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px #d4af3740}.footer{color:#fff;text-align:center;background:#071421;flex-direction:column;align-items:center;padding:50px 8%;display:flex}.footer h3{color:var(--gold)}.footer p{color:#ffffffd9}.footer-links{justify-content:center}.copyright{text-align:center}html,body,#root{min-height:100%}body{color:#fff;background-color:#0000;background-image:radial-gradient(circle at 0 0,#d4af372e,#0000 28%),radial-gradient(circle at 100% 100%,#00987929,#0000 30%),linear-gradient(135deg,#006d5b 0%,#064d45 40%,#0d1b2a 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.app{background:0 0;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(16px);background:#006d5b59;border-bottom:1px solid #ffffff14}.hero,.page,.contact-page{color:#fff;background:0 0!important}.hero{min-height:82vh}.page h1,.contact-info h1{color:#fff}.page p,.contact-intro{color:#ffffffe0}.footer{-webkit-backdrop-filter:blur(14px);color:#fff;text-align:center;background:#0d1b2a40;border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;padding:55px 8%;display:flex}.footer h3{color:#d4af37;margin-bottom:10px;font-size:1.6rem}.footer p{color:#ffffffd9;max-width:650px;line-height:1.7}.footer-links{flex-wrap:wrap;justify-content:center;gap:28px;margin:28px 0;display:flex}.footer-links a{color:#fff;font-weight:600;transition:all .3s}.footer-links a:hover{color:#d4af37}.copyright{text-align:center;color:#ffffffbf;border-top:1px solid #ffffff24;width:100%;margin-top:10px;padding-top:24px}.contact-form,.contact-card{-webkit-backdrop-filter:blur(18px);background:#ffffff1c;border:1px solid #ffffff29}main{background:0 0}.nav-right{align-items:center;gap:24px;display:flex}.theme-toggle{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.25rem;transition:all .3s;display:grid}.theme-toggle:hover{border-color:#d4af37;transform:translateY(-3px)rotate(10deg);box-shadow:0 12px 24px #00000038}body.light-mode{color:#10231f;background:radial-gradient(circle at 0 0,#d4af3738,#0000 30%),radial-gradient(circle at 100% 100%,#006d5b24,#0000 32%),linear-gradient(135deg,#fffaf0 0%,#edf7f3 45%,#dff4ed 100%)}body.light-mode .navbar{color:#10231f;background:#fffaf0a6;border-bottom:1px solid #006d5b1f;box-shadow:0 8px 24px #006d5b14}body.light-mode .nav-links a{color:#10231f}body.light-mode .nav-links a:hover{color:#006d5b}body.light-mode .logo-area{color:#10231f}body.light-mode .theme-toggle{color:#10231f;background:#006d5b14;border-color:#006d5b33}body.light-mode .hero,body.light-mode .page,body.light-mode .contact-page{color:#10231f;background:0 0!important}body.light-mode .hero h1,body.light-mode .page h1,body.light-mode .contact-info h1{color:#006d5b}body.light-mode .hero p,body.light-mode .page p,body.light-mode .contact-intro{color:#263b36}body.light-mode .tagline,body.light-mode .section-label{color:#b89120}body.light-mode .primary-btn{color:#fff;background:#006d5b}body.light-mode .secondary-btn{color:#006d5b;border:2px solid #006d5b}body.light-mode .contact-card{background:#ffffffb8;border:1px solid #006d5b24;box-shadow:0 18px 45px #006d5b1a}body.light-mode .contact-card:hover{border-color:#006d5b59}body.light-mode .contact-card span{color:#fff;background:#006d5b}body.light-mode .contact-card h3{color:#006d5b}body.light-mode .contact-card p{color:#40534f}body.light-mode .contact-form{background:#ffffffc7;border:1px solid #006d5b24;box-shadow:0 25px 60px #006d5b1f}body.light-mode .contact-form h2{color:#006d5b}body.light-mode .form-group label{color:#10231f}body.light-mode .form-group input,body.light-mode .form-group textarea{color:#10231f;background:#ffffffeb;border:1px solid #006d5b38}body.light-mode .form-group input:focus,body.light-mode .form-group textarea:focus{border-color:#006d5b;box-shadow:0 0 0 4px #006d5b1f}body.light-mode .submit-btn{color:#fff;background:#006d5b}body.light-mode .submit-btn:hover{box-shadow:0 14px 28px #006d5b40}body.light-mode .footer{color:#10231f;background:#fffaf08c;border-top:1px solid #006d5b1f}body.light-mode .footer h3{color:#006d5b}body.light-mode .footer p,body.light-mode .copyright{color:#344a45}body.light-mode .footer-links a{color:#10231f}body.light-mode .footer-links a:hover{color:#006d5b}body.light-mode .copyright{border-top:1px solid #006d5b24}.hero{position:relative}.arabic-greeting{text-align:center;color:#fff;z-index:2;width:90%;max-width:900px;position:absolute;top:55px;left:50%;transform:translate(-50%)}.bismillah{color:#d4af37;letter-spacing:1px;margin-bottom:10px;font-size:2rem;font-weight:700}.salam{color:#ffffffe6;font-size:1.35rem;font-weight:600}body.light-mode .bismillah{color:#006d5b}body.light-mode .salam{color:#263b36}.arabic-greeting .bismillah{color:#d4af37!important;text-align:center!important;letter-spacing:1px!important;text-shadow:0 12px 35px #00000059!important;margin-bottom:18px!important;font-family:Times New Roman,Noto Naskh Arabic,serif!important;font-size:clamp(3.5rem,5vw,5.5rem)!important;font-weight:900!important;line-height:1.25!important}.arabic-greeting .salam{color:#fffffff2!important;text-align:right!important;font-family:Times New Roman,Noto Naskh Arabic,serif!important;font-size:clamp(1.8rem,2.4vw,2.7rem)!important;font-weight:800!important;line-height:1.5!important}.arabic-greeting{max-width:1100px!important;padding:22px 34px!important;top:35px!important}.hero-content{margin-top:150px!important}body.light-mode .arabic-greeting .bismillah{color:#006d5b!important;text-shadow:none!important}body.light-mode .arabic-greeting .salam{color:#10231f!important;text-shadow:none!important}.arabic-greeting .salam{color:#fffffff5!important;text-align:right!important;letter-spacing:.5px!important;font-size:clamp(2.1rem,2.8vw,3rem)!important;font-weight:850!important;line-height:1.55!important}.logo-area{align-items:center;gap:14px;display:flex}.logo-frame{background:#f8f6f0;border:1px solid #d4af3759;border-radius:18px;justify-content:center;align-items:center;width:66px;height:66px;padding:7px;display:flex;box-shadow:0 10px 25px #00000038}.logo{object-fit:contain;border-radius:50%;width:100%;height:100%}body.light-mode .logo-frame{background:#fffaf0;border:1px solid #006d5b2e;box-shadow:0 10px 25px #006d5b1f}.navbar .logo-area{align-items:center!important;gap:14px!important;display:flex!important}.navbar .logo-frame{background:#fffaf0!important;border:1px solid #d4af3773!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:5px!important;display:flex!important;overflow:hidden!important;box-shadow:0 8px 22px #0003!important}.navbar .site-name{color:#fff!important;font-size:1.1rem!important;font-weight:800!important;line-height:1.2!important}body.light-mode .navbar .logo-frame{background:#fffaf0!important;border:1px solid #006d5b2e!important;box-shadow:0 8px 22px #006d5b1f!important}body.light-mode .navbar .site-name{color:#10231f!important}.navbar .logo-frame{width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:50%!important;padding:0!important;overflow:hidden!important}.navbar .logo{object-fit:contain!important;border-radius:50%!important;width:64px!important;max-width:64px!important;height:64px!important;max-height:64px!important}.navbar .logo-frame{width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;box-shadow:none!important;background:#fffaf0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important;overflow:hidden!important}.navbar .logo{object-fit:contain!important;border-radius:50%!important;width:68px!important;max-width:none!important;height:68px!important;max-height:none!important;display:block!important}body.light-mode .navbar .logo-frame{box-shadow:none!important;background:#fffaf0!important;border:none!important}.navbar{padding-left:1%!important;padding-right:8%!important}.navbar .logo{width:82px!important;height:82px!important}.navbar .logo-area{gap:16px!important}.navbar .logo-frame{width:92px!important;min-width:92px!important;max-width:92px!important;height:92px!important;min-height:92px!important;max-height:92px!important}.navbar .logo{width:96px!important;max-width:none!important;height:96px!important;max-height:none!important}.nav-actions{align-items:center;gap:14px;display:flex}.mobile-menu-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.5rem;transition:all .3s;display:none}.mobile-menu-btn:hover{border-color:#d4af37;transform:translateY(-3px)}body.light-mode .mobile-menu-btn{color:#10231f;background:#006d5b14;border-color:#006d5b33}.home-section{color:#fff;background:0 0;padding:90px 8%}.section-heading{max-width:820px;margin-bottom:44px}.section-heading h2,.split-content h2{color:#fff;margin-bottom:18px;font-size:clamp(2.3rem,4vw,4rem);line-height:1.1}.section-heading p,.split-content p{color:#ffffffd6;font-size:1.1rem;line-height:1.8}.home-card-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.home-card,.program-card,.highlight-box{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:26px;padding:30px;transition:all .3s;box-shadow:0 20px 45px #00000029}.home-card:hover,.program-card:hover,.highlight-box:hover{border-color:#d4af3773;transform:translateY(-6px)}.card-icon{color:#0d1b2a;background:#d4af37;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:22px;font-size:1.6rem;display:grid}.home-card h3,.program-card h3,.highlight-box h3{color:#fff;margin-bottom:12px;font-size:1.45rem}.home-card p,.program-card p,.highlight-box p{color:#ffffffc7;line-height:1.7}.split-section{grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;display:grid}.mission-points{flex-direction:column;gap:16px;margin-top:34px;display:flex}.mission-points div{align-items:center;gap:16px;display:flex}.mission-points strong{color:#0d1b2a;background:#d4af37;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.mission-points span{color:#ffffffe0;font-weight:700}.highlight-box{padding:42px}.highlight-box .btn{margin-top:24px;display:inline-block}.program-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}body.light-mode .home-section{color:#10231f}body.light-mode .section-heading h2,body.light-mode .split-content h2,body.light-mode .home-card h3,body.light-mode .program-card h3,body.light-mode .highlight-box h3{color:#006d5b}body.light-mode .section-heading p,body.light-mode .split-content p,body.light-mode .home-card p,body.light-mode .program-card p,body.light-mode .highlight-box p{color:#344a45}body.light-mode .home-card,body.light-mode .program-card,body.light-mode .highlight-box{background:#ffffffb8;border:1px solid #006d5b24;box-shadow:0 20px 45px #006d5b1a}body.light-mode .mission-points span{color:#263b36}.about-page{color:#fff;background:0 0;padding:100px 8%}.about-hero{max-width:950px;margin-bottom:60px}.about-hero h1{color:#fff;margin-bottom:24px;font-size:clamp(3rem,5vw,5.5rem);line-height:1.05}.about-hero p{color:#ffffffdb;max-width:850px;font-size:1.15rem;line-height:1.8}.about-grid{grid-template-columns:1.4fr .8fr .8fr;gap:24px;margin-bottom:80px;display:grid}.about-card,.mission-box,.vision-box,.value-card,.team-preview{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:28px;padding:32px;transition:all .3s;box-shadow:0 22px 50px #00000029}.about-card:hover,.mission-box:hover,.vision-box:hover,.value-card:hover,.team-preview:hover{border-color:#d4af3773;transform:translateY(-5px)}.about-card h2,.mission-box h2,.vision-box h2,.values-section h2,.team-preview h2{color:#fff;margin-bottom:16px;font-size:clamp(2rem,3vw,3.2rem);line-height:1.15}.about-card h3,.value-card h3{color:#fff;margin-bottom:12px;font-size:1.45rem}.about-card p,.mission-box p,.vision-box p,.value-card p,.team-preview p{color:#fffc;line-height:1.75}.about-icon{color:#0d1b2a;background:#d4af37;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:22px;font-size:1.6rem;display:grid}.mission-vision-section{grid-template-columns:1fr 1fr;gap:26px;margin-bottom:80px;display:grid}.values-section{margin-bottom:80px}.values-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.value-card{min-height:190px}.team-preview{justify-content:space-between;align-items:center;gap:34px;display:flex}.team-preview div{max-width:780px}body.light-mode .about-page{color:#10231f}body.light-mode .about-hero h1,body.light-mode .about-card h2,body.light-mode .mission-box h2,body.light-mode .vision-box h2,body.light-mode .values-section h2,body.light-mode .team-preview h2,body.light-mode .about-card h3,body.light-mode .value-card h3{color:#006d5b}body.light-mode .about-hero p,body.light-mode .about-card p,body.light-mode .mission-box p,body.light-mode .vision-box p,body.light-mode .value-card p,body.light-mode .team-preview p{color:#344a45}body.light-mode .about-card,body.light-mode .mission-box,body.light-mode .vision-box,body.light-mode .value-card,body.light-mode .team-preview{background:#ffffffb8;border:1px solid #006d5b24;box-shadow:0 20px 45px #006d5b1a}body.light-mode .about-icon{color:#fff;background:#006d5b}.events-page{color:#fff;background:0 0;padding:100px 8%}.events-hero{max-width:950px;margin-bottom:60px}.events-hero h1{color:#fff;margin-bottom:24px;font-size:clamp(3rem,5vw,5.5rem);line-height:1.05}.events-hero p{color:#ffffffdb;max-width:850px;font-size:1.15rem;line-height:1.8}.featured-event{-webkit-backdrop-filter:blur(16px);background:#ffffff1c;border:1px solid #ffffff29;border-radius:30px;grid-template-columns:1.2fr .8fr;align-items:center;gap:34px;margin-bottom:70px;padding:42px;display:grid;box-shadow:0 24px 55px #0000002e}.featured-event h2{color:#fff;margin-bottom:16px;font-size:clamp(2.2rem,4vw,4rem);line-height:1.1}.featured-event p{color:#ffffffd1;line-height:1.8}.featured-details{flex-direction:column;gap:14px;display:flex}.featured-details span{color:#fff;background:#ffffff1a;border-radius:18px;padding:16px 18px;font-weight:700}.events-grid{grid-template-columns:repeat(2,1fr);gap:26px;margin-bottom:70px;display:grid}.event-card{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:28px;padding:30px;transition:all .3s;box-shadow:0 22px 50px #00000029}.event-card:hover{border-color:#d4af3773;transform:translateY(-6px)}.event-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.event-type{color:#0d1b2a;background:#d4af37;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:800}.event-number{color:#ffffff59;font-size:2rem;font-weight:900}.event-card h3{color:#fff;margin-bottom:12px;font-size:1.6rem}.event-card p{color:#ffffffc7;margin-bottom:24px;line-height:1.75}.event-info{flex-direction:column;gap:10px;display:flex}.event-info span{color:#ffffffdb;font-weight:600}.events-cta{text-align:center;-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:30px;max-width:850px;margin:0 auto;padding:44px}.events-cta h2{color:#fff;margin-bottom:16px;font-size:clamp(2rem,4vw,3.5rem)}.events-cta p{color:#ffffffd1;margin-bottom:26px;line-height:1.8}body.light-mode .events-page{color:#10231f}body.light-mode .events-hero h1,body.light-mode .featured-event h2,body.light-mode .event-card h3,body.light-mode .events-cta h2{color:#006d5b}body.light-mode .events-hero p,body.light-mode .featured-event p,body.light-mode .event-card p,body.light-mode .events-cta p{color:#344a45}body.light-mode .featured-event,body.light-mode .event-card,body.light-mode .events-cta{background:#ffffffb8;border:1px solid #006d5b24;box-shadow:0 20px 45px #006d5b1a}body.light-mode .featured-details span{color:#10231f;background:#006d5b14}body.light-mode .event-number{color:#006d5b38}body.light-mode .event-info span{color:#40534f}.faq-page{color:#fff;background:0 0;padding:100px 8%}.faq-hero{max-width:950px;margin-bottom:55px}.faq-hero h1{color:#fff;margin-bottom:24px;font-size:clamp(3rem,5vw,5.5rem);line-height:1.05}.faq-hero p{color:#ffffffdb;max-width:850px;font-size:1.15rem;line-height:1.8}.faq-container{flex-direction:column;gap:18px;max-width:1000px;margin-bottom:70px;display:flex}.faq-item{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:24px;transition:all .3s;overflow:hidden;box-shadow:0 18px 45px #00000024}.faq-item:hover,.faq-item.open{border-color:#d4af3773;transform:translateY(-3px)}.faq-question{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:24px 28px;font-size:1.15rem;font-weight:800;display:flex}.faq-icon{color:#0d1b2a;background:#d4af37;border-radius:50%;place-items:center;width:36px;min-width:36px;height:36px;font-size:1.5rem;font-weight:900;display:grid}.faq-answer{padding:0 28px 26px}.faq-answer p{color:#fffc;font-size:1.05rem;line-height:1.8}.faq-contact-box{text-align:center;-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:30px;max-width:850px;margin:0 auto;padding:44px}.faq-contact-box h2{color:#fff;margin-bottom:14px;font-size:clamp(2rem,4vw,3.5rem)}.faq-contact-box p{color:#ffffffd1;margin-bottom:26px;line-height:1.8}body.light-mode .faq-page{color:#10231f}body.light-mode .faq-hero h1,body.light-mode .faq-question,body.light-mode .faq-contact-box h2{color:#006d5b}body.light-mode .faq-hero p,body.light-mode .faq-answer p,body.light-mode .faq-contact-box p{color:#344a45}body.light-mode .faq-item,body.light-mode .faq-contact-box{background:#ffffffb8;border:1px solid #006d5b24;box-shadow:0 20px 45px #006d5b1a}body.light-mode .faq-item:hover,body.light-mode .faq-item.open{border-color:#006d5b59}body.light-mode .faq-icon{color:#fff;background:#006d5b}.policy-page{color:#fff;background:0 0;padding:100px 8%}.policy-hero{max-width:950px;margin-bottom:55px}.policy-hero h1{color:#fff;margin-bottom:24px;font-size:clamp(3rem,5vw,5.5rem);line-height:1.05}.policy-hero p{color:#ffffffdb;max-width:850px;font-size:1.15rem;line-height:1.8}.policy-content{flex-direction:column;gap:22px;max-width:1050px;display:flex}.policy-card{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:26px;padding:32px;transition:all .3s;box-shadow:0 22px 50px #00000029}.policy-card:hover{border-color:#d4af3773;transform:translateY(-4px)}.policy-card h2{color:#fff;margin-bottom:12px;font-size:1.7rem}.policy-card p{color:#fffc;font-size:1.05rem;line-height:1.8}body.light-mode .policy-page{color:#10231f}body.light-mode .policy-hero h1,body.light-mode .policy-card h2{color:#006d5b}body.light-mode .policy-hero p,body.light-mode .policy-card p{color:#344a45}body.light-mode .policy-card{background:#ffffffb8;border:1px solid #006d5b24;box-shadow:0 20px 45px #006d5b1a}.admin-page{color:#fff;background:0 0;padding:100px 8%}.admin-hero{max-width:900px;margin-bottom:50px}.admin-hero h1{color:#fff;margin-bottom:20px;font-size:clamp(3rem,5vw,5.5rem);line-height:1.05}.admin-hero p{color:#ffffffd6;font-size:1.1rem;line-height:1.8}.admin-login,.message-card{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:28px;max-width:950px;padding:32px;box-shadow:0 22px 50px #00000029}.admin-login h2{color:#fff;margin-bottom:10px;font-size:2rem}.admin-login p{color:#ffffffc7;margin-bottom:20px}.admin-login input{border:1px solid #ffffff38;border-radius:14px;outline:none;width:100%;margin-bottom:18px;padding:15px 16px;font-size:1rem}.admin-error{margin-top:16px;color:#ffb4b4!important}.messages-list{flex-direction:column;gap:22px;display:flex}.message-card{max-width:1100px}.message-top{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.message-top h3{color:#d4af37;font-size:1.5rem}.message-top span{color:#ffffffa6;font-size:.95rem}.message-card p{color:#ffffffd6;margin-bottom:8px;line-height:1.7}body.light-mode .admin-page{color:#10231f}body.light-mode .admin-hero h1,body.light-mode .admin-login h2{color:#006d5b}body.light-mode .admin-hero p,body.light-mode .admin-login p,body.light-mode .message-card p{color:#344a45}body.light-mode .admin-login,body.light-mode .message-card{background:#ffffffb8;border:1px solid #006d5b24;box-shadow:0 20px 45px #006d5b1a}body.light-mode .message-top h3{color:#006d5b}body.light-mode .message-top span{color:#52645f}.admin-toolbar{justify-content:space-between;align-items:center;gap:18px;max-width:1100px;margin-bottom:28px;display:flex}.admin-toolbar p{color:#ffffffd6;font-weight:700}.logout-btn,.delete-message-btn{cursor:pointer;border:none;font-weight:800;transition:all .3s}.logout-btn{color:#0d1b2a;background:#d4af37;border-radius:999px;padding:12px 22px}.logout-btn:hover{transform:translateY(-3px)}.delete-message-btn{color:#ffb4b4;background:#ff5a5a29;border:1px solid #ff5a5a59;border-radius:999px;padding:10px 18px}.delete-message-btn:hover{background:#ff5a5a40;transform:translateY(-3px)}.message-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}body.light-mode .admin-toolbar p{color:#344a45}body.light-mode .delete-message-btn{color:#9f1d1d;background:#b41e1e14;border:1px solid #b41e1e33}.resources-page{color:#fff;background:0 0;padding:100px 8%}.resources-hero{max-width:950px;margin-bottom:60px}.resources-hero h1{color:#fff;margin-bottom:24px;font-size:clamp(3rem,5vw,5.5rem);line-height:1.05}.resources-hero p{color:#ffffffdb;max-width:850px;font-size:1.15rem;line-height:1.8}.prayer-location-box,.timing-note,.resources-support,.resource-card{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:30px;padding:36px;transition:all .3s;box-shadow:0 22px 50px #00000029}.prayer-location-box:hover,.timing-note:hover,.resources-support:hover,.resource-card:hover{border-color:#d4af3773;transform:translateY(-5px)}.prayer-location-box{grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;margin-bottom:70px;display:grid}.prayer-location-box h2,.timing-note h2,.resources-support h2{color:#fff;margin-bottom:16px;font-size:clamp(2.2rem,4vw,4rem);line-height:1.1}.prayer-location-box p,.timing-note p,.resources-support p,.resource-card p{color:#fffc;line-height:1.8}.location-badge{background:#ffffff1a;border-radius:24px;align-items:center;gap:18px;padding:24px;display:flex}.location-badge span{color:#0d1b2a;background:#d4af37;border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.7rem;display:grid}.location-badge strong{color:#fff;margin-bottom:6px;font-size:1.2rem;display:block}.location-badge p{color:#d4af37;margin:0;font-size:1.5rem;font-weight:900}.resources-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:70px;display:grid}.resource-icon{color:#0d1b2a;background:#d4af37;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:22px;font-size:1.7rem;display:grid}.resource-card h3{color:#fff;margin-bottom:10px;font-size:1.45rem}.resource-card h4{color:#d4af37;margin-bottom:14px;font-size:1rem}.timing-note{justify-content:space-between;align-items:center;gap:36px;margin-bottom:70px;display:flex}.timing-note div{max-width:800px}.resources-support{text-align:center;max-width:900px;margin:0 auto}.resources-support p{margin-bottom:26px}body.light-mode .resources-page{color:#10231f}body.light-mode .resources-hero h1,body.light-mode .prayer-location-box h2,body.light-mode .timing-note h2,body.light-mode .resources-support h2,body.light-mode .resource-card h3,body.light-mode .location-badge strong{color:#006d5b}body.light-mode .resources-hero p,body.light-mode .prayer-location-box p,body.light-mode .timing-note p,body.light-mode .resources-support p,body.light-mode .resource-card p{color:#344a45}body.light-mode .prayer-location-box,body.light-mode .timing-note,body.light-mode .resources-support,body.light-mode .resource-card{background:#ffffffb8;border:1px solid #006d5b24;box-shadow:0 20px 45px #006d5b1a}body.light-mode .location-badge{background:#006d5b14}body.light-mode .resource-card h4,body.light-mode .location-badge p{color:#006d5b}body.light-mode .resource-icon,body.light-mode .location-badge span{color:#fff;background:#006d5b}.resource-buttons{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.official-highlight .section-label{margin-bottom:10px}.highlight-actions{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.home-card-link{color:#d4af37;margin-top:20px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block}.home-card-link:hover{color:#fff;transform:translate(4px)}.home-final-cta{-webkit-backdrop-filter:blur(16px);background:#ffffff1c;border:1px solid #ffffff29;border-radius:32px;justify-content:space-between;align-items:center;gap:36px;max-width:none;margin:0 8% 90px;padding:48px;display:flex;box-shadow:0 24px 55px #0000002e}.home-final-cta h2{color:#fff;margin-bottom:14px;font-size:clamp(2.4rem,4vw,4.2rem);line-height:1.1}.home-final-cta p{color:#ffffffd1;max-width:780px;line-height:1.8}body.light-mode .home-card-link{color:#006d5b}body.light-mode .home-card-link:hover{color:#b89120}body.light-mode .home-final-cta{background:#ffffffb8;border:1px solid #006d5b24;box-shadow:0 20px 45px #006d5b1a}body.light-mode .home-final-cta h2{color:#006d5b}body.light-mode .home-final-cta p{color:#344a45}.event-feature-buttons{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.event-actions{margin-top:24px}.event-link{color:#d4af37;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block}.event-link:hover{color:#fff;transform:translate(4px)}body.light-mode .event-link{color:#006d5b}body.light-mode .event-link:hover{color:#b89120}@media (width<=600px){.event-feature-buttons .btn{text-align:center;width:100%}}.home-final-cta .btn{white-space:nowrap;text-align:center;min-width:180px}@media (width<=768px){.navbar{flex-direction:column;gap:18px}.nav-links{flex-wrap:wrap;justify-content:center;gap:14px}.hero{padding:90px 6%}.hero h1{font-size:2.6rem}.hero-buttons{flex-direction:column;align-items:flex-start}.page{padding:90px 6%}.page h1{font-size:2.3rem}}@media (width<=900px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-info h1{font-size:3rem}}@media (width<=600px){.contact-page{padding:80px 6%}.contact-info h1{font-size:2.4rem}.contact-form{border-radius:22px;padding:26px}}@media (width<=900px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-info h1,.page h1{font-size:3rem}}@media (width<=600px){.contact-page,.page{padding:80px 6%}.contact-info h1,.page h1{font-size:2.4rem}.contact-form{border-radius:22px;padding:26px}}@media (width<=768px){.nav-right{flex-direction:column;gap:16px}.theme-toggle{width:42px;height:42px}.arabic-greeting{top:35px}.salam{font-size:1rem}.arabic-greeting{padding:14px 18px;top:28px}.bismillah{font-size:2rem}.salam{text-align:center;font-size:1.25rem}.arabic-greeting .bismillah{font-size:2.4rem!important}.hero-content{margin-top:170px!important}.arabic-greeting .salam{text-align:center!important;font-size:1.55rem!important}.navbar{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:14px 5%!important;position:relative!important}.nav-right{flex-direction:row!important;align-items:center!important;gap:12px!important}.nav-actions{align-items:center!important;gap:12px!important;display:flex!important}.mobile-menu-btn{display:grid!important}.nav-links{-webkit-backdrop-filter:blur(18px)!important;z-index:999!important;background:#0d1b2ae0!important;border:1px solid #ffffff24!important;border-radius:22px!important;flex-direction:column!important;gap:0!important;padding:18px!important;display:none!important;position:absolute!important;top:100%!important;left:5%!important;right:5%!important;box-shadow:0 24px 60px #00000040!important}.nav-links.active{display:flex!important}.nav-links a{color:#fff!important;border-radius:14px!important;width:100%!important;padding:14px 16px!important;font-weight:700!important}.nav-links a:hover{color:#d4af37!important;background:#ffffff1a!important}body.light-mode .nav-links{background:#fffaf0e6!important;border:1px solid #006d5b24!important;box-shadow:0 24px 60px #006d5b24!important}body.light-mode .nav-links a{color:#10231f!important}body.light-mode .nav-links a:hover{color:#006d5b!important;background:#006d5b14!important}.navbar .logo-frame{width:72px!important;min-width:72px!important;max-width:72px!important;height:72px!important;min-height:72px!important;max-height:72px!important}.navbar .logo{width:76px!important;height:76px!important}.navbar .site-name{font-size:.95rem!important}}@media (width<=1000px){.home-card-grid,.program-grid,.split-section{grid-template-columns:1fr}.home-section{padding:75px 6%}}@media (width<=600px){.home-section{padding:60px 6%}.home-card,.program-card,.highlight-box{border-radius:22px;padding:24px}.mission-points div{align-items:flex-start}}@media (width<=1000px){.about-grid,.mission-vision-section,.values-grid{grid-template-columns:1fr}.about-page{padding:80px 6%}.team-preview{flex-direction:column;align-items:flex-start}}@media (width<=600px){.about-page{padding:65px 6%}.about-card,.mission-box,.vision-box,.value-card,.team-preview{border-radius:22px;padding:24px}}@media (width<=1000px){.featured-event,.events-grid{grid-template-columns:1fr}.events-page{padding:80px 6%}}@media (width<=600px){.events-page{padding:65px 6%}.featured-event,.event-card,.events-cta{border-radius:22px;padding:24px}}@media (width<=700px){.faq-page{padding:65px 6%}.faq-question{padding:20px;font-size:1rem}.faq-answer{padding:0 20px 22px}.faq-contact-box{border-radius:22px;padding:28px}.policy-page{padding:65px 6%}.policy-card{border-radius:22px;padding:24px}}@media (width<=768px){.navbar{z-index:9999!important}.nav-links{z-index:10000!important;background:#0d1b2af5!important}body.light-mode .nav-links{background:#fffaf0f5!important}.hero{flex-direction:column!important;align-items:flex-start!important;min-height:auto!important;padding:40px 6% 80px!important;display:flex!important}.arabic-greeting{-webkit-backdrop-filter:none!important;text-align:center!important;background:0 0!important;border:none!important;width:100%!important;max-width:100%!important;margin:20px 0 35px!important;padding:18px 12px!important;position:static!important;transform:none!important}.arabic-greeting .bismillah{margin-bottom:16px!important;font-size:clamp(2.6rem,13vw,4rem)!important;line-height:1.35!important}.arabic-greeting .salam{text-align:center!important;font-size:clamp(1.55rem,7vw,2.2rem)!important;line-height:1.45!important}.hero-content{width:100%!important;margin-top:0!important}.tagline{margin-bottom:14px!important;font-size:1.05rem!important}.hero h1{font-size:clamp(3rem,16vw,5rem)!important;line-height:1.05!important}.hero p{font-size:1rem!important;line-height:1.7!important}.hero-buttons{width:100%!important}.hero-buttons .btn{text-align:center!important}}@media (width<=1000px){.prayer-location-box,.timing-note,.resources-grid{grid-template-columns:1fr}.resources-page{padding:80px 6%}.timing-note{flex-direction:column;align-items:flex-start}}@media (width<=600px){.resources-page{padding:65px 6%}.prayer-location-box,.timing-note,.resources-support,.resource-card{border-radius:22px;padding:24px}}@media (width<=900px){.home-final-cta{flex-direction:column;align-items:flex-start;margin:0 6% 70px;padding:34px}.highlight-actions{width:100%}}@media (width<=600px){.home-final-cta{border-radius:24px;margin:0 6% 60px;padding:26px}.highlight-actions .btn,.home-final-cta .btn{text-align:center;width:100%}.home-final-cta .btn{white-space:nowrap;text-align:center;width:100%;min-width:0}}