:root{--g:#088534;--gd:#066a2a;--gl:#eaf4ed;--gold:#c9a85c;--goldl:#f6f0e2;--dark:#1d231f;--deep:#151a17;--paper:#f6f7f4;--text:#222a25;--muted:#6a746d;--line:#dce3dd;--shadow:0 24px 60px rgba(29,35,31,.13);--c:min(1240px,calc(100% - 32px))}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;background:var(--paper);color:var(--text);line-height:1.7;overflow-x:hidden}body.rtl{font-family:"Noto Kufi Arabic",sans-serif;line-height:1.95}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,select{font:inherit}button{cursor:pointer}.container{width:var(--c);margin:auto}.section{padding:92px 0}.white{background:#fff}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--g);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:30px;height:2px;background:var(--gold)}.title{font-size:clamp(2.2rem,4vw,4rem);line-height:1.08;letter-spacing:-.045em;margin-top:13px}.subtitle{max-width:840px;color:var(--muted);margin-top:15px}body.rtl .title,body.rtl .hero h1{letter-spacing:0;line-height:1.45}
.topbar{height:40px;background:var(--deep);color:#d7ddd8;font-size:.83rem;position:relative;z-index:1201}.topbar .container{height:100%;display:flex;justify-content:space-between;align-items:center}.topbar-group{display:flex;gap:22px}.topbar i{color:var(--gold);margin-inline-end:6px}
header{position:fixed;top:40px;left:0;right:0;z-index:1200;transition:.3s}header.scrolled{top:0;background:rgba(29,35,31,.97);backdrop-filter:blur(15px);box-shadow:0 10px 28px rgba(0,0,0,.18)}.nav{width:var(--c);margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#fff}.logo{width:54px;height:54px;border-radius:16px;background:var(--g);border:1px solid rgba(201,168,92,.5);display:grid;place-items:center;color:#fff;font-weight:900}.brand strong{display:block;font-size:1.13rem}.brand small{display:block;color:#c8d0ca;font-size:.64rem}.navlinks{display:flex;align-items:center;gap:23px;color:#fff}.navlink,.trigger{background:none;border:0;color:#fff;font-size:.87rem;font-weight:700;white-space:nowrap;position:relative}.navlink:after,.trigger:after{content:"";position:absolute;left:0;bottom:-10px;height:2px;width:0;background:var(--gold);transition:.25s}.navlink:hover:after,.navlink.active:after,.dropdown:hover>.trigger:after{width:100%}.dropdown{position:relative;padding:28px 0}.trigger{display:flex;gap:7px;align-items:center}.mega{position:absolute;top:72px;left:50%;transform:translate(-50%,12px);width:min(720px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:15px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 26px 65px rgba(21,26,23,.2);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.dropdown:hover .mega,.dropdown.open .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.mega a{display:flex;gap:12px;padding:13px;border-radius:15px;color:var(--text)}.mega a:hover{background:var(--gl)}.mi{width:40px;height:40px;border-radius:12px;background:var(--gl);color:var(--g);display:grid;place-items:center;flex:0 0 auto}.mega strong{display:block;font-size:.87rem}.mega small{display:block;color:var(--muted);font-size:.72rem;line-height:1.35}.actions{display:flex;gap:10px;align-items:center}.pill{height:45px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:.81rem}.lang{padding:0 15px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff}.apply{padding:0 18px;background:var(--g);color:#fff}.menu{display:none;width:45px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff}
.hero{min-height:650px;color:#fff;display:flex;align-items:center;background:linear-gradient(90deg,rgba(29,35,31,.97),rgba(29,35,31,.8),rgba(29,35,31,.18)),url("../../images/blogs.jfif") center/cover;position:relative}.hero .container{padding-top:150px;padding-bottom:90px}.crumb{display:flex;align-items:center;gap:10px;color:#d9dfda;font-size:.84rem;font-weight:700}.crumb i{font-size:.67rem;color:var(--gold)}.hero h1{font-size:clamp(3.2rem,7vw,6rem);line-height:.98;letter-spacing:-.06em;max-width:1050px;margin-top:20px}.hero h1 span{color:#e4c878}.hero p{max-width:820px;color:#dce4de;font-size:1.07rem;margin-top:21px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.btn{min-height:52px;padding:0 21px;border-radius:999px;display:inline-flex;align-items:center;gap:9px;font-weight:900}.primary{background:var(--g)}.secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07)}
.blog-search{position:relative;z-index:5;margin-top:-58px}.search-box{background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:0 20px 50px rgba(29,35,31,.13);display:grid;grid-template-columns:1.5fr 1fr auto;gap:12px}.control{min-height:52px;border:1px solid var(--line);border-radius:14px;padding:0 14px;outline:none}.control:focus{border-color:var(--g);box-shadow:0 0 0 4px rgba(8,133,52,.08)}.search-btn{border:0;border-radius:14px;background:var(--g);color:#fff;padding:0 20px;font-weight:900}
.featured-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;margin-top:38px}.featured-main,.featured-side{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden}.featured-main img{width:100%;height:380px;object-fit:cover}.featured-content{padding:25px}.tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--gl);color:var(--g);font-size:.7rem;font-weight:900}.featured-content h3{font-size:2rem;line-height:1.2;margin-top:14px}.featured-content p{color:var(--muted);margin-top:10px}.article-meta{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:.76rem;margin-top:15px}.article-meta i{color:var(--g);margin-inline-end:5px}.read-link{display:inline-flex;align-items:center;gap:8px;color:var(--g);font-weight:900;margin-top:17px}
.featured-side{padding:20px;display:grid;gap:16px}.mini{display:grid;grid-template-columns:115px 1fr;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.mini:last-child{border:0;padding-bottom:0}.mini img{width:115px;height:92px;object-fit:cover;border-radius:16px}.mini h4{font-size:.95rem;line-height:1.35}.mini small{color:var(--muted)}
.categories{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.category-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;font-size:.78rem;color:var(--muted)}.category-btn.active,.category-btn:hover{background:var(--g);color:#fff;border-color:var(--g)}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.post{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.25s}.post.hidden{display:none}.post:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.post img{width:100%;height:220px;object-fit:cover}.post-body{padding:21px}.post-body h3{font-size:1.18rem;line-height:1.35;margin-top:12px}.post-body p{color:var(--muted);font-size:.82rem;margin-top:8px}.post-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.post-footer span{font-size:.74rem;color:var(--muted)}.post-footer a{color:var(--g);font-size:.78rem;font-weight:900}
.sidebar-layout{display:grid;grid-template-columns:1fr .36fr;gap:28px;margin-top:38px}.archive{display:grid;gap:15px}.archive-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.archive-item img{width:110px;height:84px;object-fit:cover;border-radius:14px}.archive-item h4{font-size:1rem}.archive-item p{font-size:.77rem;color:var(--muted);margin-top:4px}.sidebar{display:grid;gap:20px;align-content:start}.widget{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.widget h3{font-size:1.08rem;margin-bottom:15px}.topic-list{display:grid;gap:9px}.topic-list a{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}.topic-list span{color:var(--g);font-weight:900}.newsletter{background:linear-gradient(145deg,var(--deep),#2b342e);color:#fff}.newsletter p{color:#d1dad3;font-size:.82rem}.newsletter input{width:100%;height:48px;border:0;border-radius:12px;padding:0 12px;margin-top:14px}.newsletter button{width:100%;height:48px;border:0;border-radius:12px;background:var(--gold);font-weight:900;margin-top:10px}
.cta{background:linear-gradient(100deg,var(--deep),#2b342e);color:#fff;border-radius:30px;padding:49px;display:flex;justify-content:space-between;align-items:center;gap:28px}.cta h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.cta p{color:#d4ddd6;margin-top:9px}.cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 22px;border-radius:999px;background:#fff;color:var(--dark);font-weight:900}
footer{background:var(--deep);color:#cbd4cd;padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:34px}.footer-brand p{margin-top:16px}.footer-col h4{color:#fff;margin-bottom:15px}.footer-col a{display:block;margin:9px 0}.bottom{margin-top:45px;padding:21px 0;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.84rem}.uaf{color:var(--gold);font-weight:800}.floating{position:fixed;right:22px;bottom:22px;z-index:1300;display:grid;gap:10px}body.rtl .floating{right:auto;left:22px}.float{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;border:0;font-size:1.3rem;box-shadow:0 14px 28px rgba(0,0,0,.22)}.wa{background:#25d366}.top{background:var(--dark);opacity:0;visibility:hidden;transition:.25s}.top.visible{opacity:1;visibility:visible}
@media(max-width:1120px){.navlinks{position:absolute;top:76px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;padding:14px;border-radius:20px;background:var(--dark)}.navlinks.open{display:flex}.navlink,.trigger{display:flex;width:100%;justify-content:space-between;padding:13px 12px}.navlink:after,.trigger:after{display:none}.dropdown{padding:0}.mega,.dropdown:hover .mega{position:static;width:100%;display:none;grid-template-columns:1fr;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;background:#252e28}.dropdown.open .mega{display:grid}.mega a{color:#fff}.menu{display:inline-flex}.featured-grid,.sidebar-layout{grid-template-columns:1fr}.posts{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{display:none}header,header.scrolled{top:0}.nav{min-height:72px}.logo{width:47px;height:47px}.brand small,.apply{display:none}.hero{min-height:640px}.hero .container{padding-top:125px}.hero h1{font-size:3rem}.section{padding:70px 0}.search-box{grid-template-columns:1fr}.featured-main img{height:280px}.mini{grid-template-columns:90px 1fr}.mini img{width:90px;height:78px}.posts{grid-template-columns:1fr}.archive-item{grid-template-columns:90px 1fr}.archive-item img{width:90px;height:74px}.cta{display:block;padding:33px 23px}.cta-btn{margin-top:18px}.footer-grid{grid-template-columns:1fr}}