@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600&family=Manrope:wght@300;400;600&display=swap');
:root{--green:#073d32;--char:#202523;--warm:#f7f5ef;--silver:#d9dedb;--red:#9f3129;--ink:#1b211f;--paper:#fff;--radius:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Cairo,sans-serif;line-height:1.7}body.dark{--paper:#121715;--ink:#f5f3ed;--warm:#1c2421;--silver:#39433f}a{color:inherit;text-decoration:none}header{height:84px;display:flex;align-items:center;gap:30px;padding:0 5vw;position:fixed;inset-block-start:0;z-index:20;width:100%;color:#f7f5ef;background:rgba(8,24,18,.82);border-bottom:1px solid rgba(216,225,220,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .28s ease,box-shadow .28s ease,border-color .28s ease}header.scrolled{background:rgba(7,25,18,.94);border-bottom-color:rgba(216,225,220,.2);box-shadow:0 12px 30px rgba(3,12,9,.22)}.brand{display:flex;align-items:center;gap:12px;margin-inline-end:auto}.brand span:last-child{display:flex;flex-direction:column;line-height:1.2}.brand small{letter-spacing:.2em}.mark{width:42px;height:42px;border:1px solid currentColor;display:grid;place-items:center;color:#b5c7c0}nav{display:flex;gap:22px;font-size:13px}nav a{position:relative;color:#f7f5ef;transition:color .2s ease}nav a::after{content:"";position:absolute;inset-inline:0;bottom:-9px;height:1px;background:#91b8a8;transform:scaleX(0);transition:transform .2s ease;transform-origin:center}nav a:hover,nav a:focus-visible,nav a.active{color:#b8d2c7}nav a:hover::after,nav a:focus-visible::after,nav a.active::after{transform:scaleX(1)}.tools{display:flex;align-items:center;gap:10px}.tools a{color:#e8ece9;opacity:.72;transition:color .2s ease,opacity .2s ease}.tools a:hover,.tools a:focus-visible,.tools a.active{color:#fff;opacity:1}.tools a.active{font-weight:600;text-decoration:none}.tools a.active::after{content:"";display:block;height:1px;margin-top:2px;background:#91b8a8}.tools button,.menu,#theme{background:none;border:0;color:inherit;font-size:18px}.menu{display:none}.hero{height:100svh;min-height:680px;position:relative;background:linear-gradient(110deg,#092e27bb,#15181755),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2000&q=82') center/cover}.hero-copy{position:absolute;bottom:12%;inset-inline-start:8%;color:white;max-width:760px}.hero h1,.page-head h1{font-size:clamp(42px,6vw,86px);font-weight:300;line-height:1.05;margin:.2em 0}.hero p{max-width:650px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#78988d}.btn{display:inline-block;border:0;background:var(--green);color:#fff;padding:14px 24px;margin-top:14px;cursor:pointer}.intro,.section,.why,.cta,.contact,.detail{padding:100px 8vw}.intro{max-width:1100px}.intro h2,.section h2,.why h2,.cta h2{font-size:clamp(30px,4vw,56px);font-weight:300;line-height:1.2}.section{background:var(--warm)}.section:nth-of-type(even){background:var(--paper)}.section-head,.titlebar{display:flex;justify-content:space-between;align-items:end}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--paper)}.card img,.placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg,var(--green),#6a7e77)}.card>div{padding:25px}.card h3{font-weight:400;font-size:24px}.why>div{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.why article{padding:40px;background:var(--warm)}.cta{background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between}.page-head{padding:180px 8vw 80px;background:var(--green);color:white}.detail .cover{width:100%;max-height:70vh;object-fit:cover}.prose{max-width:850px;margin:70px auto;font-size:18px}.prose dl>div{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--silver);padding:15px}.contact{padding-top:180px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}label{display:flex;flex-direction:column;margin-bottom:16px;font-size:13px}input,textarea,select{padding:12px;border:1px solid var(--silver);background:var(--paper);color:var(--ink);font:inherit}.hp{position:absolute;left:-9999px}.flash,.error{padding:14px;background:#d9eee5;color:#163a2d}.error{background:#f5d8d5;color:#6f211b}footer{padding:65px 8vw;background:var(--char);color:#eee;display:grid;grid-template-columns:2fr 1fr;gap:25px}footer a{display:block}.whatsapp{position:fixed;bottom:22px;inset-inline-end:22px;background:#176e54;color:white;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;z-index:9}.pagination{padding:30px 8vw}.pagination svg{width:20px}.admin{display:grid;grid-template-columns:240px 1fr;background:var(--warm);min-height:100vh}.admin aside{background:var(--char);color:white;padding:28px;display:flex;flex-direction:column;gap:9px}.admin aside .brand{margin:0 0 30px}.admin aside button{background:none;color:white;border:0;padding:0}.admin>main{padding:35px}.admin>main>header{position:static;color:var(--ink);height:auto;justify-content:flex-end;padding:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats article{padding:25px;background:var(--paper);display:flex;flex-direction:column}.stats b{font-size:34px}.table>div{background:var(--paper);padding:16px;margin:5px 0;display:grid;grid-template-columns:2fr 4fr 1fr auto;gap:15px;align-items:center}.editor{background:var(--paper);padding:30px;max-width:1100px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tabs fieldset{border:1px solid var(--silver)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.login{min-height:100vh;background:var(--green);display:grid;place-items:center}.login form{background:white;padding:45px;width:min(420px,90vw)}
@media(max-width:900px){header{height:70px}.menu{display:block}header nav{display:none;position:absolute;top:70px;inset-inline:0;background:var(--green);padding:25px;flex-direction:column;height:max-content}header nav.open{display:flex}.brand b{font-size:12px}.tools a{display:none}.cards,.why>div,.contact{grid-template-columns:1fr}.hero-copy{inset-inline:6%;bottom:9%}.intro,.section,.why,.cta,.contact,.detail{padding:70px 6vw}.cta{display:block}.admin{grid-template-columns:1fr}.admin aside{position:static}.stats,.tabs,.grid{grid-template-columns:1fr}.table>div{grid-template-columns:1fr}.page-head{padding:130px 6vw 60px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
.hero{background-image:linear-gradient(110deg,#092e27bb,#15181755),var(--hero-image,url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2000&q=82'));overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(110deg,#092e27bb,#15181755)}.brand--header{gap:6px;min-width:0}.brand-logo{display:block;width:auto;height:auto;max-width:80px;max-height:68px;object-fit:contain;object-position:center;flex:0 0 auto}.brand-name{display:block;max-width:170px;font-size:18px;font-weight:600;line-height:1.2;letter-spacing:.01em;color:#f7f5ef}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.footer-brand{display:inline-flex;align-items:center;min-height:64px;margin-bottom:12px}.footer-logo{display:block;width:auto;height:64px;max-width:240px;object-fit:contain;object-position:center}.tools .active{text-decoration:none}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.field-error{color:var(--red);font-size:12px}.field-hint{display:block;margin-top:8px;color:#65716c;line-height:1.45}.admin-preview{display:block;max-width:180px;max-height:100px;object-fit:contain;margin:10px 0;background:#eee}.grid.three{grid-template-columns:repeat(3,1fr)}.settings-form fieldset{margin:16px 0;border:1px solid var(--silver)}.setting-toggle{background:var(--warm);padding:15px;display:flex;justify-content:space-between}.user-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.editor.compact{padding:20px}.btn.secondary{background:var(--char)}details summary{cursor:pointer;font-weight:600}
html[dir=rtl] .hero-copy{text-align:right}html[dir=rtl] .card,html[dir=rtl] .contact,html[dir=rtl] .prose{text-align:right}html[dir=rtl] input,html[dir=rtl] textarea{text-align:right}html[dir=rtl] .brand-name{font-size:17px}
@media(max-width:900px){.gallery,.grid.three,.user-grid{grid-template-columns:1fr}.brand--header{gap:5px}.brand-logo{width:auto;height:auto;max-width:63px;max-height:54px}.brand-name{max-width:120px;font-size:14px;line-height:1.15}html[dir=rtl] .brand-name{font-size:13px}.site-header nav{background:rgba(7,25,18,.97);border-bottom:1px solid rgba(216,225,220,.16);box-shadow:0 16px 30px rgba(3,12,9,.24)}.site-header nav a::after{bottom:-3px;transform-origin:inline-start}.footer-brand{min-height:50px}.footer-logo{height:48px;max-width:190px}.setting-toggle{align-items:flex-start}.tools a{display:inline-block}.tools{margin-inline-start:auto}}
@media(max-width:370px){.brand-name{display:none}}
.admin>main>header{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-header .brand-logo{max-width:76px;max-height:64px}
@media(max-width:900px){.site-header .brand-logo{max-width:59px;max-height:50px}}
.visibility-form{max-width:1200px}.visibility-group{margin-bottom:42px}.visibility-group>p{color:#65716c}.visibility-list{display:grid;gap:8px}.visibility-row{display:grid;grid-template-columns:minmax(190px,1.5fr) 1fr 1fr 100px;gap:18px;align-items:center;padding:18px;background:var(--warm);border-inline-start:3px solid var(--silver)}.visibility-row>div{display:flex;align-items:center;gap:12px}.visibility-row label{margin:0}.visibility-status{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600}.visibility-status.visible{background:#d9eee5;color:#163a2d}.visibility-status.hidden{background:#eee0de;color:#6f211b}.switch-label{display:flex;flex-direction:row;align-items:center;gap:9px}.switch-label input{width:38px;height:20px;accent-color:var(--green)}.page-mode-row{grid-template-columns:minmax(220px,1fr) 2fr}.nav-row{grid-template-columns:minmax(220px,1.5fr) 1fr 100px}@media(max-width:900px){.visibility-row,.page-mode-row,.nav-row{grid-template-columns:1fr}.visibility-row{gap:10px}.visibility-row>div{justify-content:space-between}}
.error-page{min-height:100vh;display:grid;place-content:center;justify-items:start;padding:8vw;background:var(--warm)}.error-page h1{font-size:clamp(42px,7vw,88px);font-weight:300;margin:.1em 0}
@media(max-width:900px){.admin>main{min-width:0;padding:22px 18px}.admin>main>header{flex-wrap:wrap;justify-content:space-between;gap:10px}.titlebar{align-items:flex-start;flex-direction:column;gap:14px}.editor{width:100%;padding:20px}.visibility-form{overflow:hidden}}