@font-face{font-family:"Readex Pro";font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/shg/readexpro-v2-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"Readex Pro";font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/shg/readexpro-v2-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
:root{--p:#6A3DF0;--k:#FF5FA2;--bg:#0b0718;--card:#151027;--line:#2a2145;--tx:#ece8fb;--mu:#a9a1c9}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1200px 500px at 85% -10%,#2b1460 0,transparent 60%),var(--bg);color:var(--tx);font-family:"Readex Pro",Tahoma,sans-serif;line-height:1.85}
a{color:#c9b8ff}.wrap{max-width:980px;margin:0 auto;padding:0 18px}
.gh{position:sticky;top:0;z-index:5;background:rgba(11,7,24,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.gh .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;height:62px}
.brand{display:flex;align-items:center;gap:8px}.gh nav{display:flex;gap:4px;flex-wrap:wrap}
.gh nav a{color:var(--tx);text-decoration:none;padding:6px 10px;border-radius:10px;font-size:14px}.gh nav a:hover{background:#ffffff12}
.gh nav a.cta{background:linear-gradient(135deg,var(--p),var(--k));font-weight:700}
.hero{padding:44px 0 18px}.kick{color:var(--k);font-weight:700;font-size:14px}
.hero h1{font-size:clamp(28px,5vw,44px);margin:6px 0 10px;line-height:1.3}.hero h1 span{background:linear-gradient(90deg,#a98bff,var(--k));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mu);max-width:720px;margin:0}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}.toc a{background:var(--card);border:1px solid var(--line);color:var(--tx);text-decoration:none;padding:6px 12px;border-radius:999px;font-size:13px}
.st{display:flex;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;margin:0 0 14px;scroll-margin-top:76px}
.st .n{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:20px;background:linear-gradient(135deg,var(--p),var(--k))}
.st h2{margin:0 0 8px;font-size:20px}.st ul,.st ol{margin:0;padding-inline-start:20px}.st li{margin:0 0 4px}.st>div{min-width:0;flex:1}
.hint{background:#ff5fa214;border-inline-start:3px solid var(--k);padding:8px 12px;border-radius:8px;margin:10px 0 0;font-size:14px}
.ex,.dd{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.ex>div,.dd>div{border-radius:12px;padding:10px 12px}
.ex p{margin:4px 0 0}.bad{background:#ff4d6d14;border:1px solid #ff4d6d44}.good{background:#2ad19a14;border:1px solid #2ad19a44}
.dd>div{background:#ffffff08;border:1px solid var(--line)}.dd h3{margin:0 0 6px;font-size:16px}
.mk{margin:30px 0;background:linear-gradient(160deg,#1d1238,#151027);border:1px solid #4a2f8f;border-radius:22px;padding:24px;scroll-margin-top:70px}
.mkh h2{margin:2px 0 6px;font-size:28px}.mkh p{color:var(--mu);margin:0 0 16px}
form label{display:block;font-size:14px;font-weight:600;margin:0 0 10px}
input,textarea{width:100%;margin-top:4px;background:#0e0a1d;border:1px solid var(--line);color:var(--tx);border-radius:10px;padding:10px 12px;font:inherit;font-size:15px}
input:focus,textarea:focus{outline:2px solid var(--p);border-color:transparent}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.g3{display:grid;grid-template-columns:2fr 2fr 1fr;gap:8px}
.row .g2,.row .g3{gap:8px}.row .g2 input,.row .g3 input{margin:0}
fieldset{border:1px dashed #4a3a7a;border-radius:14px;padding:10px 12px 12px;margin:0 0 12px}legend{padding:0 6px;font-weight:700;color:#c9b8ff}
.row{position:relative;background:#ffffff06;border:1px solid var(--line);border-radius:12px;padding:10px 10px 10px 40px;margin:0 0 8px}.row textarea{margin-top:8px}
.rm{position:absolute;left:8px;top:8px;width:26px;height:26px;border-radius:50%;border:0;background:#ff4d6d33;color:#fff;cursor:pointer}
.add{background:transparent;border:1px solid var(--p);color:#c9b8ff;border-radius:10px;padding:6px 12px;font:inherit;cursor:pointer}
.ck{display:flex!important;gap:8px;align-items:flex-start;font-weight:400!important;color:var(--mu)}.ck input{width:auto;margin-top:6px}
.go{display:inline-block;border:0;border-radius:12px;padding:12px 24px;font:inherit;font-weight:700;font-size:16px;color:#fff;background:linear-gradient(135deg,var(--p),var(--k));cursor:pointer;text-decoration:none}
.go[disabled]{opacity:.6;cursor:wait}.go.sm{padding:8px 16px;font-size:14px}
.msg{min-height:1.5em;color:#ffd2e6}.cap{margin:6px 0 10px}
#cvout{margin-top:18px}.outh{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.sheetwrap{overflow:auto;border-radius:12px;background:#ffffff10;padding:10px}
.gf{border-top:1px solid var(--line);padding:18px 0;color:var(--mu);font-size:13px;text-align:center;margin-top:30px}
@media(max-width:700px){.g2,.ex,.dd{grid-template-columns:1fr}.g3{grid-template-columns:1fr}.st{flex-direction:column;gap:8px;padding:16px}.gh nav a:not(.cta){display:none}.mk{padding:16px}}
/* ===== CV sheet (A4 @ 96dpi) ===== */
#cvsheet .cv{width:794px;min-height:1123px;background:#fff;color:#1f1a33;display:grid;grid-template-columns:262px 1fr;font-family:"Readex Pro",Tahoma,sans-serif;direction:rtl;line-height:1.7;margin:0 auto}
.cv .sd{background:linear-gradient(170deg,#6A3DF0 0%,#9b47d8 55%,#FF5FA2 100%);color:#fff;padding:40px 24px}
.cv .av{width:96px;height:96px;border-radius:50%;background:#ffffff26;border:3px solid #ffffff80;display:grid;place-items:center;font-size:40px;font-weight:700;margin:0 auto 14px}
.cv .sd h1{font-size:23px;line-height:1.35;margin:0;text-align:center}.cv .sd .tt{text-align:center;opacity:.92;font-size:14px;margin:4px 0 20px}
.cv .sd h3{font-size:13px;margin:22px 0 8px;padding-bottom:5px;border-bottom:1px solid #ffffff55}
.cv .sd p{margin:0 0 6px;font-size:12.5px;word-break:break-word}
.cv .chip{display:inline-block;background:#ffffff26;border-radius:999px;padding:2px 10px;margin:0 0 6px 4px;font-size:12px}
.cv .mn{padding:40px 34px}
.cv .mn h2{font-size:16px;color:#6A3DF0;margin:0 0 10px;display:flex;align-items:center;gap:8px}.cv .mn h2::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#FF5FA2,#6A3DF000)}
.cv .mn section{margin:0 0 22px}.cv .sum{font-size:13.5px;color:#3a3452;margin:0}
.cv .it{margin:0 0 14px;padding-inline-start:14px;border-inline-start:3px solid #FF5FA2}.cv .it b{font-size:14.5px}.cv .it .o{color:#6A3DF0;font-size:13px}.cv .it .d{float:left;color:#8a83a6;font-size:12px}
.cv .it ul{list-style:none;margin:4px 0 0;padding:0 16px 0 0;font-size:12.8px;color:#3a3452}.cv .ft{font-size:10px;color:#b5aecb;text-align:center;margin-top:30px}
.cv .it ul li{position:relative}.cv .it ul li::before{content:"";position:absolute;right:-12px;top:.62em;width:5px;height:5px;border-radius:50%;background:#db2777}

.cv .avp{padding:0;overflow:hidden;background:#fff}.cv .avp img{width:100%;height:100%;display:block;border-radius:50%}
.phrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:6px 0 4px}.phrow img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #db2777}.phrow button{background:#3b1d4a;color:#fff;border:1px solid #db2777;border-radius:10px;padding:6px 12px;cursor:pointer;font:inherit}#cvphmsg{font-size:13px;color:#c4b5fd}