.contact-page{max-width:900px;margin:48px auto;background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:40px 28px 32px;color:var(--text)}.contact-page header{border-bottom:2px solid var(--line);margin-bottom:32px;padding-bottom:18px}.contact-page h1{color:#8b7f66;font-size:2.2rem;margin-bottom:18px;font-weight:800;letter-spacing:.01em}.contact-page address{font-style:normal;font-size:1.08rem;color:#222;margin-bottom:12px;line-height:1.7}.contact-page a[href^=mailto],.contact-page a[href^=tel]{color:#8b7f66;font-weight:600;text-decoration:underline;margin-right:8px;transition:color .2s}.contact-page a[href^=mailto]:hover,.contact-page a[href^=tel]:hover{color:#7f7257}.contact-page section{margin-bottom:32px}.contact-page h2{color:#8b7f66;font-size:1.45rem;margin-bottom:12px;font-weight:700}.contact-page ul{padding-left:22px;margin:0}.contact-page li{margin-bottom:7px;font-size:1.08rem;color:#222;position:relative}.contact-page li:before{content:"•";color:#8b7f66;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.contact-page .contact-form-link{display:inline-block;margin-top:10px;background:#e9ddc5;color:#4d4538;padding:8px 18px;border-radius:8px;font-weight:600;text-decoration:none;transition:background .2s}.contact-page .contact-form-link:hover{background:#d8c8a9;color:#4d4538}.contact-page p[style]{font-size:1.15rem;margin-top:18px;margin-bottom:0;letter-spacing:.01em}.contact-form-section{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:30px 28px;max-width:760px}.contact-form-page{min-height:640px}.contact-form-page .contact-form-section h1{margin:8px 0 18px;color:#8b7f66;font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.15}.contact-form{display:grid;gap:12px;max-width:560px}.contact-form label{color:#8b7f66;font-weight:700;font-size:.95rem;letter-spacing:.01em}.contact-form input,.contact-form textarea{width:100%;border:1px solid #cfd6ea;background:#f8f9fd;border-radius:10px;padding:12px 14px;font:inherit;color:#26495a;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#7f869b}.contact-form input:focus,.contact-form textarea:focus{background:#fff;box-shadow:0 0 0 3px #e9ddc5b3;outline:none;border-color:#b8ab92}.contact-form button{margin-top:10px;width:fit-content;background:#e9ddc5;color:#4d4538;border:0;border-radius:10px;padding:11px 20px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.contact-form button:hover{background:#d8c8a9;transform:translateY(-1px)}.contact-form button:active{transform:translateY(0)}@media(max-width:600px){.contact-page{padding:18px 6vw}.contact-page h1{font-size:1.25rem}.contact-page h2{font-size:1.08rem}.contact-page address,.contact-page li{font-size:.98rem}.contact-form-section{padding:22px 16px;border-radius:14px}.contact-form button{width:100%;text-align:center}}:root{font-family:Poppins,sans-serif;color:#4d4538;background:#f7f3e8;--navy: #e9ddc5;--orange: #8b7f66;--text: #4d4538;--muted: #7b7467;--panel: #ffffff;--line: #ded6c8;--shadow: 0 14px 40px rgba(139, 127, 102, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(233,221,197,.6),transparent 24%),radial-gradient(circle at bottom right,rgba(139,127,102,.12),transparent 26%),linear-gradient(180deg,#fffdfa,#f5efe1);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit}input,textarea,select,button{font-size:16px}.page-shell{min-height:100vh}.top-strip{background:linear-gradient(90deg,#0f4fa8,#1b68d1);color:#f4f9ff;display:flex;justify-content:center;gap:46px;padding:14px 24px;font-size:.98rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase}.top-strip span{position:relative}.top-strip span+span:before{content:"";position:absolute;left:-24px;top:50%;width:18px;height:3px;border-radius:999px;background:#ffffffe6;transform:translateY(-50%)}.nav-wrap{max-width:1440px;margin:0 auto;padding:0 18px}.nav-bar{margin-top:0;background:linear-gradient(135deg,#0b3f87,#1456b1);border-radius:0 0 28px 28px;box-shadow:var(--shadow);padding:22px 28px;display:flex;align-items:center;gap:24px}.brand{flex:0 0 auto}.logo{display:inline-flex;align-items:center;gap:14px}.logo-image{width:76px;height:76px;object-fit:contain;flex:0 0 auto}.logo-text{color:#f4f9ff;display:flex;flex-direction:column;font-size:.98rem;font-weight:800;line-height:.95;letter-spacing:.02em;text-transform:uppercase}.logo:not(.logo-footer) .logo-text{font-size:1rem}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.nav-item{position:relative}.nav-link{border:0;background:transparent;color:#eef5ff;font-weight:700;font-size:.98rem;text-transform:uppercase;padding:8px 0;cursor:pointer}.nav-link.active,.nav-link:hover{color:#ffd66b}.chevron{margin-left:6px;color:#eef5ffc7}.dropdown-panel{position:absolute;top:calc(100% + 18px);left:0;min-width:280px;background:#fffdfa;border:1px solid rgba(139,127,102,.16);border-radius:28px;box-shadow:var(--shadow);padding:18px 0;z-index:20}.dropdown-panel a{display:block;padding:14px 24px;font-size:1rem;font-weight:600}.dropdown-panel a:hover{background:#f3ecdf}.donate-button{background:#f4f9ff;color:#0b3f87;font-weight:700;font-size:.98rem;text-transform:uppercase;padding:16px 26px;border-radius:8px;transition:transform .16s ease,opacity .16s ease}.donate-button:hover{transform:translateY(-1px);opacity:.94;background:#d7e8ff}.desktop-donate{margin-left:22px}.menu-toggle,.mobile-nav{display:none}.content{max-width:1440px;margin:0 auto;padding:56px 18px 0;width:100%}.content a.active,.desktop-nav .active{color:var(--navy)}.about-section{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1fr);gap:54px;align-items:start}.inner-page{min-height:720px}.image-panel{display:grid;gap:28px;padding-top:178px}.image-card{border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.image-card-top{min-height:540px}.image-card-bottom{min-height:260px}.image-card-photo{background:linear-gradient(135deg,#0c184814,#0c184805),#edf0f9}.image-card-photo img{width:100%;height:100%;display:block;object-fit:cover}.gallery-section{padding:28px 0 18px}.gallery-heading{margin-bottom:24px}.gallery-heading h2{margin:10px 0 0;font-size:clamp(1.9rem,2.4vw,2.6rem);line-height:1.14}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-card{margin:0;min-height:280px;border-radius:24px;overflow:hidden;background:#edf0f9;box-shadow:var(--shadow)}.gallery-card img{width:100%;height:100%;display:block;object-fit:cover}.donation-programs-section{padding:46px 0 18px}.donation-heading{max-width:860px}.donation-heading p:last-child{margin:14px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.7}.donation-programs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.donation-card{overflow:hidden;border:1px solid rgba(139,127,102,.16);border-radius:26px;background:linear-gradient(180deg,#fffdfa,#f9f4ea);box-shadow:var(--shadow)}.donation-card-image{height:220px;background:#edf0f9}.donation-card-image img{width:100%;height:100%;object-fit:cover;display:block}.donation-card-body{padding:24px}.donation-card-header h3{margin:8px 0 12px;color:#8b7f66;font-size:1.55rem;line-height:1.15}.donation-card-header p{margin:0;color:#5a5348;line-height:1.7}.donation-card-kicker{color:#7f7257;font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.donation-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 20px;padding:14px 16px;border-radius:16px;background:#e9ddc58f}.donation-meta span{color:#675e51;font-size:.95rem;font-weight:600}.donation-meta strong{color:#4d4538;font-size:1.06rem}.donation-form{display:grid;gap:14px}.donation-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.donation-form label{display:block;margin-bottom:7px;color:#7f7257;font-weight:700;font-size:.92rem}.donation-form input,.donation-form textarea{width:100%;border:1px solid #d7d1c4;background:#ffffffe6;border-radius:12px;padding:12px 14px;color:#26495a;font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.donation-form input::placeholder,.donation-form textarea::placeholder{color:#90897d}.donation-form input:focus,.donation-form textarea:focus{outline:none;background:#fff;border-color:#b8ab92;box-shadow:0 0 0 3px #e9ddc5b3}.donation-form button{width:100%;border:0;border-radius:12px;padding:13px 18px;background:#8b7f66;color:#fffdfa;font-weight:700;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.donation-form button:hover{background:#786d57;transform:translateY(-1px)}.donation-form button:active{transform:translateY(0)}.donation-secondary-link{display:block;width:100%;border:1px solid #c8bea9;border-radius:12px;padding:13px 18px;text-align:center;color:#6e6452;font-weight:700;background:#ffffffb8}.donation-submit-hint{margin:0;color:#5e7d2b;font-size:.95rem;line-height:1.65}.account-transfer-section,.zakat-section{padding:46px 0 18px}.account-transfer-card,.zakat-layout{border:1px solid rgba(139,127,102,.16);border-radius:28px;background:linear-gradient(180deg,#fffdfa,#f9f4ea);box-shadow:var(--shadow);padding:28px}.account-transfer-card h2,.zakat-intro h2{margin:10px 0 16px;color:#8b7f66;font-size:clamp(1.9rem,2.4vw,2.6rem);line-height:1.14}.account-transfer-card p,.zakat-intro p{margin:0 0 16px;color:#5a5348;line-height:1.75}.account-number-button{width:100%;border:0;border-radius:18px;padding:20px 22px;margin:8px 0 16px;background:linear-gradient(135deg,#0b3f87,#1456b1);color:#f4f9ff;font-size:clamp(1.4rem,2.8vw,2.1rem);font-weight:800;letter-spacing:.03em;cursor:pointer}.account-transfer-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.account-copy-button{border:0;border-radius:12px;padding:12px 18px;background:#8b7f66;color:#fffdfa;font-weight:700;cursor:pointer}.account-transfer-actions span,.account-transfer-note{color:var(--muted);font-size:.98rem;line-height:1.7}.account-transfer-note{margin-top:18px}.zakat-layout{display:grid;gap:24px}.zakat-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.zakat-nisab-field{grid-column:1 / -1}.zakat-form label{display:block;margin-bottom:7px;color:#7f7257;font-weight:700;font-size:.92rem}.zakat-form input{width:100%;border:1px solid #d7d1c4;background:#ffffffe6;border-radius:12px;padding:12px 14px;color:#26495a;font:inherit}.zakat-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.zakat-result-card{padding:18px;border-radius:18px;background:#e9ddc58f}.zakat-result-card span{display:block;margin-bottom:8px;color:#675e51;font-size:.94rem;font-weight:600}.zakat-result-card strong{color:#4d4538;font-size:1.18rem;line-height:1.3}.zakat-result-accent{background:linear-gradient(135deg,#0b3f87,#1456b1)}.zakat-result-accent span,.zakat-result-accent strong{color:#f4f9ff}.text-panel h1{margin:4px 0 26px;color:#8b7f66;font-size:clamp(2.4rem,3vw,3.8rem);line-height:1.08}.section-tag{margin:0;color:#7f7257;font-size:1.05rem;font-weight:700}.text-panel p{margin:0 0 24px;color:#4d4538;font-size:1.45rem;line-height:1.68;font-weight:500}.activity-note{color:#2a3043}.active-projects{padding-top:12px}.active-projects h2{margin:0 0 18px;font-size:clamp(1.9rem,2.4vw,2.6rem);line-height:1.16}.values-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px;padding:82px 0 98px}.social-feed-section{margin:0 0 98px;padding:34px;border-radius:28px;background:linear-gradient(135deg,#e9ddc58c,#8b7f6614),#fff;box-shadow:var(--shadow)}.social-feed-header{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:28px}.social-feed-header h2{margin:10px 0 12px;font-size:clamp(1.9rem,2.5vw,2.8rem);line-height:1.12}.social-feed-intro,.social-feed-state{margin:0;color:var(--muted);font-size:1.04rem;line-height:1.7}.social-feed-links{display:flex;gap:12px;flex-wrap:wrap}.social-feed-links a,.social-feed-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;transition:transform .16s ease,opacity .16s ease,background .16s ease}.social-feed-links a{min-height:46px;padding:0 18px;color:var(--navy);background:#ffffffeb;border:1px solid rgba(139,127,102,.16)}.social-feed-links a:hover,.social-feed-cta:hover{transform:translateY(-1px);opacity:.96}.social-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.social-feed-card{padding:22px;border-radius:22px;background:#fffffff0;border:1px solid rgba(139,127,102,.12)}.social-feed-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;color:#566079;font-size:.92rem;font-weight:600}.social-platform{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;color:#fff}.social-platform-facebook{background:#1877f2}.social-platform-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#515bd4)}.social-feed-card h3{margin:0 0 12px;color:#1e2430;font-size:1.3rem;line-height:1.25}.social-feed-card p{margin:0 0 18px;color:#242938;font-size:1rem;line-height:1.7}.social-feed-cta{min-height:44px;padding:0 16px;width:fit-content;background:#e9ddc5;color:#4d4538}.values-section h3{margin:0 0 18px;font-size:2.05rem;line-height:1.15}.values-section p{margin:0;font-size:1.15rem;line-height:1.72;color:#16181f;font-weight:500}.site-footer{background:transparent;padding:0 18px 20px}.footer-grid{max-width:1440px;margin:0 auto;background:linear-gradient(135deg,#0b3f87,#1456b1);color:#eef5ff;border-radius:30px 30px 0 0;padding:70px 48px 56px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:32px}.footer-brand{display:flex;align-items:center}.logo-footer .logo-text{color:#eef5ff;font-size:1.02rem}.logo-image-footer{background:#ffffff24;border-radius:50%;padding:4px}.footer-column h4{margin:0 0 20px;font-size:1.05rem}.footer-column a{display:block;margin-bottom:18px;font-size:.98rem;font-weight:600}.footer-bottom{max-width:1440px;margin:0 auto;background:#072f66;color:#eef5ff;text-align:center;padding:0 48px 36px}.footer-bottom p{margin:0 0 12px;font-size:.98rem;font-weight:600}.footer-bottom span{font-size:1.55rem;font-weight:500;letter-spacing:.01em;opacity:.96}@media(max-width:1180px){.desktop-nav,.desktop-donate{display:none}.menu-toggle{margin-left:auto;display:inline-flex;flex-direction:column;gap:6px;width:48px;height:48px;align-items:center;justify-content:center;border:0;background:#f4f9ff;border-radius:12px;cursor:pointer}.menu-toggle span{width:18px;height:2px;border-radius:999px;background:var(--navy)}.mobile-nav{display:block;background:linear-gradient(135deg,#0b3f87,#1456b1);margin-top:12px;padding:18px;border-radius:24px;box-shadow:var(--shadow)}.mobile-link,.mobile-link-expand{display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 6px;border:0;background:transparent;font-size:1rem;font-weight:700;text-transform:uppercase;color:#eef5ff}.mobile-submenu{padding:4px 0 12px 16px}.mobile-submenu a{display:block;padding:10px 0;font-weight:600;color:#d7e8ff}.mobile-donate{display:inline-block;margin-top:10px}.rotated{transform:rotate(180deg)}.about-section,.values-section,.gallery-grid,.footer-grid,.social-feed-grid{grid-template-columns:1fr}.image-panel{padding-top:0}.social-feed-header{flex-direction:column}.donation-programs-grid,.donation-form-grid,.zakat-form-grid,.zakat-results{grid-template-columns:1fr}}@media(max-width:760px){.nav-wrap,.content,.site-footer{width:100%;overflow-x:clip}.top-strip{gap:18px;padding:12px 14px;font-size:.74rem;flex-wrap:wrap}.top-strip span+span:before{display:none}.nav-bar{padding:18px;gap:12px}.logo{gap:10px}.logo-image{width:58px;height:58px}.logo-text{font-size:.86rem}.content{padding-top:34px}.text-panel h1{font-size:clamp(1.8rem,8vw,2.5rem)}.text-panel p{font-size:1.04rem;line-height:1.72}.gallery-card{min-height:220px}.values-section{gap:34px;padding-top:58px}.values-section h3{font-size:1.7rem}.footer-grid{padding:42px 24px 24px}.footer-bottom{padding:0 24px 28px}.social-feed-section{padding:24px 18px;border-radius:22px;margin-bottom:72px}}