:root{--bg: #0a1020;--bg-deep: #070b16;--bg-card: rgba(255, 255, 255, .05);--bg-hover: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #f1f5f9;--text-muted: #94a3b8;--primary: #2563eb;--secondary: #3b82f6;--accent: #f97316;--success: #34d399;--warning: #fbbf24;--purple: #a78bfa;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--shadow: 0 4px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--grad: linear-gradient(135deg, #2563eb, #7c3aed);--grad-accent: linear-gradient(135deg, #f97316, #f59e0b);font-family:Noto Sans Arabic,ui-sans-serif,system-ui,sans-serif;line-height:1.7;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100dvh;-webkit-font-smoothing:antialiased;background:var(--bg-deep)}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:Noto Naskh Arabic,serif;font-weight:700;line-height:1.35}::selection{background:#2563eb66}.glow{position:fixed;inset:-40% -20% auto -20%;height:75vh;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 0%,rgba(37,99,235,.22),transparent 55%),radial-gradient(ellipse at 85% 20%,rgba(124,58,237,.14),transparent 50%)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:999px;font-size:.95rem;font-weight:700;border:none;transition:transform .15s ease,box-shadow .2s ease,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 6px 28px #3b82f659}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 36px #3b82f680}.btn-ghost{border:1.5px solid var(--border-strong);color:var(--text);background:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-2px)}input{width:100%;padding:.7rem 1rem;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #3b82f633}input.error{border-color:#f87171}.field-error{color:#f87171;font-size:.8rem;margin-top:.35rem;display:block}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;letter-spacing:.02em}.badge.blue{background:#2563eb29;color:#93c5fd}.badge.amber{background:#fbbf2424;color:var(--warning)}.badge.green{background:#34d39924;color:var(--success)}.badge.purple{background:#a78bfa24;color:var(--purple)}.badge.orange{background:#f9731629;color:#fdba74}.navbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:#0a1020bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;gap:.5rem;font-family:Noto Naskh Arabic,serif;font-weight:700;font-size:1.1rem;cursor:pointer}.nav-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;box-shadow:0 4px 16px #3b82f666}.nav-links{display:flex;gap:1.4rem}.nav-link{color:var(--text-muted);font-size:.92rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text)}.nav-burger{display:none;color:var(--text)}.nav-mobile{position:absolute;top:64px;right:1rem;left:1rem;z-index:29;display:flex;flex-direction:column;gap:.4rem;background:#0a1020f7;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-mobile .nav-link{padding:.6rem .5rem;text-align:right;border-radius:8px}.nav-mobile .nav-link:hover{background:var(--bg-hover)}.hero{position:relative;text-align:center;padding:6rem 1.5rem 5rem;z-index:1;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:-1}.hero-glow-1{width:480px;height:480px;background:#2563eb40;top:-120px;right:8%}.hero-glow-2{width:420px;height:420px;background:#f9731624;bottom:-140px;left:5%}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#93c5fd;background:#2563eb1f;border:1px solid rgba(59,130,246,.25);border-radius:999px;padding:.4rem 1.1rem;margin-bottom:1.4rem}.hero h1{font-size:clamp(2.1rem,5.5vw,3.6rem);font-weight:700;margin-bottom:1.2rem}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-rotator{font-size:clamp(1.1rem,2.4vw,1.4rem);color:var(--text-muted);margin-bottom:1.2rem}.rotate-word{display:inline-block;color:var(--accent);font-weight:700;animation:fadeUp .45s ease forwards}.hero-sub{max-width:620px;margin:0 auto 2.2rem;color:var(--text-muted);font-size:1.02rem}.hero-cta{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.hero-floating{position:relative;height:110px;max-width:520px;margin:0 auto}.float-card{position:absolute;display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;padding:.7rem 1.1rem;font-size:.9rem;font-weight:600;box-shadow:var(--shadow)}.float-a{top:0;right:6%;color:#93c5fd;animation:floaty 5s ease-in-out infinite}.float-b{top:32px;left:5%;color:#fdba74;animation:floaty 6s ease-in-out infinite .8s}.float-c{bottom:0;right:30%;color:#c4b5fd;animation:floaty 5.5s ease-in-out infinite 1.6s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-scroll{margin-top:2.2rem;color:var(--text-muted);animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.stats{padding-top:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem}.stat-card{text-align:center}.stat-num{display:flex;align-items:baseline;justify-content:center;gap:.2rem;direction:ltr}.stat-value{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;font-family:Noto Naskh Arabic,serif}.stat-suffix{font-size:1.1rem;font-weight:700}.stat-blue .stat-value,.stat-blue .stat-suffix{color:#93c5fd}.stat-orange .stat-value,.stat-orange .stat-suffix{color:#fdba74}.stat-purple .stat-value,.stat-purple .stat-suffix{color:#c4b5fd}.stat-green .stat-value,.stat-green .stat-suffix{color:#6ee7b7}.stat-label{color:var(--text-muted);font-size:.88rem;margin-top:.6rem}.stats-note{text-align:center;color:var(--text-muted);font-size:.75rem;margin-top:1.2rem;opacity:.8}.section{max-width:1100px;margin:0 auto;padding:3.5rem 1.5rem;position:relative;z-index:1}.sec-head{text-align:center;margin-bottom:2.4rem}.sec-kicker{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--accent);background:#f973161a;border-radius:999px;padding:.25rem .9rem;margin-bottom:.8rem}.sec-head h2{font-size:clamp(1.5rem,3.4vw,2.1rem);margin-bottom:.7rem}.sec-head p{color:var(--text-muted);max-width:560px;margin:0 auto}.tabs-wrap{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.6rem}.tab{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:999px;font-size:.88rem;font-weight:600;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);transition:all .2s ease}.tab:hover{background:var(--bg-hover);color:var(--text)}.tab.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 22px #3b82f659}.tabs-wrap.small{margin-bottom:1.4rem}.trend-panel{max-width:760px;margin:0 auto;animation:fadeUp .4s ease}.trend-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}.trend-icon{width:56px;height:56px;flex-shrink:0;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--grad);color:#fff;box-shadow:0 8px 24px #3b82f666}.trend-top h3{font-size:1.25rem;margin-bottom:.25rem}.trend-desc{color:var(--text-muted);margin-bottom:1.3rem}.impact{margin-bottom:1.2rem}.impact-head{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.impact-head strong{color:var(--text)}.impact-bar{height:10px;background:#ffffff12;border-radius:999px;overflow:hidden}.impact-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#fbbf24);transition:width 1s cubic-bezier(.22,1,.36,1)}.trend-points{list-style:none;display:grid;gap:.6rem}.trend-points li{position:relative;padding-right:1.6rem;color:var(--text);font-size:.95rem}.trend-points li:before{content:"";position:absolute;right:0;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--grad-accent)}.timeline{max-width:680px;margin:0 auto;position:relative}.tl-row{position:relative;padding-right:3.4rem;margin-bottom:1.1rem}.tl-line{position:absolute;right:19px;top:48px;bottom:-34px;width:2px;background:linear-gradient(180deg,#3b82f680,#a78bfa33)}.tl-node{position:absolute;right:0;top:14px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #0006;transition:transform .2s ease}.tl-node:hover{transform:scale(1.12)}.tl-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.tl-purple{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.tl-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.tl-green{background:linear-gradient(135deg,#34d399,#059669)}.tl-card{cursor:pointer;padding:1.1rem 1.4rem}.tl-head{display:flex;align-items:center;gap:.8rem}.tl-head h3{font-size:1.1rem}.tl-year{font-size:.7rem}.tl-desc{color:var(--text-muted);margin-top:.8rem;font-size:.95rem}.grid{display:grid;gap:1.25rem}.grid-3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.skill-card{position:relative;padding:1.6rem}.skill-icon{width:46px;height:46px;border-radius:13px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;background:#7c3aed29;color:#c4b5fd;border:1px solid rgba(167,139,250,.25)}.skill-card h3{font-size:1.05rem;margin-bottom:.5rem}.skill-card p{color:var(--text-muted);font-size:.88rem;margin-bottom:1.1rem}.skill-bar{height:8px;background:#ffffff12;border-radius:999px;overflow:hidden}.skill-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#a78bfa);transition:width 1.2s cubic-bezier(.22,1,.36,1)}.skill-pct{position:absolute;bottom:1.4rem;left:1.5rem;font-size:.78rem;font-weight:700;color:#c4b5fd}.chart-card{max-width:760px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-around;gap:1rem;padding:2rem 1.5rem 1.2rem;min-height:340px}.bar-col{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.bar-label{font-size:.82rem;font-weight:700;color:var(--text);direction:ltr}.bar-track{width:100%;max-width:64px;height:200px;background:#ffffff0d;border-radius:12px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;border-radius:12px;background:linear-gradient(180deg,#60a5fa,#2563eb);box-shadow:0 0 20px #3b82f659;transition:height 1.1s cubic-bezier(.22,1,.36,1)}.bar-year{font-size:.8rem;color:var(--text-muted)}.quiz-card{max-width:640px;margin:0 auto;padding:2rem;min-height:380px}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;color:var(--purple)}.quiz-progress{height:8px;background:#ffffff12;border-radius:999px;overflow:hidden;margin-bottom:1.6rem}.quiz-fill{height:100%;background:var(--grad);border-radius:999px;transition:width .4s ease}.quiz-q{font-size:1.25rem;margin-bottom:1.4rem}.quiz-opts{display:grid;gap:.8rem}.quiz-opt{text-align:right;padding:.95rem 1.2rem;border-radius:14px;background:#ffffff0d;border:1px solid var(--border);font-size:.98rem;font-weight:500;transition:all .2s ease}.quiz-opt:hover:not(:disabled){border-color:var(--secondary);background:#3b82f61a;transform:translateY(-2px)}.quiz-opt.picked{border-color:var(--accent);background:#f9731624}.quiz-opt:disabled{opacity:.6}.quiz-result{text-align:center;padding:1.5rem .5rem;animation:fadeUp .4s ease}.result-icon{width:72px;height:72px;margin:0 auto 1.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px #0006}.r-green .result-icon{background:linear-gradient(135deg,#34d399,#059669)}.r-blue .result-icon{background:linear-gradient(135deg,#60a5fa,#2563eb)}.r-orange .result-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.quiz-result h3{font-size:1.4rem;margin-bottom:.7rem}.quiz-result p{color:var(--text-muted);max-width:460px;margin:0 auto 1.2rem}.result-score{font-size:.95rem;color:var(--text-muted);margin-bottom:1.4rem}.result-score strong{color:var(--accent);font-size:1.1rem}.faq-list{max-width:720px;margin:0 auto;display:grid;gap:.9rem}.faq-item{padding:0;overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;gap:.8rem;padding:1.1rem 1.4rem;text-align:right;font-size:1rem;font-weight:700;transition:background .2s}.faq-q:hover{background:var(--bg-hover)}.faq-q-icon{color:var(--secondary);flex-shrink:0}.faq-q span{flex:1}.faq-chev{color:var(--text-muted);transition:transform .3s ease;flex-shrink:0}.faq-chev.rot{transform:rotate(180deg)}.faq-a{padding:0 1.4rem 1.3rem;color:var(--text-muted);font-size:.95rem}.faq-item.open{border-color:#3b82f659}.newsletter-sec{padding-bottom:4rem}.newsletter{max-width:640px;margin:0 auto;text-align:center;padding:2.4rem 2rem}.news-icon{width:56px;height:56px;margin:0 auto 1.1rem;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--grad-accent);color:#fff;box-shadow:0 8px 24px #f9731659}.newsletter h2{font-size:1.5rem;margin-bottom:.6rem}.newsletter>p{color:var(--text-muted);margin-bottom:1.6rem}.news-form{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.news-field{flex:1;min-width:220px;text-align:right}.news-done{background:#34d3991a;border:1px solid rgba(52,211,153,.3);border-radius:14px;padding:1rem;color:var(--success);font-size:.95rem}.news-done span{direction:ltr;display:inline-block}.footer{border-top:1px solid var(--border);background:#070b1699;margin-top:2rem}.footer-inner{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 2rem;display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:2rem}.footer-brand p{color:var(--text-muted);font-size:.9rem;margin-top:1rem;max-width:380px}.footer-col h4{font-size:1rem;margin-bottom:1rem}.footer-col button,.footer-col a{display:flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.88rem;margin-bottom:.6rem;transition:color .2s;text-align:right}.footer-col button:hover,.footer-col a:hover{color:var(--text)}.footer-bottom{max-width:1100px;margin:0 auto;padding:1.2rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;color:var(--text-muted);font-size:.8rem}.heart{color:#f87171;vertical-align:middle}.footer-made{display:inline-flex;align-items:center;gap:.35rem}.toast-wrap{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.toast{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.2rem;border-radius:14px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-lg);animation:fadeUp .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast.success{background:#064e3bd9;border:1px solid rgba(52,211,153,.4);color:#6ee7b7}.toast.error{background:#7f1d1dd9;border:1px solid rgba(248,113,113,.4);color:#fca5a5}.toast-close{display:inline-flex;color:inherit;opacity:.7}.toast-close:hover{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .5s ease forwards}.delay-1{animation-delay:.12s;opacity:0}.delay-2{animation-delay:.24s;opacity:0}.delay-3{animation-delay:.36s;opacity:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 860px){.footer-inner{grid-template-columns:1fr;gap:1.6rem}.hero{padding-top:4rem}}@media (max-width: 640px){.navbar{padding:0 1rem}.nav-links{display:none}.nav-burger{display:inline-flex}.hero{padding:3.5rem 1rem}.hero-floating{height:90px}.float-card{font-size:.78rem;padding:.55rem .85rem}.quiz-card{padding:1.4rem}.chart-card{padding:1.4rem .8rem 1rem}.bar-track{height:150px}.footer-bottom{flex-direction:column;text-align:center}.section{padding:2.8rem 1rem}}