@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap');
/* Image-led credential cards, aligned with the training identity. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8fa;color:#112637;font-family:'Noto Kufi Arabic',sans-serif}a{color:inherit;text-decoration:none}header{height:96px;background:#101a22;color:white;display:flex;align-items:center;gap:30px;padding:0 6vw;font-size:12px}.brand{margin-inline-end:auto}.brand img{width:130px;height:80px;object-fit:contain;filter:brightness(0) invert(1)}.intro{position:relative;isolation:isolate;overflow:hidden;padding:100px 7vw 85px;color:white;background:linear-gradient(100deg,rgba(10,25,37,.98),rgba(8,68,91,.8)),url('assets/images/training-hero.png') center/cover}.intro h1{position:relative;font-size:clamp(34px,5.3vw,72px);font-weight:600;line-height:1.65;letter-spacing:-2px;margin:0 0 22px;max-width:950px}.intro p{position:relative;font-size:17px;max-width:770px;color:#c5e7f4;line-height:2.1}.intro small{position:relative;display:block;max-width:850px;font-size:11px;line-height:2.2;color:#a9c3d0;border-top:1px solid #ffffff25;padding-top:20px;margin-top:30px}.hero-lines{position:absolute;width:700px;height:700px;left:-220px;top:-220px;border-radius:50%;border:1px solid #26a9e055;box-shadow:0 0 0 45px #26a9e00b,0 0 0 90px #26a9e00a}.group{padding:65px 7vw;border-bottom:1px solid #dce5ea}.group h2{font-size:clamp(24px,3vw,38px);font-weight:600;display:flex;align-items:center;gap:18px;margin:0 0 35px}.group h2:before{content:'';width:36px;height:3px;background:#26a9e0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}article{position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;gap:0 12px;background:white;padding:32px;border:1px solid #dce6ed;border-radius:3px;box-shadow:0 8px 25px #102d3c05;transition:transform .35s,border-color .35s,box-shadow .35s}article:hover{transform:translateY(-7px);border-color:#26a9e0;box-shadow:0 22px 40px #12324b14}.logo{height:85px;width:100%;object-fit:contain;object-position:right;background:#f8fbfd;padding:15px;border-bottom:1px solid #edf2f5;margin-bottom:15px}article h3{width:100%;font-size:19px;line-height:1.85;font-weight:600;min-height:65px;margin:15px 0}article p{width:100%;line-height:2.1;font-size:13px;color:#5c7080;min-height:115px;margin:0 0 25px}article a{padding:13px 16px;font-size:11px;background:#26a9e0;color:white;margin-top:10px;transition:.25s}article a:first-of-type{background:#eef7fb;color:#126b91}article a:hover{background:#11394d;color:white}footer{padding:40px 7vw;background:#101a22;color:#bdd4e0}@media(max-width:640px){header{padding:0 5vw;gap:15px}.brand img{width:95px}.intro{padding:70px 6vw}.intro h1{letter-spacing:0;font-size:34px}.group{padding:40px 6vw}.grid{grid-template-columns:1fr}article p,article h3{min-height:0}article{padding:25px}}