/* Sirte Zakat Fund — Institutional design system, RTL */
:root{--sz-navy:#092b50;--sz-blue:#0b4d8d;--sz-blue2:#1263aa;--sz-gold:#b8924c;--sz-ink:#12263d;--sz-muted:#60748b;--sz-paper:#f5f7fa;--sz-border:#dfe7ef;--sz-shadow:0 20px 60px rgba(13,48,82,.08)}
html{scroll-behavior:smooth}body{font-family:'Cairo',sans-serif!important;color:var(--sz-ink);background:var(--sz-paper)}a,button,input,select,textarea{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d6b56b!important;outline-offset:3px}button{cursor:pointer}input,select,textarea{max-width:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:12px!important}input:focus,select:focus,textarea:focus{border-color:var(--sz-blue)!important;box-shadow:0 0 0 3px rgba(11,77,141,.12)!important}::selection{background:#c6ad78;color:#102e4b}
.sz-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.sz-topline{height:4px;background:linear-gradient(90deg,var(--sz-navy),var(--sz-blue),var(--sz-gold))}.sz-header{background:#fff;border-bottom:1px solid var(--sz-border);position:sticky;top:0;z-index:40}.sz-header-inner{min-height:84px;display:flex;align-items:center;gap:32px;justify-content:space-between}.sz-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--sz-navy)}.sz-logo{height:60px;width:76px;object-fit:contain;object-position:center;background:var(--sz-blue);border-radius:12px;padding:7px}.sz-brand-title{font-size:20px;font-weight:900;line-height:1.4}.sz-brand-sub{display:block;font-size:11px;color:var(--sz-muted);font-weight:700}.sz-nav{display:flex;align-items:center;gap:28px}.sz-nav a{font-size:13px;font-weight:800;color:#42566c;text-decoration:none}.sz-nav a:hover{color:var(--sz-blue)}.sz-actions{display:flex;gap:10px;align-items:center}.sz-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border-radius:11px;font-size:13px;font-weight:800;text-decoration:none;border:1px solid transparent}.sz-btn-primary{background:var(--sz-blue);color:white!important;box-shadow:0 7px 16px rgba(11,77,141,.15)}.sz-btn-primary:hover{background:var(--sz-navy);transform:translateY(-1px)}.sz-btn-outline{background:white;border-color:#cad7e5;color:var(--sz-navy)!important}.sz-btn-outline:hover{border-color:var(--sz-blue);background:#f4f8fc}.sz-btn-gold{background:var(--sz-gold);color:#fff!important}.sz-btn-gold:hover{background:#9b783c}.sz-menu{display:none;background:#fff;border:1px solid var(--sz-border);border-radius:9px;padding:8px 12px;color:var(--sz-navy)}
.sz-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#082b4e 0%,#0b477d 65%,#12558b 100%);color:white}.sz-hero:before{content:'';position:absolute;width:540px;height:540px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-180px;top:-190px;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 135px rgba(255,255,255,.025)}.sz-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:56px;align-items:center;min-height:535px;padding-block:70px;position:relative}.sz-eyebrow{display:inline-flex;gap:8px;align-items:center;color:#e7d3a4;background:rgba(255,255,255,.09);border:1px solid rgba(234,211,160,.35);padding:8px 14px;border-radius:100px;font-size:12px;font-weight:800}.sz-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.55;font-weight:900;margin:23px 0 16px;letter-spacing:-1.2px}.sz-hero h1 em{font-style:normal;color:#e6c47d}.sz-hero p{font-size:15px;line-height:2.25;color:#d9e5ef;max-width:610px}.sz-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.sz-hero-cta .sz-btn-outline{background:transparent;border-color:#9eb8cf;color:white!important}.sz-hero-cta .sz-btn-outline:hover{background:rgba(255,255,255,.12)}.sz-hero-panel{background:white;color:var(--sz-ink);border-radius:22px;box-shadow:0 25px 70px rgba(0,14,34,.25);padding:28px;position:relative}.sz-hero-panel:before{content:'';height:5px;position:absolute;top:0;left:28px;right:28px;background:var(--sz-gold);border-radius:0 0 5px 5px}.sz-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sz-border);padding-bottom:19px;margin-bottom:12px}.sz-panel-head strong{font-size:18px;font-weight:900;color:var(--sz-navy)}.sz-service-row{display:flex;align-items:center;gap:14px;padding:17px 3px;border-bottom:1px solid #edf1f5;text-decoration:none;color:var(--sz-ink)}.sz-service-row:last-child{border:0}.sz-service-row:hover{color:var(--sz-blue);transform:translateX(-3px)}.sz-service-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#eaf2fa;color:var(--sz-blue);font-size:21px;flex:none}.sz-service-row b{display:block;font-size:14px}.sz-service-row small{display:block;color:var(--sz-muted);font-size:11px;margin-top:4px}.sz-service-arrow{margin-right:auto;color:var(--sz-gold);font-size:21px}
.sz-section{padding:85px 0}.sz-section-soft{background:#f5f8fb}.sz-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.sz-kicker{font-size:12px;font-weight:900;color:var(--sz-gold);letter-spacing:.3px}.sz-section h2{font-size:clamp(25px,3vw,36px);font-weight:900;color:var(--sz-navy);margin:8px 0}.sz-section-desc{color:var(--sz-muted);font-size:14px;line-height:2;max-width:620px}.sz-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sz-card{background:#fff;border:1px solid var(--sz-border);border-radius:18px;padding:29px;box-shadow:0 7px 25px rgba(20,53,83,.035);transition:transform .2s,box-shadow .2s}.sz-card:hover{transform:translateY(-4px);box-shadow:var(--sz-shadow)}.sz-card-icon{width:56px;height:56px;display:grid;place-items:center;background:#edf4fa;border-radius:15px;font-size:25px;color:var(--sz-blue)}.sz-card h3{font-size:18px;font-weight:900;margin:22px 0 10px;color:var(--sz-navy)}.sz-card p{font-size:13px;line-height:2;color:var(--sz-muted);min-height:76px}.sz-card a{font-size:13px;font-weight:900;color:var(--sz-blue);text-decoration:none}.sz-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sz-step{padding:26px;background:white;border:1px solid var(--sz-border);border-radius:17px}.sz-step-num{font-weight:900;color:var(--sz-gold);font-size:26px}.sz-step h3{font-weight:900;margin:10px 0;color:var(--sz-navy)}.sz-step p{font-size:13px;color:var(--sz-muted);line-height:2}.sz-callout{background:var(--sz-navy);border-radius:22px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#fff}.sz-callout h2{color:#fff;margin:0 0 8px}.sz-callout p{color:#c5d8e8;font-size:13px}.sz-footer{background:#071f38;color:#e3edf6;padding:52px 0 25px}.sz-footer-grid{display:flex;justify-content:space-between;gap:28px;align-items:start}.sz-footer p{font-size:12px;line-height:2;color:#acc0d1}.sz-footer-links{display:flex;gap:22px;flex-wrap:wrap}.sz-footer-links a{color:#d9e6f0;text-decoration:none;font-size:12px}.sz-footer-bottom{border-top:1px solid #23405c;margin-top:32px;padding-top:20px;color:#93aabe;font-size:11px}
.sz-app-shell{min-height:100vh;background:var(--sz-paper)}.sz-app-header{background:#fff;border-bottom:1px solid var(--sz-border)}.sz-app-header .sz-container{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.sz-app-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sz-app-links a,.sz-app-links button{font-size:12px;font-weight:800;color:var(--sz-navy);text-decoration:none}.sz-page-head{padding:30px 0 10px}.sz-page-head h1,.sz-page-head h2{font-size:25px;font-weight:900;color:var(--sz-navy)}.sz-app-main{padding-bottom:70px}.sz-app-main .bg-white{border:1px solid var(--sz-border);box-shadow:0 10px 36px rgba(20,53,83,.045);border-radius:18px}.sz-app-main .bg-emerald-700,.sz-app-main .bg-emerald-600,.sz-app-main .bg-green-600{background:var(--sz-blue)!important}.sz-app-main .text-emerald-700,.sz-app-main .text-emerald-800{color:var(--sz-blue)!important}.sz-app-main .focus\:ring-emerald-500:focus{--tw-ring-color:var(--sz-blue)}.sz-app-main button[type=submit],.sz-auth-card button[type=submit]{border-radius:11px!important;min-height:43px}.sz-auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.sz-auth-aside{background:linear-gradient(145deg,#082947,#10558d);padding:65px max(45px,8vw);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.sz-auth-aside:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #ffffff28;border-radius:50%;bottom:-220px;left:-170px;box-shadow:0 0 0 70px #ffffff09,0 0 0 140px #ffffff07}.sz-auth-aside h2{font-size:clamp(30px,3vw,45px);font-weight:900;line-height:1.6;margin-top:55px}.sz-auth-aside p{line-height:2.2;color:#cdddeb;font-size:14px;max-width:460px}.sz-auth-content{display:flex;align-items:center;justify-content:center;padding:50px 25px;background:#f9fbfd}.sz-auth-card{width:min(480px,100%);background:#fff;border:1px solid var(--sz-border);border-radius:22px;padding:40px;box-shadow:var(--sz-shadow)}.sz-auth-card h1{font-size:25px;font-weight:900;color:var(--sz-navy);margin-bottom:6px}.sz-auth-card .sz-auth-sub{font-size:12px;color:var(--sz-muted);margin-bottom:24px}.sz-auth-card label{font-size:12px;font-weight:800;color:#2e4560}.sz-auth-card input:not([type=checkbox]),.sz-auth-card select{width:100%;background:#fff;border:1px solid #ccd7e4;padding:11px 13px}.sz-auth-card .bg-gray-800,.sz-auth-card .bg-emerald-700{background:var(--sz-blue)!important}.sz-auth-card .text-emerald-800{color:var(--sz-blue)!important}
@media(max-width:1000px){.sz-nav{gap:13px}.sz-hero-grid{gap:24px}.sz-header-inner{gap:15px}}@media(max-width:760px){.sz-header-inner{min-height:72px}.sz-brand-title{font-size:16px}.sz-logo{width:55px;height:50px}.sz-nav{display:none}.sz-menu{display:block}.sz-mobile-nav{display:none;flex-direction:column;gap:0;padding:8px 20px 18px;background:#fff}.sz-mobile-nav.open{display:flex}.sz-mobile-nav a{padding:12px 0;text-decoration:none;color:var(--sz-navy);font-size:13px;font-weight:800;border-bottom:1px solid var(--sz-border)}.sz-header .sz-actions .sz-btn-outline{display:none}.sz-hero-grid{grid-template-columns:1fr;padding-block:48px;min-height:0}.sz-hero h1{font-size:35px}.sz-hero-panel{max-width:550px}.sz-card-grid,.sz-steps{grid-template-columns:1fr}.sz-section{padding:55px 0}.sz-section-head{display:block}.sz-callout{display:block;padding:28px}.sz-callout .sz-btn{margin-top:18px}.sz-footer-grid{display:block}.sz-footer-links{margin-top:24px}.sz-auth{grid-template-columns:1fr}.sz-auth-aside{padding:25px;min-height:170px}.sz-auth-aside h2{font-size:24px;margin:10px 0}.sz-auth-aside p{display:none}.sz-auth-content{padding:30px 16px}.sz-auth-card{padding:26px 22px}.sz-app-header .sz-container{padding-block:12px;flex-wrap:wrap}.sz-app-links{gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Sirte UI refinements: blue-only accessible focus state */
:root{--sz-focus:#0b4d8d}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--sz-focus)!important;outline-offset:3px!important;box-shadow:0 0 0 4px rgba(11,77,141,.16)!important}
:where(input,select,textarea):focus{border-color:var(--sz-focus)!important;--tw-ring-color:var(--sz-focus)!important;--tw-ring-shadow:0 0 0 3px rgba(11,77,141,.16)!important;box-shadow:0 0 0 3px rgba(11,77,141,.16)!important}
:where(.focus\:ring-indigo-500,.focus\:ring-emerald-500,.focus\:ring-yellow-500):focus{--tw-ring-color:var(--sz-focus)!important}
.sz-topline{background:var(--sz-blue)!important}
.sz-mobile-nav{display:none!important}

/* V8 — Consistent blue-only focus across the platform */
:root{--sz-focus:#0b4d8d;--sz-focus-ring:rgba(11,77,141,.20)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--sz-focus)!important;outline-offset:2px!important;box-shadow:0 0 0 3px var(--sz-focus-ring)!important}
:where(input,select,textarea):focus,:where(input,select,textarea):focus-visible{border-color:var(--sz-focus)!important;outline-color:var(--sz-focus)!important;box-shadow:0 0 0 3px var(--sz-focus-ring)!important}
:where(button,a,[role=button]):focus,:where(button,a,[role=button]):focus-visible{outline-color:var(--sz-focus)!important;box-shadow:0 0 0 3px var(--sz-focus-ring)!important}
::selection{background:#c7ddf3;color:#092b50}
.sz-profile-save-row{margin-top:22px!important;padding-top:8px!important}
.sz-latin-price{direction:ltr!important;text-align:left!important;font-family:Arial,Tahoma,sans-serif!important;font-variant-numeric:lining-nums tabular-nums!important;unicode-bidi:plaintext}