*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Cairo",sans-serif;color:#142235;background:#f5f7fb;line-height:1.9}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e5eaf1}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:18px;font-weight:800;color:#1e4b7a;line-height:1.25}.brand strong{display:block;color:#b8262d}nav{display:flex;gap:28px;align-items:center}nav a{font-weight:700;font-size:14px;color:#31445b;transition:.25s}nav a:hover{color:#1e4b7a}.menu-btn{display:none;border:0;background:#1e4b7a;color:#fff;border-radius:10px;padding:8px 12px;font-size:20px}.hero{position:relative;overflow:hidden;background:#0d355f;color:#fff;min-height:680px;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(255,255,255,.10),transparent 32%),linear-gradient(135deg,#0d355f,#1e4b7a 58%,#122a47)}.hero-content{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;padding:90px 0}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:800;opacity:.78}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.15;margin:18px 0 10px}.hero h1 span{display:block;color:#f29727}.hero h2{font-size:20px;font-weight:600;color:#e7eef7;margin:0 0 18px}.hero p{max-width:680px;color:#d5e0ec;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:10px;font-weight:800;border:1px solid transparent;transition:.25s}.btn.primary{background:#f29727;color:#fff}.btn.primary:hover{transform:translateY(-2px)}.btn.ghost{border-color:rgba(255,255,255,.45);color:#fff}.btn.small{padding:8px 16px;background:#1e4b7a;color:#fff;font-size:13px}.profile-wrap{width:min(350px,80vw);aspect-ratio:1;margin:auto;position:relative;display:grid;place-items:center}.profile-ring{position:absolute;inset:-12px;border:1px solid rgba(255,255,255,.45);border-radius:50%}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:8px solid rgba(255,255,255,.92);box-shadow:0 30px 70px rgba(0,0,0,.28);position:relative}.section{padding:90px 0}.section.alt{background:#eef3f8}.section-head{display:flex;align-items:center;gap:16px;margin-bottom:35px}.section-head span{font-size:12px;color:#b8262d;font-weight:800;letter-spacing:2px}.section h2{font-size:32px;margin:0;color:#0d355f}.about-card{background:#fff;border:1px solid #e4eaf1;border-radius:20px;padding:35px;box-shadow:0 12px 35px rgba(13,53,95,.06)}.about-card p{margin-top:0}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.facts div{background:#f5f7fb;border-radius:14px;padding:16px}.facts b,.facts span{display:block}.facts b{color:#1e4b7a;font-size:13px}.facts span{font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid article{background:#fff;border:1px solid #e1e7ef;border-radius:18px;padding:27px;transition:.25s}.grid article:hover{transform:translateY(-5px);border-color:#1e4b7a;box-shadow:0 15px 35px rgba(30,75,122,.09)}.icon{font-size:26px;color:#b8262d;font-weight:800}.grid h3{margin:10px 0 5px;color:#0d355f}.grid p{margin:0;color:#617083;font-size:14px}.services{grid-template-columns:repeat(3,1fr)}.services article>span{font-size:13px;color:#b8262d;font-weight:800}.project{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;border:1px solid #e1e7ef;border-radius:18px;padding:25px;margin-bottom:15px}.project h3{margin:6px 0}.project p{margin:0;color:#617083}.tag{font-size:11px;font-weight:800;letter-spacing:1px;color:#b8262d}.contact{background:#0d355f;color:#fff}.contact-box{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{color:#fff}.contact p{color:#cbd8e6}.contact-links{display:flex;gap:10px;flex-wrap:wrap}.contact-links a{border:1px solid rgba(255,255,255,.35);padding:10px 18px;border-radius:10px;font-weight:700}.contact-links a:hover{background:#fff;color:#0d355f}footer{background:#092945;color:#aebdcd;padding:20px;text-align:center;font-size:13px}@media(max-width:850px){.menu-btn{display:block}nav{display:none;position:absolute;top:76px;left:4%;right:4%;background:#fff;padding:15px;border-radius:14px;box-shadow:0 15px 35px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:10px 12px;border-bottom:1px solid #eef1f5}.hero-content{grid-template-columns:1fr;text-align:center;gap:45px}.hero p{margin-left:auto;margin-right:auto}.actions{justify-content:center}.profile-wrap{width:260px}.grid,.services{grid-template-columns:repeat(2,1fr)}.facts{grid-template-columns:1fr}.contact-box{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.grid,.services{grid-template-columns:1fr}.section{padding:65px 0}.hero{min-height:auto}.hero-content{padding:70px 0}.hero h1{font-size:39px}.project{align-items:flex-start;flex-direction:column}.nav{height:68px}nav{top:68px}}