@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--navy:#071d49;--navy2:#0c2e68;--gold:#d7a42b;--gold2:#f1ca67;--white:#fff;--ink:#14213d;--muted:#6d7890;--bg:#f6f8fc;--line:#e6eaf1;--shadow:0 18px 50px rgba(7,29,73,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.8}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.topbar{background:var(--navy);color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:7px 0}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;object-fit:contain}.brand strong{display:block;color:var(--navy);font-size:17px;line-height:1.25}.brand small{display:block;color:var(--gold);font-weight:700;font-size:11px}.links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.links a:hover,.links a.active{color:var(--gold)}.menu{display:none;border:0;background:none;font-size:28px;color:var(--navy)}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(215,164,43,.28),transparent 28%),linear-gradient(135deg,#06183d,#0c3474 60%,#071d49);min-height:610px;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:auto -5% -100px;height:220px;background:linear-gradient(180deg,transparent,#071d49);transform:skewY(-4deg)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative;z-index:2}.hero-copy{padding:60px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(241,202,103,.45);color:var(--gold2);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;background:rgba(255,255,255,.05)}h1{font-size:clamp(36px,5vw,62px);line-height:1.18;margin:18px 0 14px}.hero p{font-size:18px;color:#e7edf8;max-width:650px}.gold{color:var(--gold2)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 20px;font-weight:800;font-size:14px;border:1px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--gold),#f0c95e);color:#091a3b;box-shadow:0 12px 28px rgba(215,164,43,.22)}.btn-outline{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.05)}.hero-logo{display:flex;justify-content:center;align-items:center}.hero-logo img{width:min(420px,85%);filter:drop-shadow(0 25px 40px rgba(0,0,0,.28))}.section{padding:78px 0}.section.alt{background:#fff}.section-head{text-align:center;max-width:760px;margin:0 auto 38px}.section-head .kicker{color:var(--gold);font-weight:800;font-size:13px}.section-head h2{font-size:32px;color:var(--navy);margin:6px 0 8px}.section-head p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 28px rgba(7,29,73,.06)}.job-card{cursor:pointer;transition:.25s;position:relative}.job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#ecd99d}.job-icon{width:48px;height:48px;border-radius:14px;background:#f9f2dd;color:var(--gold);display:grid;place-items:center;font-size:22px;margin-bottom:16px}.job-card h3{margin:0;color:var(--navy);font-size:18px}.job-card p{font-size:13px;color:var(--muted)}.job-arrow{position:absolute;left:22px;bottom:22px;color:var(--gold);font-size:20px}.trust-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.trust-box{background:linear-gradient(145deg,#071d49,#0d3679);color:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.trust-box h3{font-size:24px;margin:0 0 12px}.badges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.badge{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:14px;padding:12px}.badge b{display:block;color:var(--gold2);font-size:13px}.badge span{font-size:12px;color:#e5ebf5}.socials{display:flex;flex-wrap:wrap;gap:10px}.social{width:45px;height:45px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center;color:var(--navy);font-weight:800;box-shadow:0 5px 16px rgba(7,29,73,.06)}.social:hover{color:var(--gold);transform:translateY(-2px)}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-item{background:#fff;border:1px solid var(--line);padding:20px;border-radius:16px}.contact-item strong{display:block;color:var(--navy)}.contact-item span{color:var(--muted);font-size:14px}.page-hero{padding:65px 0;background:linear-gradient(135deg,#071d49,#0d3470);color:#fff}.page-hero h1{font-size:42px;margin:0 0 8px}.page-hero p{margin:0;color:#e6edf9}.prose{max-width:850px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.prose h2{color:var(--navy);margin-top:0}.prose h3{color:var(--navy);margin-bottom:6px}.prose li{margin:5px 0}.jobs-list{display:grid;gap:14px;max-width:920px;margin:auto}.accordion{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.acc-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;cursor:pointer}.acc-title{display:flex;align-items:center;gap:14px}.acc-title .job-icon{margin:0}.acc-head h3{margin:0;color:var(--navy)}.acc-arrow{color:var(--gold);font-size:22px;transition:.2s}.accordion.open .acc-arrow{transform:rotate(180deg)}.acc-body{display:none;padding:0 24px 24px;border-top:1px solid var(--line)}.accordion.open .acc-body{display:block}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.detail{background:#f8f9fc;border-radius:12px;padding:12px 14px}.detail b{display:block;color:var(--navy);font-size:12px}.detail span{font-size:14px}.note{border-right:4px solid var(--gold);background:#fbf7e9;padding:12px 15px;margin-top:18px;border-radius:10px}.form-wrap{max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.field{margin-bottom:16px}.field label{display:block;font-weight:800;font-size:13px;color:var(--navy);margin-bottom:6px}.field input,.field select{width:100%;padding:13px 14px;border:1px solid #dfe4ed;border-radius:11px;font:inherit;outline:none}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,164,43,.12)}.consent{background:#f7f9fd;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:18px}.hidden{display:none!important}.footer{background:#061a40;color:#fff;padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer img{width:82px;background:#fff;border-radius:14px}.footer h3{margin-top:0}.footer p,.footer a{color:#ccd6e8;font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;text-align:center;color:#aebbd0;font-size:12px}.verify{display:inline-flex;margin-top:16px;color:var(--gold2);font-weight:800;font-size:13px}.mini{font-size:12px;color:var(--muted)}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.hero-grid,.trust-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-logo{order:-1;padding-top:35px}.hero-logo img{width:260px}.links{display:none}.menu{display:block}.nav.open .links{display:flex;position:absolute;top:78px;right:0;left:0;background:#fff;padding:16px 5%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);box-shadow:0 10px 25px rgba(0,0,0,.08)}.contact-box{grid-template-columns:1fr}}@media(max-width:600px){.topbar .container{font-size:11px}.brand img{width:50px;height:50px}.brand strong{font-size:14px}.section{padding:55px 0}.cards{grid-template-columns:1fr}.badges,.detail-grid{grid-template-columns:1fr}.form-wrap,.prose{padding:22px}.page-hero h1{font-size:32px}.hero-copy{padding:35px 0 65px}.hero p{font-size:16px}}
