/* Template wave. */
:root{--fb:'IBM Plex Sans Arabic';--fh:'El Messiri';--bg:#F3FAFC;--ink:#0B2B4C;--ink2:#4F6B82;--line:#CFE6EE;--acc:#0F8FB8;--deep:#0B3C6E;--nav-bg:rgba(243,250,252,.92);--nav-solid:#F3FAFC;--demo-bg:#0B3C6E;--r-in:12px}
.wave .btn{border-radius:14px}.wave .cta,.wave .b1,form .btn{background:var(--deep);color:#fff}
.wave .b2{background:#fff;color:var(--deep);border:1.5px solid var(--line)}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(11,60,110,.06)}
.hero{background:linear-gradient(180deg,#DDF2F8,#F3FAFC);padding-top:50px;position:relative}
.hero-in{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--deep);font-weight:600;font-size:14px;padding:8px 14px;border-radius:99px;border:1px solid var(--line)}
.hero h1{font-size:50px;margin:18px 0;color:var(--deep)}.hero h1 em{font-style:normal;color:var(--acc)}
.hero-t>p{font-size:18px;color:var(--ink2);max-width:540px}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 10px}
.hero-v{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ph{background:center/cover;border-radius:24px;height:200px}
.hero-v .ph:first-child{grid-column:1/-1;height:260px;border-radius:120px 24px 24px 24px}
.wave{height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30 Q150 0 300 30 T600 30 T900 30 T1200 30 V60 H0z' fill='%230B3C6E'/%3E%3C/svg%3E") center/100% 100%;margin-top:40px}
.strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--deep);color:#fff;max-width:none;padding:22px max(20px,calc((100% - 1140px)/2))}
.strip div{text-align:center;padding:4px}.strip b{display:block;font-family:var(--fh);font-size:30px;color:#7FD6EE;line-height:1.3}.strip span{font-size:14px;color:#C3DCEA}
.sec-h h2{font-size:38px;color:var(--deep)}
.wg{grid-template-columns:repeat(3,1fr)}.ag{display:inline-block;background:#E3F5FA;color:var(--acc);font-weight:700;font-size:13px;padding:3px 12px;border-radius:99px}
.wg h3{font-size:26px;margin:10px 0 4px;color:var(--deep)}.wg p{margin:0;color:var(--ink2)}
.course{background:#fff}.co-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.facts{display:grid;gap:12px}.facts div{display:grid;grid-template-columns:auto 90px 1fr;gap:10px;align-items:center;background:var(--bg);border-radius:14px;padding:14px 16px}
.facts .i{color:var(--acc)}.facts span{color:var(--ink2)}
.learn{background:var(--deep);color:#fff;border:0}.learn h3{font-size:26px;margin-bottom:12px}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px}.ticks li{display:flex;gap:10px}.ticks .i{color:#7FD6EE}
.fg{grid-template-columns:repeat(4,1fr)}.fg .i{width:34px;height:34px;color:var(--acc)}.fg h3{font-size:20px;margin:10px 0 4px;color:var(--deep)}.fg p{margin:0;color:var(--ink2);font-size:15px}
.awards{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.awards span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 16px;font-weight:600;color:var(--deep)}.awards .i{color:#E0A100}
.season{background:#fff}.tl .now{background:var(--deep);border-color:var(--deep);color:#fff}.tl .now small{color:#7FD6EE}.tl .now p{color:#C3DCEA}
.wave .portal{--po-bg:#0B3C6E;--po-acc:#7FD6EE}.wave .fq{background:#fff}
.coach{display:flex;gap:22px;align-items:center;margin-top:22px}.coach img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid var(--line)}.coach h3{font-size:26px;color:var(--deep)}.coach p{margin:4px 0 0;color:var(--ink2)}
.rv{background:linear-gradient(180deg,#F3FAFC,#DDF2F8)}.revs{grid-template-columns:repeat(2,1fr)}
.gal div{border-radius:18px}
.bk-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
.ct{background:#fff}.ct-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}
.crow>.i{width:26px;height:26px;color:var(--acc)}.lnk{color:var(--acc);font-weight:600;font-size:14px}
.soc a{border:1px solid var(--line);border-radius:12px;background:var(--bg)}
footer{background:var(--deep);color:#C3DCEA}
@media (max-width:900px){.hero-in,.co-in,.bk-in,.ct-in{grid-template-columns:1fr}.hero h1{font-size:36px}.strip{grid-template-columns:1fr 1fr;gap:10px}
.wg,.fg,.revs{grid-template-columns:1fr}.sec-h h2{font-size:30px}.facts div{grid-template-columns:auto 1fr}.facts span{grid-column:2}.coach{flex-direction:column;text-align:center}}
.coach-s{background:transparent}