:root{--bg:#181818;--bg2:#1f1f1f;--bg3:#222;--bg4:#2a2a2a;--bg-card:#ffffff07;--gold:#139976;--gold-l:#15a885;--gold-xl:#1abc94;--gold-5:#1399760d;--gold-10:#1399761a;--gold-18:#1399762e;--gold-35:#13997659;--t1:#f0ece4;--t2:#8a8fa8;--t3:#4a5070;--t4:#2e3450;--border:#ffffff12;--border-g:#13997640;--radius:12px;--radius-lg:20px;--f-en:"DM Sans", sans-serif;--f-ar:"Tajawal", sans-serif;--border-solid:1px solid #13997640}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--gold);color:#000}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#c9a22759;border-radius:2px}body:before{content:"";z-index:0;pointer-events:none;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.018'/%3E%3C/svg%3E");position:fixed;inset:0}.hero-glow{pointer-events:none;background:radial-gradient(80% 60% at 50% -10%,#c9a22714 0%,#0000 70%),radial-gradient(50% 40% at 80% 60%,#c9a2270a 0%,#0000 60%);position:absolute;inset:0}.dot-grid{background-image:radial-gradient(circle,#ffffff09 1px,#0000 1px);background-size:32px 32px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes glow{0%,to{border-color:#13997640}50%{border-color:#13997666}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes drift{0%,to{transform:translate(0)}40%{transform:translate(22px,-18px)}70%{transform:translate(-16px,14px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes bar-fill{0%{width:0}to{width:42%}}@keyframes border-p{0%,to{border-color:#c9a2272e}50%{border-color:#c9a22780}}@keyframes line-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reveal{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.reveal.in{opacity:1;transform:none}.reveal.in.d1{transition-delay:70ms}.reveal.in.d2{transition-delay:.14s}.reveal.in.d3{transition-delay:.21s}.reveal.in.d4{transition-delay:.28s}.reveal.in.d5{transition-delay:.35s}.h0{animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp}.h1{animation:.6s cubic-bezier(.22,1,.36,1) 80ms both fadeUp}.h2{animation:.6s cubic-bezier(.22,1,.36,1) .16s both fadeUp}.h3{animation:.6s cubic-bezier(.22,1,.36,1) .24s both fadeUp}.h4{animation:.6s cubic-bezier(.22,1,.36,1) .32s both fadeUp}.h5{animation:.6s .4s both fadeIn}.text-gold{background:linear-gradient(120deg, var(--gold-xl) 0%, var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-shimmer{background:linear-gradient(90deg, var(--gold) 0%, var(--gold-xl) 40%, var(--gold) 80%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3.5s linear infinite shimmer}.text-muted{color:var(--t2)}.text-faint{color:var(--t3)}.nav{z-index:200;-webkit-backdrop-filter:blur(24px)saturate(180%);background:#080b12b3;border-bottom:1px solid #0000;align-items:center;height:64px;padding:0 clamp(1rem,5vw,3rem);transition:border-color .3s,background .3s;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.nav.solid{border-bottom-color:var(--border);background:#080b12eb}.nav-inner{justify-content:space-between;align-items:center;gap:2rem;width:100%;max-width:1160px;margin:0 auto;display:flex}.nav-links{align-items:center;gap:1.75rem;display:flex}.nav-link{color:var(--t2);white-space:nowrap;font-size:.875rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--t1)}.lang-sw{border:1px solid var(--border);background:#ffffff0a;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.lang-btn{cursor:pointer;font-size:.75rem;font-weight:700;font-family:var(--f-en);letter-spacing:.03em;color:var(--t3);background:0 0;border:none;border-radius:6px;padding:4px 11px;transition:all .18s}.lang-btn.on{background:var(--gold);color:#000}.lang-btn:not(.on):hover{color:var(--t1);background:#ffffff0f}.btn{cursor:pointer;border-radius:var(--radius);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gold);color:#000;border:1px solid var(--gold);padding:13px 30px;animation:none}.btn-primary:hover{background:var(--gold-l);border:1px solid var(--gold-l);animation:none;transform:translateY(-1px)}.btn-primary:active{transform:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed;animation:none}.btn-secondary{color:var(--t2);border:1px solid var(--border);background:0 0;padding:12px 26px}.btn-secondary:hover{color:var(--t1);background:#ffffff0a;border-color:#ffffff2e}.btn-sm{border-radius:8px;padding:9px 20px;font-size:.8125rem}.btn-lg{padding:15px 36px;font-size:1rem}.section-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:var(--gold-5);border:1px solid var(--gold-18);font-size:.6875rem;font-weight:700;font-family:var(--f-en);border-radius:999px;align-items:center;gap:6px;margin-bottom:1rem;padding:4px 14px;display:inline-flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 60%);position:absolute;inset:0}.card:hover{border-color:var(--border-g);box-shadow:none;transform:translateY(-3px)}.card-icon{background:var(--gold-5);border:1px solid var(--gold-18);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;font-size:1.25rem;transition:background .25s,border-color .25s;display:flex}.card:hover .card-icon{background:var(--gold-10);border-color:var(--gold-35)}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);width:100%;height:1px}.orb{pointer-events:none;filter:blur(100px);border-radius:50%;animation:20s ease-in-out infinite drift;position:absolute}.platform-pill{border:1px solid var(--border);color:var(--t2);font-size:.8125rem;font-weight:600;font-family:var(--f-en);background:#ffffff08;border-radius:999px;align-items:center;gap:7px;padding:7px 16px;transition:all .2s;display:inline-flex}.platform-pill:hover{border-color:var(--border-g);color:var(--t1);background:var(--gold-5)}.input{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--t1);background:#ffffff0a;outline:none;padding:12px 18px;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--t3)}.input:focus{border-color:var(--gold);box-shadow:none}.input option{background:var(--bg3)}.search-bar{border:1px solid var(--border);background:#ffffff0d;border-radius:14px;align-items:center;width:100%;max-width:560px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.search-bar:focus-within{border-color:var(--gold);box-shadow:none}.search-bar input{color:var(--t1);background:0 0;border:none;outline:none;flex:1;padding:16px 20px;font-size:.9375rem}.search-bar input::placeholder{color:var(--t3)}.search-bar button{background:var(--gold);color:#000;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;margin:6px;padding:10px 22px;font-size:.875rem;font-weight:700;transition:background .2s}.search-bar button:hover{background:var(--gold-l)}.stat-n{color:var(--t1);font-size:clamp(2rem,5vw,2.8rem);font-weight:800;line-height:1;font-family:var(--f-en);margin-bottom:.25rem}.stat-l{color:var(--t2);font-size:.8125rem;line-height:1.5}.step-num{font-family:var(--f-en);color:#c9a2271a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:3.5rem;font-weight:800;line-height:1}.step-dot{border-radius:50%;width:8px;height:8px;margin-bottom:.75rem}.prog{background:#ffffff0d;border-radius:99px;height:3px;overflow:hidden}.prog-bar{background:linear-gradient(90deg, #c9a22740, var(--gold));border-radius:99px;width:0;height:100%;animation:1.5s cubic-bezier(.22,1,.36,1) 1s forwards bar-fill;position:relative;overflow:hidden}.prog-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000) 0 0/200%;animation:2s linear infinite shimmer;position:absolute;inset:0}.spin{border:2px solid #00000040;border-top-color:#000;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.65s linear infinite spin}.form-card{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;padding:clamp(1.5rem,4vw,2.5rem)}.scroll-hint{color:var(--t3);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;font-weight:600;font-family:var(--f-en);flex-direction:column;align-items:center;gap:.35rem;animation:2.8s ease-in-out infinite float;display:flex;position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%)}.phase-a{animation:4s ease-in-out infinite glow}.phase-card{transition:transform .25s,box-shadow .25s}.phase-card:hover{box-shadow:none;transform:translateY(-4px)}.footer-link{color:var(--t3);font-size:.8125rem;transition:color .2s}.footer-link:hover{color:var(--t2)}@media (max-width:768px){.hide-sm,.nav-links{display:none!important}.steps-row{flex-direction:column!important}.search-bar{border-radius:var(--radius-lg);flex-direction:column}.search-bar input{width:100%}.search-bar button{width:calc(100% - 12px);margin:0 6px 6px;padding:12px}}@media (min-width:769px){.show-sm{display:none!important}}
