
:root{--bg:#f7f9fc;--panel:#fff;--ink:#122033;--muted:#607087;--brand:#1354c8;--brand2:#04a9c7;--line:#e2e8f0;--soft:#eef6ff;--shadow:0 20px 60px rgba(15,23,42,.08);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.75;overflow-x:hidden}body[dir=rtl]{font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif}.container{width:min(1180px,92vw);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:900;letter-spacing:.2px;min-width:max-content}.brand img{height:50px;max-width:190px;width:auto;object-fit:contain}.brand-name{display:none}.menu{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.menu a{display:flex;align-items:center;gap:6px;text-decoration:none;color:#26364b;font-weight:700;padding:10px 11px;border-radius:999px;font-size:13.5px;white-space:nowrap}.menu a:hover{background:var(--soft);color:var(--brand)}.menu li{position:relative}.dropdown{display:none;position:absolute;inset-inline-start:0;top:100%;min-width:275px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);list-style:none;margin:0;z-index:80}.menu li:hover>.dropdown{display:block;animation:dropIn .18s ease-out}.dropdown .dropdown{top:-10px;inset-inline-start:100%;margin-inline-start:8px}.dropdown a{border-radius:12px;font-weight:650;white-space:normal;line-height:1.35}.actions{display:flex;align-items:center;gap:8px;min-width:max-content}.lang-switch,.mobile-toggle{border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;padding:9px 13px;border-radius:999px;font-weight:850;box-shadow:0 8px 22px rgba(15,23,42,.04)}.mobile-toggle{display:none;cursor:pointer}.hero{padding:50px 0 34px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-160px -20% auto auto;width:520px;height:520px;background:radial-gradient(circle,rgba(26,86,219,.16),transparent 68%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:var(--soft);color:var(--brand);padding:6px 12px;border-radius:999px;font-weight:850;font-size:13px}.hero h1{font-size:clamp(30px,4.2vw,56px);line-height:1.08;margin:15px 0}.lead{font-size:clamp(14.5px,1.35vw,18px);color:var(--muted);max-width:850px;line-height:1.85;overflow:visible;display:block}.hero-card{background:linear-gradient(145deg,#fff,#eef7ff);border:1px solid var(--line);border-radius:30px;padding:22px;box-shadow:var(--shadow);animation:floatCard 6s ease-in-out infinite}.hero-card img{width:100%;border-radius:22px;display:block;object-fit:cover;max-height:330px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;text-align:center}.stat strong{display:block;font-size:24px;color:var(--brand)}.section-title{display:flex;justify-content:space-between;align-items:end;margin:38px 0 16px;gap:20px}.section-title h2{font-size:clamp(26px,3vw,42px);margin:0}.section-title p{color:var(--muted);margin:0;max-width:560px}.page-main{padding:14px 0 70px}.content-shell{display:grid;grid-template-columns:260px 1fr;gap:28px}.side-nav{position:sticky;top:96px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.04)}.side-nav h3{margin:0 0 10px;font-size:15px;color:var(--muted)}.side-nav a{display:block;text-decoration:none;color:var(--ink);padding:9px 10px;border-radius:12px;font-weight:650}.side-nav a:hover{background:var(--soft);color:var(--brand)}.content-section,.cards-grid,.image-grid{margin-bottom:24px}.content-section{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 12px 30px rgba(15,23,42,.04)}.text-block h2{font-size:clamp(23px,2.6vw,36px);margin:0 0 14px}.rich{color:#31445b}.rich p{margin:.55em 0}.rich ul,.rich ol{padding-inline-start:24px}.rich li{margin:.35em 0}.rich [style*="font-size: 18pt"],.rich [style*="font-size:18pt"],.rich span{font-size:inherit!important;line-height:inherit!important}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card,.info-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.045);transition:.22s transform,.22s box-shadow}.feature-card:hover,.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-card h3,.info-card h3{margin:8px 0 8px;font-size:20px}.icon-dot{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;display:grid;place-items:center;font-weight:900}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.media-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:10px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.media-card img{width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:18px;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;text-decoration:none;font-weight:850;border:0}.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--line)}.home-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.promo-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.promo-card h3{margin-top:0}.site-footer{background:#0f172a;color:#dbe7ff;padding:42px 0;margin-top:50px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.site-footer a{color:#dbeafe;text-decoration:none}.muted{color:var(--muted)}.footer-muted{color:#94a3b8}.contact-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.contact-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:800;color:var(--ink);text-decoration:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}@keyframes dropIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:1100px){.nav{gap:10px}.menu a{font-size:12.5px;padding:9px 8px}.brand img{max-width:160px}}@media(max-width:900px){.mobile-toggle{display:inline-flex}.menu{display:none;position:absolute;left:4vw;right:4vw;top:76px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column;max-height:calc(100vh - 96px);overflow:auto}.menu.open{display:flex}.menu a{white-space:normal}.dropdown,.dropdown .dropdown{display:block;position:static;box-shadow:none;border:0;padding-inline-start:16px;margin:0;min-width:0}.hero-grid,.content-shell,.footer-grid{grid-template-columns:1fr}.cards-grid,.home-sections{grid-template-columns:1fr}.image-grid{grid-template-columns:1fr}.side-nav{position:static}.hero{padding-top:30px}.hero-card{animation:none}.brand img{height:44px;max-width:150px}}@media(max-width:560px){.container{width:min(94vw,1180px)}.hero h1{font-size:30px}.content-section{padding:20px;border-radius:20px}.contact-pill,.lang-switch,.mobile-toggle{padding:8px 11px}.hero-card{padding:12px;border-radius:22px}.hero-card img{border-radius:16px}}body[dir=rtl] .hero:before{inset:-160px auto auto -20%}body[dir=rtl] .dropdown .dropdown{inset-inline-start:auto;inset-inline-end:100%;margin-inline-start:0;margin-inline-end:8px}.article-body:empty:before{content:"Content imported from Joomla.";color:var(--muted)}

/* v3 refinements */
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero .lead{max-height:none}.hero-card img{min-height:240px;object-fit:cover;background:#fff}.content-shell:not(:has(.side-nav)){display:block}.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;padding:48px 0 70px}.contact-panel,.contact-note{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.contact-panel h1{font-size:clamp(32px,4vw,54px);margin:14px 0}.contact-cards{display:grid;gap:14px;margin-top:24px}.contact-card-item{display:block;border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(145deg,#fff,#f6fbff);text-decoration:none;color:var(--ink)}.contact-card-item strong{display:block;color:var(--brand);margin-bottom:4px}.contact-card-item span{color:var(--muted)}.contact-note{align-self:start}.contact-note h2{font-size:clamp(24px,3vw,36px);margin-top:0}.content-section:first-child .text-block:first-child h2{margin-top:0}.feature-card,.info-card,.promo-card,.media-card,.contact-card-item{will-change:transform}.contact-card-item:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.07);transition:.2s transform,.2s box-shadow}@media(max-width:900px){.contact-layout{grid-template-columns:1fr;padding-top:28px}.hero-actions .btn{width:100%}.hero-card img{min-height:190px}}@media(max-width:560px){.hero-actions{gap:8px}.contact-panel,.contact-note{padding:22px;border-radius:22px}.contact-layout{padding-bottom:42px}.hero-card img{min-height:160px}}
