:root{--navy:#123b56;--navy2:#0d2f46;--green:#68a54a;--green-soft:#eef6ea;--text:#24343f;--muted:#66757f;--line:#e6ecef;--soft:#f7f9fa;--white:#fff;--shadow:0 14px 34px rgba(12,45,67,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.8}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(230,236,239,.9)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:126px}.nav{display:flex;align-items:center;gap:29px;font-weight:500;color:#263943;font-size:15px}.nav a{transition:.2s}.nav a:hover{color:var(--green)}.menu-toggle{display:none;border:0;background:none;font-size:26px;color:var(--navy)}
.hero{padding:82px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:16px;font-weight:600;margin-bottom:15px}.eyebrow:before{content:'';width:22px;height:2px;background:var(--green);border-radius:5px}.hero h1{font-size:58px;line-height:1.2;color:var(--navy2);margin:0 0 20px;font-weight:700;letter-spacing:-.02em}.hero h1 span{color:var(--navy)}.hero p{font-size:20px;color:var(--muted);max-width:670px;margin:0 0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border-radius:9px;font-weight:600;transition:.2s}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 8px 18px rgba(18,59,86,.18)}.btn-primary:hover{transform:translateY(-1px);background:var(--navy2)}.btn-outline{border:1px solid var(--navy);color:var(--navy);background:#fff}.hero-art{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center}.orb{width:385px;height:385px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#1b5b82,#123b56 55%,#0d2f46);position:relative;box-shadow:0 30px 70px rgba(18,59,86,.25);overflow:hidden}.orb:before,.orb:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%}.orb:before{inset:55px}.orb:after{inset:105px}.building{position:absolute;bottom:82px;right:84px;left:84px;height:185px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.35));clip-path:polygon(7% 100%,7% 45%,30% 45%,30% 20%,58% 20%,58% 0,84% 0,84% 60%,100% 60%,100% 100%);opacity:.86}.node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(104,165,74,.15)}.node.n1{top:70px;right:70px}.node.n2{bottom:90px;left:55px}.node.n3{top:140px;left:80px}.line{position:absolute;height:2px;background:rgba(255,255,255,.45);transform-origin:right center}.line.l1{width:155px;top:75px;right:80px;transform:rotate(28deg)}.line.l2{width:170px;bottom:97px;left:66px;transform:rotate(-28deg)}
.section{padding:78px 0}.section.soft{background:var(--soft)}.section-head{max-width:760px;margin:0 auto 38px;text-align:center}.section-head .eyebrow{justify-content:center}.section h2{font-size:38px;line-height:1.3;color:var(--navy2);margin:0 0 13px}.section-head p{color:var(--muted);font-size:18px;margin:0}.about-strip{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:center}.about-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow)}.about-card p{color:var(--muted);font-size:18px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 8px 22px rgba(12,45,67,.045)}.icon{width:48px;height:48px;border-radius:13px;background:#edf4f7;color:var(--navy);display:grid;place-items:center;font-weight:700;font-size:21px;margin-bottom:18px}.feature:nth-child(2) .icon,.feature:nth-child(3) .icon{background:var(--green-soft);color:var(--green)}.feature h3{margin:0 0 8px;color:var(--navy2);font-size:21px}.feature p{margin:0;color:var(--muted)}
.innovation{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:stretch}.innovation-panel{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;border-radius:22px;padding:42px;position:relative;overflow:hidden}.innovation-panel:after{content:'';position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.13);border-radius:50%;left:-80px;bottom:-85px}.innovation-panel h2{color:#fff}.innovation-panel p{color:rgba(255,255,255,.78);font-size:18px}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.pill{border:1px solid rgba(255,255,255,.22);padding:8px 13px;border-radius:999px;font-size:14px}.sharia-card{border:1px solid #dce9d7;background:linear-gradient(180deg,#fff,#f8fbf6);border-radius:22px;padding:42px}.sharia-badge{width:60px;height:60px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:27px;margin-bottom:20px}.sharia-card h3{font-size:28px;color:var(--navy2);margin:0 0 10px}.sharia-card p{color:var(--muted);margin:0 0 20px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:.2s}.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.news-image{aspect-ratio:16/9;background:linear-gradient(135deg,#dfe8ec,#f7fafb);overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover}.news-body{padding:22px}.news-meta{font-size:13px;color:var(--green);font-weight:600;margin-bottom:7px}.news-card h3{font-size:20px;color:var(--navy2);line-height:1.5;margin:0 0 8px}.news-card p{color:var(--muted);margin:0}.empty-state{padding:30px;border:1px dashed #cfd9dd;border-radius:14px;text-align:center;color:var(--muted)}
.page-hero{padding:70px 0 52px;background:linear-gradient(180deg,#f7fafb,#fff)}.page-hero .eyebrow{margin-bottom:10px}.page-hero h1{font-size:46px;color:var(--navy2);margin:0 0 12px}.page-hero p{font-size:19px;color:var(--muted);max-width:760px;margin:0}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.content-card{border:1px solid var(--line);border-radius:16px;padding:30px;background:#fff}.content-card h2,.content-card h3{color:var(--navy2)}.content-card p{color:var(--muted)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.leader{display:grid;grid-template-columns:1fr 2.1fr;gap:34px;align-items:start}.leader-photo{background:var(--soft);border-radius:18px;aspect-ratio:4/5;display:grid;place-items:center;color:var(--muted);border:1px solid var(--line)}
.form-card{max-width:820px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:600;margin-bottom:6px;color:var(--navy2)}.field input,.field textarea,.field select{width:100%;border:1px solid #d7e0e4;border-radius:9px;padding:12px 13px;font-family:inherit;font-size:16px;background:#fff}.field textarea{min-height:140px;resize:vertical}.notice{padding:14px 16px;border-radius:10px;margin-bottom:18px}.notice.success{background:#edf7ea;color:#3f6e2d}.notice.error{background:#fff1f1;color:#8c3838}
.site-footer{background:#0f344c;color:#fff;padding:54px 0 0;margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.2fr;gap:40px}.footer-brand img{width:118px;filter:brightness(0) invert(1);opacity:.96;margin-bottom:16px}.site-footer h4{margin:0 0 14px;font-size:17px}.site-footer a,.site-footer p{display:block;color:rgba(255,255,255,.72);margin:0 0 8px;font-size:14px}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding:18px 0;color:rgba(255,255,255,.55);font-size:13px}
@media(max-width:900px){.nav{display:none;position:absolute;top:82px;right:20px;left:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.menu-open .nav{display:flex}.menu-toggle{display:block}.hero-grid,.about-strip,.innovation,.leader{grid-template-columns:1fr}.hero{padding-top:50px}.hero h1{font-size:44px}.hero-art{min-height:350px;order:-1}.orb{width:310px;height:310px}.feature-list,.news-grid{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:72px}.brand img{width:108px}.nav{top:72px}.hero h1{font-size:38px}.hero p{font-size:18px}.section{padding:58px 0}.section h2{font-size:31px}.feature-list,.news-grid,.content-grid,.values-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.orb{width:270px;height:270px}.hero-art{min-height:300px}.page-hero h1{font-size:38px}}
.lang-en{font-family:'IBM Plex Sans',Arial,sans-serif}.lang-en .eyebrow:before{order:2}.lang-switch{border:1px solid var(--line);padding:5px 10px;border-radius:7px;font-weight:600}.leader-photo{overflow:hidden}.leader-photo img{width:100%;height:100%;object-fit:cover}.sharia-profile{display:grid;grid-template-columns:1fr 1fr;gap:26px}.scholar-card{text-align:center}.scholar-photo{max-width:250px;margin:0 auto 20px}.sharia-seal{width:76px;height:76px;object-fit:contain;margin-bottom:18px}.sharia-card .sharia-seal{width:64px;height:64px}@media(max-width:800px){.sharia-profile{grid-template-columns:1fr}}

.icon img{width:28px;height:28px}.news-image:empty{background:#f4f7f8 url(../images/news-default.svg) center/cover no-repeat}

.platform-login{border:1px solid var(--blue);padding:.55rem .9rem;border-radius:10px;color:var(--blue)!important;font-weight:600}.platform-login:hover{background:var(--blue);color:#fff!important}