@font-face { font-family:"Cairo"; src:url("/assets/fonts/Cairo-400.woff2") format("woff2"); font-weight:400; font-display:swap; }
@font-face { font-family:"Cairo"; src:url("/assets/fonts/Cairo-500.woff2") format("woff2"); font-weight:500; font-display:swap; }
@font-face { font-family:"Cairo"; src:url("/assets/fonts/Cairo-600.woff2") format("woff2"); font-weight:600; font-display:swap; }
@font-face { font-family:"Cairo"; src:url("/assets/fonts/Cairo-700.woff2") format("woff2"); font-weight:700; font-display:swap; }
@font-face { font-family:"Cairo"; src:url("/assets/fonts/Cairo-800.woff2") format("woff2"); font-weight:800; font-display:swap; }
@font-face { font-family:"Material Symbols Rounded"; src:url("/assets/fonts/MaterialSymbolsRounded.subset.woff2") format("woff2"); font-weight:500; }
:root { --green-950:#032e20; --green-900:#03472f; --green-800:#08623d; --leaf:#788d67; --stone:#f7f3eb; --paper:#fffefa; --line:#e5ddcf; --gold:#d9caa9; --pattern:url("/assets/aleppo-pattern-navbar.webp"); } *{box-sizing:border-box} body,button,input,select,textarea{font-family:"Cairo",sans-serif} body{margin:0;color:#17382b;background:var(--stone);font:400 14px/1.8 "Cairo",sans-serif}.material-symbols-rounded{font-family:"Material Symbols Rounded";line-height:1;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}a{text-decoration:none;color:inherit}.access-page{min-height:100vh;display:grid;grid-template-columns:minmax(340px,1.05fr) minmax(420px,.95fr);direction:rtl}.access-intro{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:42px clamp(38px,7vw,118px);overflow:hidden;color:#fff;background:linear-gradient(145deg,rgba(3,46,32,.97),rgba(3,69,47,.92)),url("/assets/hero-governance-green-aleppo.webp") center/cover}.access-intro::before{content:"";position:absolute;inset:0;background:var(--pattern) center/500px auto;opacity:.18}.access-intro>*{position:relative;z-index:1}.access-brand{display:flex;align-items:center;gap:12px;width:max-content}.access-brand strong,.access-brand small{display:block;line-height:1.35}.access-brand strong{font-size:17px;font-weight:800}.access-brand small{color:var(--gold);font-size:10px;font-weight:600}.brand-mark{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--gold);border-radius:50%}.brand-mark span{position:absolute;width:6px;height:18px;border-radius:8px 0 8px 0;background:var(--gold)}.brand-mark span:nth-child(1){transform:rotate(-42deg) translate(8px,-2px)}.brand-mark span:nth-child(2){transform:rotate(16deg) translate(-8px,-1px)}.brand-mark span:nth-child(3){transform:rotate(76deg) translate(1px,8px)}.intro-copy{max-width:570px;margin:auto 0;padding:85px 0 45px}.eyebrow{margin:0 0 6px;color:var(--leaf);font-size:10px;font-weight:700}.intro-copy .eyebrow{color:#d9caa9}.intro-copy h1{max-width:560px;margin:0;color:#fff;font-size:clamp(32px,4.2vw,56px);line-height:1.36;font-weight:800;letter-spacing:-.035em}.intro-copy>p:last-child{max-width:500px;margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:2}.leaf-rule{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:190px;margin:20px 0}.leaf-rule::before,.leaf-rule::after{content:"";height:2px;background:#d9caa9}.leaf-rule span{display:block;width:18px;height:13px;border-radius:100% 0 100% 0;background:#d9caa9;transform:rotate(-18deg)}.intro-notes{display:grid;gap:10px;padding-top:22px;border-top:1px solid rgba(255,255,255,.19);color:rgba(255,255,255,.8);font-size:10px;font-weight:600}.intro-notes span{display:flex;align-items:center;gap:7px}.intro-notes i{color:#d9caa9;font-size:16px;font-style:normal}.back-site{display:flex;align-items:center;gap:5px;width:max-content;margin-top:35px;color:#d9caa9;font-size:10px;font-weight:700}.back-site .material-symbols-rounded{font-size:15px}.access-form-side{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:45px clamp(30px,8vw,118px);background:var(--paper) url("/assets/syria-architecture-linework.webp") left bottom/690px auto no-repeat}.access-card{width:min(100%,410px);margin:auto}.access-card h2{margin:0 0 3px;color:var(--green-950);font-size:28px;line-height:1.4;font-weight:800}.form-intro{min-height:43px;margin:0;color:#718078;font-size:11px}.access-tabs{display:grid;grid-template-columns:1fr 1fr;margin:23px 0 18px;border-bottom:1px solid var(--line)}.access-tab{padding:9px;border:0;border-bottom:2px solid transparent;color:#8a968e;background:transparent;font-size:11px;font-weight:700}.access-tab.is-active{border-bottom-color:var(--green-800);color:var(--green-900)}.access-form{display:grid;gap:13px}.access-form.is-hidden{display:none}.access-form label{display:grid;gap:5px;color:#51665b;font-size:10px;font-weight:700}.access-form input,.access-form select{width:100%;height:42px;padding:8px 10px;border:1px solid #ded7c9;outline:none;color:#17382b;background:#fffefa;font:400 11px "Cairo",sans-serif}.access-form input:focus,.access-form select:focus{border-color:var(--leaf);box-shadow:0 0 0 3px rgba(120,141,103,.13)}.form-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 2px}.checkbox-label{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:6px!important;color:#718078!important;font-size:9px!important;font-weight:600!important}.checkbox-label input{width:13px;height:13px;margin:0;accent-color:var(--green-800)}.quiet-action{padding:0;border:0;color:var(--green-700);background:transparent;font-size:9px;font-weight:700}.access-submit{min-height:45px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:4px;color:#fff;background:var(--green-800);font-size:11px;font-weight:700;transition:.2s}.access-submit:hover{background:var(--green-950);box-shadow:0 10px 22px rgba(3,46,32,.17);transform:translateY(-1px)}.access-submit .material-symbols-rounded{font-size:17px}.consent{margin:3px 0}.prototype-note{display:flex;align-items:flex-start;gap:6px;margin:20px 0 0;padding:10px 11px;border:1px solid #eadbc0;color:#816f56;background:#faf2e5;font-size:8px;line-height:1.7}.prototype-note .material-symbols-rounded{margin-top:2px;color:#8e7551;font-size:15px}.access-footer{width:min(100%,410px);margin:38px auto 0;color:#9aa49d;font-size:8px}.access-toast{position:fixed;z-index:20;bottom:22px;left:22px;max-width:300px;padding:10px 13px;color:#fff;background:var(--green-950);box-shadow:0 12px 28px rgba(3,46,32,.2);font-size:10px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.access-toast.is-visible{opacity:1;transform:none}@media(max-width:820px){.access-page{grid-template-columns:1fr}.access-intro{min-height:360px;padding:28px 34px}.intro-copy{margin:auto 0 0;padding:44px 0 0}.intro-copy h1{font-size:32px}.intro-copy>p:last-child{font-size:11px}.intro-notes,.back-site{display:none}.access-form-side{min-height:auto;padding:42px 30px;background-size:500px auto}.access-footer{margin:30px auto 0}}@media(max-width:460px){.access-intro{min-height:315px;padding:24px}.intro-copy{padding-top:37px}.intro-copy h1{font-size:27px}.access-form-side{padding:35px 22px}.form-options{align-items:flex-start;flex-direction:column}.access-footer{margin-top:25px}}