@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');
:root{--navy:#083d78;--blue:#0965bd;--pale:#eff7ff;--green:#0bb65a;--ink:#18334d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--ink);line-height:1.8}header{display:flex;align-items:center;justify-content:space-between;padding:12px 5%;gap:20px;background:#fff;box-shadow:0 2px 16px #143e6210;position:sticky;top:0;z-index:5}.brand b,.brand small,.brand>a{display:block}.brand b{font-size:23px;color:var(--navy)}.brand small{font-size:11px}.brand>a{font-weight:800;color:var(--blue);text-decoration:none;text-align:right}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:var(--navy);font-weight:700;text-decoration:none}.hero{padding:55px 7%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:45px;background:linear-gradient(120deg,#f8fcff,#e5f3ff)}h1{font-size:56px;line-height:1.2;color:var(--navy);margin:0}h2{color:var(--navy);line-height:1.45}.hero h2{font-size:29px}.eyebrow{font-weight:800;color:var(--blue);margin:0}.portrait{width:100%;max-width:470px;height:480px;object-fit:cover;object-position:top center;border:8px solid white;border-radius:25px;box-shadow:0 18px 50px #123b5c20}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{padding:12px 19px;border-radius:11px;text-decoration:none;color:white;font-weight:800}.blue{background:var(--blue)}.green{background:var(--green)}section:not(.hero){padding:55px 7%}section>h2{font-size:32px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.cards article{background:var(--pale);border:1px solid #dfedf8;border-radius:16px;padding:20px}.cards h3{color:var(--navy)}.about{display:grid;grid-template-columns:1fr 220px;gap:40px;align-items:center;background:#f8fbff}.about img{width:100%;height:260px;object-fit:cover;object-position:top;border-radius:18px}.contact{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.contact h2{color:#fff}.contact .eyebrow{color:#bfe1ff}.number{font-size:27px;font-weight:800}footer{background:#052e59;color:white;padding:25px 7%;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}footer a{color:white;text-decoration:none;font-weight:800}
@media(max-width:900px){header{position:static;align-items:flex-start}nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding:35px 5%}.portrait{grid-row:1;height:380px;margin:auto}.actions{justify-content:center}.cards{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.about img{max-width:250px;grid-row:1}.contact{flex-direction:column;text-align:center}h1{font-size:42px}.hero h2{font-size:24px}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.brand b{font-size:19px}.brand small{font-size:9px}.btn{width:100%;text-align:center}.number{font-size:23px}}