:root{--n:#062d40;--b:#07638f;--g:#dda21b;--g2:#f1c04b;--m:#6d838d;--l:#dfe9ec;--soft:#f2f7f8;--cream:#fbf7eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,sans-serif;color:#092f42}a{text-decoration:none;color:inherit}.shell{width:min(1340px,calc(100% - 60px));margin:auto}.top{height:30px;background:#041f2e;color:#b5c8d0;font-size:9px}.top .shell,.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.top a{color:var(--g2)}.nav{height:84px;gap:27px}.brand{display:flex;align-items:center;gap:9px;margin-left:auto}.brand>span{width:40px;height:46px;border:2px solid var(--g);border-radius:23px 23px 7px 7px;display:grid;place-items:center;color:var(--g);font-weight:900}.brand b,.brand small{display:block}.brand small{font-size:7px;color:var(--m)}nav{display:flex;gap:20px;font-size:9px;font-weight:800}.active{color:var(--b)}.gold{background:var(--g);padding:11px 15px;border-radius:10px;font-size:9px;font-weight:900}.hero{min-height:670px;background:linear-gradient(120deg,#062d40 0 53%,#f3f7f8 53%);overflow:hidden}.hero-grid{min-height:670px;display:grid;grid-template-columns:.93fr 1.07fr;gap:70px;align-items:center}.hero-grid>div:first-child{color:#fff}.ey{font-size:9px;color:var(--g);font-weight:900}.hero h1{font-size:clamp(60px,6vw,92px);line-height:.94;margin:12px 0 24px;letter-spacing:-3px}.hero h1 em,.philosophy h2 em,.choose h2 em{font-style:normal;color:var(--g2)}.hero p{font-size:15px;line-height:1.9;color:#b5c8d0;max-width:620px}.actions{display:flex;gap:9px;margin-top:25px}.actions a,.center a,.final a{background:var(--g);padding:13px 17px;border-radius:11px;font-size:9px;font-weight:900;display:inline-flex;align-items:center;gap:6px;transition:.25s}.actions .outline{background:#ffffff0a;color:#fff;border:1px solid #ffffff25}.actions a:hover,.center a:hover,.final a:hover{transform:translateY(-3px);box-shadow:0 12px 30px #dda21b3b}.hero-points{display:flex;gap:15px;margin-top:30px}.hero-points span{font-size:8px;font-weight:800}.hero-points svg{width:15px;color:var(--g);vertical-align:middle;margin-left:4px}.visual{height:560px;position:relative}.arch{width:72%;height:500px;position:absolute;left:8%;top:25px;border-radius:260px 260px 30px 30px;background:#fff;padding:10px;box-shadow:0 30px 70px #092b3d25}.photo{height:100%;border-radius:250px 250px 22px 22px;background:linear-gradient(#062d4010,#062d4050),url("https://images.pexels.com/photos/3184360/pexels-photo-3184360.jpeg?auto=compress&cs=tinysrgb&w=1200") center/cover}.stamp{position:absolute;right:-55px;bottom:40px;background:var(--g);width:145px;height:145px;border-radius:75px 75px 18px 18px;padding:20px;display:flex;flex-direction:column;justify-content:center;color:#092f42;box-shadow:0 20px 45px #092b3d28}.stamp small{font-size:6px}.stamp b{font-size:15px}.stamp svg{width:15px}.float{position:absolute;background:#fff;border:1px solid #e7d8a8;border-radius:11px;padding:10px 12px;box-shadow:0 15px 35px #092b3d18;font-size:8px}.float svg{width:16px;color:var(--g);vertical-align:middle;margin-left:5px}.f1{right:2%;top:95px}.f2{left:0;top:180px}.entry{padding:90px 0}.head{text-align:center;margin-bottom:30px}.head h2{font-size:42px;margin:6px 0}.head p{font-size:9px;color:var(--m)}.entry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.entry-grid>a{border:1px solid var(--l);border-radius:18px;padding:22px;background:#fff;box-shadow:0 12px 35px #092b3d08;transition:.3s}.entry-grid>a:hover{transform:translateY(-7px);border-color:#dda21b88;box-shadow:0 20px 45px #092b3d15,0 0 25px #dda21b16}.entry-grid svg{color:var(--g)}.entry-grid span{float:left;font-size:22px;color:#092b3d18;font-weight:900}.entry-grid h3{font-size:14px}.entry-grid p{font-size:8px;color:var(--m);line-height:1.8}.entry-grid b{font-size:8px;color:var(--b)}.philosophy{padding:100px 0;background:var(--cream)}.phi-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.philosophy h2{font-size:48px;line-height:1.05;margin:7px 0 18px}.phi-copy>p{font-size:10px;color:var(--m);line-height:1.9}.principles article{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #e4dac0}.principles>article>b{font-size:22px;color:#dda21b70}.principles strong,.principles small{display:block}.principles strong{font-size:10px}.principles small{font-size:7px;color:var(--m)}.gate-photo{height:530px;border-radius:270px 270px 28px 28px;background:linear-gradient(#062d4010,#062d4070),url("https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&w=1200") center/cover;position:relative;box-shadow:0 30px 65px #092b3d22}.gate-photo>div{position:absolute;bottom:25px;right:25px;left:25px;background:#062d40dd;color:#fff;border:1px solid #ffffff22;border-radius:14px;padding:15px;display:flex;align-items:center;justify-content:space-between}.gate-photo small{font-size:6px;color:var(--g2)}.gate-photo b{font-size:9px}.gate-photo span{width:20px;height:1px;background:#ffffff33}.fields{padding:90px 0;background:var(--n);color:#fff}.head.light p{color:#a7bbc3}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field-card{border:1px solid #ffffff18;background:#ffffff07;border-radius:18px;padding:22px;transition:.3s}.field-card:hover{transform:translateY(-5px);border-color:#dda21b88;box-shadow:0 0 30px #dda21b18}.field-card svg{color:var(--g2)}.field-card h3{font-size:13px}.field-card p{font-size:8px;color:#a8bbc3;line-height:1.7}.field-card a{font-size:8px;color:var(--g2);font-weight:900}.center{text-align:center;margin-top:28px}.audience{padding:90px 0}.aud-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.aud-grid article{border:1px solid var(--l);border-radius:18px;padding:22px;position:relative}.aud-grid .num{position:absolute;left:18px;top:14px;font-size:28px;color:#092b3d0e;font-weight:900}.aud-grid svg{color:var(--g)}.aud-grid h3{font-size:13px}.aud-grid p{font-size:8px;color:var(--m);line-height:1.7}.aud-grid a{font-size:8px;color:var(--b);font-weight:900}.corporate{padding:100px 0;background:var(--soft)}.corp-grid{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:center}.corporate h2{font-size:47px;line-height:1.1;margin:7px 0}.corporate p{font-size:10px;color:var(--m);line-height:1.9}.corp-tags{display:flex;flex-wrap:wrap;gap:7px}.corp-tags span{background:#fff;border:1px solid var(--l);border-radius:30px;padding:8px 10px;font-size:8px}.corp-card{background:var(--n);color:#fff;border-radius:28px 28px 28px 90px;padding:40px;box-shadow:0 28px 60px #092b3d20}.corp-card svg{color:var(--g);width:35px;height:35px}.corp-card small,.corp-card b{display:block}.corp-card small{font-size:7px;color:var(--g2);margin-top:20px}.corp-card b{font-size:24px;line-height:1.15;margin:7px 0}.corp-card p{color:#a7bbc3;font-size:8px}.corp-card a{display:inline-block;background:var(--g);color:#092f42;padding:11px 14px;border-radius:9px;font-size:8px;font-weight:900}.choose{padding:100px 0}.choose-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}.choose h2{font-size:47px;line-height:1.1;margin:7px 0}.choose>div>div>p{font-size:10px;color:var(--m);line-height:1.8}.safe{display:flex;gap:9px;background:var(--soft);border:1px solid var(--l);padding:12px;border-radius:11px;margin-top:18px}.safe svg{color:var(--g)}.safe b,.safe small{display:block}.safe b{font-size:9px}.safe small{font-size:7px;color:var(--m)}.wizard{background:#fff;border:1px solid var(--l);border-radius:23px;padding:28px;box-shadow:0 25px 60px #092b3d12}.progress{height:4px;background:#edf2f3;border-radius:5px;margin-bottom:26px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--b),var(--g));transition:.3s}.question small{font-size:8px;color:var(--g);font-weight:900}.question h3{font-size:21px;margin:5px 0 18px}.options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.options button{border:1px solid var(--l);background:#fff;border-radius:11px;padding:12px;font-family:inherit;font-size:9px;font-weight:800;text-align:right;cursor:pointer}.options button.selected{border-color:var(--g);background:#fff8e7}.question input,.question textarea{width:100%;border:1px solid var(--l);border-radius:10px;padding:12px;font-family:inherit}.question textarea{height:100px}.wizard-actions{display:flex;justify-content:space-between;margin-top:18px}.wizard-actions button{border:0;border-radius:9px;padding:10px 15px;font-family:inherit;font-weight:900;cursor:pointer}.wizard-actions #next{background:var(--g)}.final{padding:65px 0;background:var(--n);color:#fff}.final .shell{display:flex;justify-content:space-between;align-items:center}.final span{font-size:8px;color:var(--g)}.final h2{font-size:28px;margin:5px 0}footer{background:#041f2e;color:#fff;padding:35px 0}footer .shell{display:flex;justify-content:space-between;font-size:9px;color:#a9bdc5}@media(max-width:900px){nav{display:none}.hero{background:var(--n)}.hero-grid,.phi-grid,.corp-grid,.choose-grid{grid-template-columns:1fr}.hero-grid{padding:50px 0}.entry-grid,.aud-grid{grid-template-columns:1fr 1fr}.field-grid{grid-template-columns:1fr 1fr}.visual{height:530px}.hero-grid>div:last-child{background:var(--soft);border-radius:24px}}@media(max-width:650px){.shell{width:calc(100% - 28px)}.nav{height:72px}.gold{display:none}.hero h1{font-size:54px}.hero-points{display:grid;grid-template-columns:1fr 1fr}.visual{height:420px}.arch{width:86%;height:390px}.entry-grid,.aud-grid,.field-grid,.options{grid-template-columns:1fr}.philosophy h2,.corporate h2,.choose h2,.head h2{font-size:35px}.gate-photo{height:420px}.gate-photo>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.final .shell{align-items:flex-start;flex-direction:column;gap:15px}footer .shell{flex-direction:column;gap:8px}}

/* Training hero readability fix */
.hero{background:linear-gradient(120deg,#062d40 0 53%,#f4f8fa 53%)!important}
.hero-grid>div:first-child{color:#092f42!important;position:relative;z-index:3}
.hero .ey{color:#c98c0d!important;font-size:11px!important;letter-spacing:.4px!important}
.hero h1{color:#092f42!important;text-shadow:none!important;font-size:clamp(52px,5.2vw,78px)!important;line-height:1.03!important;letter-spacing:-2px!important}
.hero h1 em{color:#dda21b!important}
.hero p{color:#617984!important;font-size:14px!important;line-height:2!important;font-weight:500!important}
.hero .actions .outline{background:#092f42!important;color:#fff!important;border:1px solid #092f42!important}
.hero .hero-points span{color:#496572!important;font-size:10px!important}
@media(max-width:900px){.hero{background:#f4f8fa!important}.hero-grid>div:first-child{color:#092f42!important}.hero-grid{grid-template-columns:1fr!important}.visual{order:2}.hero h1{font-size:54px!important}}
@media(max-width:650px){.hero h1{font-size:42px!important;letter-spacing:-1px!important}.hero p{font-size:13px!important}}