:root{--ink: #0e1a24;--ink-2: #163044;--sand: #f4efe6;--paper: #fffdf8;--gold: #b8893e;--gold-2: #d4b072;--muted: #5c6b76;--line: rgba(184, 137, 62, .28)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:IBM Plex Sans Arabic,system-ui,sans-serif;background:var(--sand);color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}.page{min-height:100vh}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 7vw;background:#0e1a24eb;color:var(--paper);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:baseline;gap:.7rem}.brand-ar{font-weight:700;font-size:1.35rem;letter-spacing:.06em}.brand-en{color:var(--gold-2);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.nav-links{display:flex;gap:1.4rem;font-size:.95rem}.nav-links a:hover{color:var(--gold-2)}.hero{position:relative;overflow:hidden;padding:7rem 7vw 5.5rem;background:radial-gradient(1200px 420px at 10% -10%,rgba(184,137,62,.18),transparent 55%),linear-gradient(165deg,var(--ink) 0%,var(--ink-2) 58%,#1c3a4d 100%);color:var(--paper)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.18;pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:720px}.kicker{display:inline-block;margin:0 0 1.2rem;padding:.25rem .8rem;border:1px solid var(--line);color:var(--gold-2);font-size:.82rem;letter-spacing:.12em}.hero h1{margin:0;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:700;line-height:1.35}.hero p{margin:1.2rem 0 2rem;max-width:38rem;color:#fffdf8c7;font-size:1.08rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.35rem;border-radius:2px;font-weight:600}.btn-gold{background:var(--gold);color:var(--ink)}.btn-gold:hover{background:var(--gold-2)}.btn-ghost{border:1px solid rgba(255,253,248,.28);color:var(--paper)}.btn-ghost:hover{border-color:var(--gold-2);color:var(--gold-2)}.section{padding:4.5rem 7vw}.section h2{margin:0 0 .4rem;font-size:1.7rem}.lead{margin:0 0 2rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{padding:1.4rem 1.3rem 1.5rem;background:var(--paper);border:1px solid rgba(14,26,36,.08);border-top:3px solid var(--gold)}.card h3{margin:0 0 .5rem;font-size:1.12rem}.card p{margin:0;color:var(--muted)}.about{background:var(--paper)}.about p{max-width:42rem;font-size:1.05rem}.contact{background:var(--ink);color:var(--paper)}.contact .lead{color:#fffdf8b3}.contact a.mail{color:var(--gold-2);font-weight:600;font-size:1.15rem}.footer{padding:1.2rem 7vw 1.6rem;background:#0a141c;color:#fffdf88c;font-size:.88rem;display:flex;justify-content:space-between;gap:1rem}@media(max-width:860px){.nav-links{display:none}.grid{grid-template-columns:1fr}.hero{padding:5rem 7vw 4rem}.footer{flex-direction:column}}