/* Shared styles for inner pages — same look as the home page */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
body{min-height:100vh;background:#010414;color:#fff;font-family:'Cairo','Tajawal',sans-serif;line-height:1.6;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 80% 45% at 50% -8%,rgba(0,90,200,.3),rgba(0,50,130,.1) 50%,transparent 75%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.138;background-image:radial-gradient(rgba(130,180,255,.55) .8px,transparent .85px);background-size:5px 5px;-webkit-mask-image:linear-gradient(#000,transparent 85%);mask-image:linear-gradient(#000,transparent 85%)}
::selection{background:rgba(42,123,255,.45)}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid #6db1ff;outline-offset:3px}
.wrap{width:min(1380px,94vw);margin-inline:auto}
.narrow{width:min(760px,92vw);margin-inline:auto}
.top{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:50;display:flex;gap:4px;padding:5px;border-radius:999px;border:1px solid rgba(90,160,255,.45);background:rgba(4,12,34,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 22px rgba(30,110,255,.3)}
.tb{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:none;color:#fff;font-weight:600;font-size:14.5px;text-decoration:none;cursor:pointer;transition:background .25s}
.tb:hover{background:rgba(60,130,255,.22)}
.tb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ph{padding:112px 0 8px;text-align:center}
.pt{display:inline-block;padding-bottom:.32em;font-weight:800;font-size:clamp(32px,4.2vw,52px);line-height:1.3;background:linear-gradient(304deg,#fff 0,#fff 31%,#c9d7eb 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(26,101,219,.6));text-wrap:balance}
.ps{max-width:60ch;margin:0 auto;font-weight:300;font-size:clamp(14.5px,1.2vw,17px);line-height:1.8;color:#cdd8ea}
.empty{padding:70px 0;text-align:center;color:#8a95ad}
.foot{margin:70px auto 0;padding:18px 0 28px;border-top:1px solid #ffffff12;text-align:center;font-size:13px;color:#8a95ad;width:min(1380px,94vw)}
.btn{display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:10px 11px 10px 22px;border:0;border-radius:30px;direction:ltr;font:600 15px 'Cairo',sans-serif;color:#fff;text-decoration:none;cursor:pointer;background:linear-gradient(105deg,#1d4ed8,#2a7bff 65%,#19b5ff);box-shadow:0 0 18px #1a65db66,0 0 40px #1a65db33;transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 24px #2a7bff77,0 0 55px #1a65db55}
.btn:disabled{opacity:.6;cursor:progress;transform:none}
.btn .arr{box-sizing:content-box;width:13px;height:13px;padding:5px;border-radius:50%;background:#fff;color:#1a65db;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.card{padding:clamp(18px,3vw,30px);border:1px solid #ffffff19;border-radius:16px;background:linear-gradient(145deg,#0f1a33,#070b17)}
.gs{margin-top:clamp(36px,4.5vw,60px)}
.strip{width:100vw;margin-inline:calc(50% - 50vw);padding:12px 0;border-block:1px solid rgba(110,170,255,.25);background:linear-gradient(90deg,rgba(26,101,219,.26),rgba(26,101,219,.06) 70%,rgba(26,101,219,.02))}
.strip h2{width:min(1380px,94vw);margin-inline:auto;font-weight:700;font-size:clamp(18px,1.7vw,24px);text-wrap:balance}
.rows{--h:clamp(189px,22.95vw,337.5px);display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.rows::after{content:"";flex-grow:999999}
.g{flex:var(--ar) 1 calc(var(--ar)*var(--h));min-width:0}
.mb{position:relative;display:block;width:100%;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:#0c1428;aspect-ratio:var(--ar);cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .3s}
.mb img,.mb video{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
.mb::after{content:attr(data-hint);position:absolute;inset-inline:0;bottom:10px;margin-inline:auto;width:max-content;max-width:90%;padding:5px 14px;border-radius:999px;background:rgba(4,12,34,.88);border:1px solid rgba(110,170,255,.4);font-size:13px;opacity:0;transform:translateY(6px);transition:.25s;pointer-events:none}
@media(hover:hover){.mb:hover{border-color:rgba(90,160,255,.55);box-shadow:0 0 26px rgba(30,110,255,.28);transform:translateY(-2px)}.mb:hover::after{opacity:1;transform:none}}
.cap{margin-top:8px;font-weight:600;font-size:14.5px;line-height:1.5;color:#e8eefb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cols{display:flex;gap:22px;align-items:flex-start;margin-top:clamp(36px,4vw,54px)}
.col{flex:1;min-width:0;display:flex;flex-direction:column;gap:34px}
.wc{position:relative}
.wc .mb{border-radius:18px}
.wc .cap{font-size:16px;font-weight:700;white-space:normal}
.logo{position:absolute;z-index:3;top:-18px;inset-inline-start:16px;width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid #4da3ff;background:#0b1226;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.logo img{width:100%;height:100%;object-fit:cover;display:block}
.vw{position:fixed;inset:0;z-index:100;display:none;--d:1}
html[dir=ltr] .vw{--d:-1}
.vw.open{display:block}
.vw .bd{position:absolute;inset:0;background:rgba(1,4,16,.97);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transition:opacity .45s}
.vw.show .bd{opacity:1}
.layout{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr)}
.vw.solo .layout{grid-template-columns:0 1fr}.vw.solo .info{display:none}
.info{overflow:auto;display:flex;align-items:center;padding:70px clamp(24px,4vw,64px)}
.ic{width:100%;max-height:100%}
.ic>*{opacity:0;transform:translateX(calc(var(--d)*26px));transition:opacity .25s,transform .25s}
.vw.show:not(.full) .ic>*{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.vw.show:not(.full) .ic>:nth-child(1){transition-delay:.32s}.vw.show:not(.full) .ic>:nth-child(2){transition-delay:.4s}.vw.show:not(.full) .ic>:nth-child(3){transition-delay:.48s}.vw.show:not(.full) .ic>:nth-child(4){transition-delay:.56s}
.ic h2{font-weight:800;font-size:clamp(24px,2.8vw,38px);line-height:1.35;text-wrap:balance}
.ic hr{border:0;height:1px;margin:18px 0;background:rgba(255,255,255,.2)}
.ic p{white-space:pre-line;font-weight:300;font-size:clamp(14.5px,1.15vw,17.5px);line-height:1.95;color:#cdd8ea}
.ic .btn{margin-top:22px}
.vw .slot{min-height:0}
.fly{position:fixed;left:0;top:0;z-index:2;overflow:hidden;transform-origin:0 0;background:#0c1428;cursor:pointer;transition:transform .65s cubic-bezier(.22,.8,.2,1),border-radius .65s;will-change:transform}
.fly>*{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
.vw.full .fly{cursor:default}
.x{position:fixed;z-index:4;top:14px;inset-inline-start:14px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(110,170,255,.45);background:rgba(4,12,34,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:background .25s}
.x:hover{background:rgba(40,100,230,.5)}
.x svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.fh{position:fixed;z-index:3;padding:6px 16px;border-radius:999px;background:rgba(4,12,34,.88);border:1px solid rgba(110,170,255,.4);font-size:13.5px;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap;transform:translateX(-50%)}
.fh.on{opacity:1}
@media(max-width:820px){.layout{grid-template-columns:1fr;grid-template-rows:46vh minmax(0,1fr)}.slot{order:-1}.vw.solo .layout{grid-template-columns:1fr}.info{align-items:flex-start;padding:22px 22px 40px}.ic>*{transform:translateY(18px)}.rows{--h:162px;gap:10px}}
@media(max-width:700px){.cols{gap:0}.ph{padding-top:100px}}
.form{display:grid;gap:18px;margin-top:30px}
.fld label,.fld .lb{display:block;margin-bottom:6px;font-weight:600;font-size:15px}
.req{color:#6db1ff;margin-inline-start:4px}.opt{font-weight:300;font-size:13px;color:#8a95ad;margin-inline-start:6px}
.fld input:not([type=file]),.fld select,.fld textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid #ffffff26;border-radius:12px;background:#0a1226;font-size:15px;transition:border-color .25s,box-shadow .25s}
.fld textarea{min-height:130px;resize:vertical;line-height:1.7}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:#4da3ff;box-shadow:0 0 0 3px rgba(60,130,255,.25)}
.fld [aria-invalid=true]{border-color:#ff6b7a}
.fld select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236db1ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-inline-end:40px;cursor:pointer}
html[dir=rtl] .fld select{background-position:left 14px center}
.fld select.ph{color:#8a95ad}
.fld select option{background:#0a1226}
.err{display:block;margin-top:5px;font-size:13px;color:#ff8a96}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:640px){.two{grid-template-columns:1fr}}
.drop{display:flex;align-items:center;justify-content:center;gap:10px;min-height:76px;padding:12px;border:1px dashed #ffffff3a;border-radius:12px;color:#aeb9cd;cursor:pointer;text-align:center;transition:border-color .25s,background .25s}
.drop:hover{border-color:#4da3ff;background:rgba(60,130,255,.07)}
.files{display:grid;gap:8px;margin-top:10px}.files div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#0a1226;border:1px solid #ffffff14;font-size:14px}
.files button{width:32px;height:32px;border:0;border-radius:50%;background:#ffffff12;cursor:pointer}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.banner{padding:12px 16px;border-radius:12px;background:rgba(255,80,100,.12);border:1px solid rgba(255,110,125,.45);color:#ffb3bb;font-size:14.5px}
.done{text-align:center;padding:clamp(30px,6vw,60px) 20px;margin-top:30px}.done .ok{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#19b5ff);box-shadow:0 0 30px rgba(40,130,255,.5)}.done .ok svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.done h2{font-weight:700;font-size:clamp(20px,2.4vw,28px)}
.faq{margin-top:34px;border-top:1px solid #ffffff15}
.faq details{padding:14px 2px;border-bottom:1px solid #ffffff15}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;font-weight:600;font-size:clamp(15.5px,1.4vw,19px)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:24px;font-weight:400;color:#4da3ff;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p,.faq ul{margin-top:10px;font-weight:300;font-size:clamp(14px,1.1vw,16px);line-height:1.9;color:#c3cee2}
.faq ul{padding-inline-start:22px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* request: contact rows, sending note, compact contact pills */
.crow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.fld .crow select{flex:0 0 172px;width:172px}
.fld .crow input.cn{flex:0 0 160px;width:auto}
.fld .crow input.cv{flex:1 1 220px;width:auto;min-width:0}
.crow .rm{flex:0 0 48px;height:48px;border:1px solid #ffffff26;border-radius:12px;background:#0a1226;font-size:20px;cursor:pointer;transition:border-color .2s}
.crow .rm:hover{border-color:#ff6b7a}
.addc{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;border:0;background:none;color:#9cc7ff;font-weight:600;font-size:14.5px;cursor:pointer}
.addc[hidden]{display:none}
.addc .plus{display:grid;place-items:center;width:28px;height:28px;border:1px solid #4da3ff;border-radius:50%;font-size:19px;line-height:1;transition:background .2s}
.addc:hover .plus{background:rgba(60,130,255,.25)}
@media(max-width:560px){.fld .crow select{flex:1 1 100%;width:100%}.fld .crow input.cn{flex:1 1 100%}}
.sendrow{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.note{flex:1 1 240px;font-size:14px;line-height:1.7;color:#9cc7ff}
.sp{width:14px;height:14px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:rot .8s linear infinite}
.sp[hidden]{display:none}
@keyframes rot{to{transform:rotate(360deg)}}
.done .alt{margin-top:22px;font-weight:300;font-size:15px;color:#cdd8ea}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid #ffffff22;border-radius:999px;background:linear-gradient(145deg,#111d38,#0a1020);color:#f5f8ff;font:600 14px 'Cairo',sans-serif;text-decoration:none;cursor:pointer;direction:ltr;transition:transform .22s,border-color .22s}
.pill:hover,.pill:focus-visible{transform:translateY(-2px);border-color:#4da3ff77}
.pill svg{width:18px;height:18px;flex:none}
.toast{position:fixed;z-index:200;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;pointer-events:none;padding:10px 22px;border-radius:999px;background:#12306a;border:1px solid rgba(90,160,255,.7);font-weight:600;transition:.35s}
.toast.show{opacity:1;transform:translate(-50%,0)}

[hidden]{display:none!important}

/* graphics: main-category tabs, clearer sub-section strip, "see also" cards */
.catbar{margin-top:clamp(26px,3.4vw,42px);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.cathint{font-size:13.5px;font-weight:300;color:#9fb0cc}
.tabs{display:flex;max-width:100%;gap:6px;padding:6px;overflow-x:auto;border:1px solid rgba(110,170,255,.3);border-radius:999px;background:rgba(8,16,40,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 28px rgba(30,110,255,.15);scrollbar-width:none;scroll-snap-type:x proximity}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border:0;border-radius:999px;background:none;color:#c7d6ee;font:700 clamp(14px,1.2vw,16.5px) 'Cairo',sans-serif;cursor:pointer;scroll-snap-align:center;transition:color .25s,background .25s,box-shadow .25s}
.tab em{font-style:normal;font-weight:600;font-size:12px;padding:1px 9px;border-radius:999px;background:#ffffff14}
.tab:hover{color:#fff;background:rgba(60,130,255,.18)}
.tab[aria-selected=true]{color:#fff;background:linear-gradient(105deg,#1d4ed8,#2a7bff 65%,#19b5ff);box-shadow:0 0 18px #1a65db77}
.tab[aria-selected=true] em{background:rgba(255,255,255,.25)}
#panel{transition:opacity .22s ease,transform .22s ease}
#panel.sw{opacity:0;transform:translateY(10px)}
.strip{position:relative;padding:15px 0;border-block:1px solid rgba(110,170,255,.32);background:linear-gradient(90deg,rgba(26,101,219,.38),rgba(26,101,219,.12) 55%,rgba(26,101,219,.03));box-shadow:inset 0 0 44px rgba(26,101,219,.14)}
.strip h2{display:flex;align-items:center;gap:14px;font-weight:800;font-size:clamp(20px,2vw,28px);line-height:1.3}
.strip h2::before{content:"";flex:none;width:5px;height:1.15em;border-radius:3px;background:linear-gradient(#19d3ff,#1a65db);box-shadow:0 0 12px #1a65db}
.strip .n{margin-inline-start:auto;flex:none;font-size:13px;font-weight:600;padding:3px 13px;border-radius:999px;background:rgba(255,255,255,.1)}
.more{margin-top:clamp(56px,7vw,96px);text-align:center}
.more .cathint{font-size:15px;font-weight:600;color:#cdd8ea}
.mcards{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px}
.mcard{display:block;width:min(100%,272px);padding:0;overflow:hidden;border:1px solid #ffffff1c;border-radius:16px;background:linear-gradient(145deg,#0f1a33,#070b17);color:inherit;text-align:start;text-decoration:none;cursor:pointer;transition:border-color .25s,transform .25s,box-shadow .25s}
.mcard:hover,.mcard:focus-visible{border-color:rgba(90,160,255,.6);transform:translateY(-3px);box-shadow:0 0 26px rgba(30,110,255,.25)}
.mcard .th{aspect-ratio:16/10;background:linear-gradient(135deg,#123378,#0a1430);overflow:hidden}
.mcard .th img{display:block;width:100%;height:100%;object-fit:cover}
.mcard .t{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-weight:700;font-size:15.5px}
.mcard .t svg{flex:none;width:18px;height:18px;fill:none;stroke:#6db1ff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:560px){.tab{padding:0 18px}.strip .n{display:none}}