:root{--tm-bg: #030712;--tm-bg-2: #050B1A;--tm-bg-3: #080F22;--tm-accent: #6366F1;--tm-accent-2: #A855F7;--tm-accent-3: #EC4899;--tm-emerald: #10B981;--tm-cyan: #22D3EE;--tm-amber: #F59E0B}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{font-family:Cairo,Tajawal,sans-serif}.font-mono{font-family:JetBrains Mono,Cairo,monospace}#boot-overlay{position:fixed;inset:0;z-index:9999;background:#030712;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s}#boot-overlay.booted{opacity:0;visibility:hidden;pointer-events:none}.boot-logo{width:90px;height:90px;border-radius:22px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:40px;box-shadow:0 0 60px #6366f199,inset 0 0 30px #ffffff26;margin-bottom:28px;animation:logo-pulse 2s ease-in-out infinite}@keyframes logo-pulse{0%,to{transform:scale(1);box-shadow:0 0 60px #6366f199,inset 0 0 30px #ffffff26}50%{transform:scale(1.04);box-shadow:0 0 100px #a855f7b3,inset 0 0 40px #ffffff40}}.boot-lines{font-family:JetBrains Mono,monospace;color:#64748b;font-size:13px;text-align:left;direction:ltr;min-height:180px;width:min(440px,90vw)}.boot-lines .boot-line{opacity:0;transform:translateY(6px);animation:boot-line-in .4s forwards}.boot-lines .boot-line.ok{color:#34d399}.boot-lines .boot-line.hi{color:#a78bfa}@keyframes boot-line-in{to{opacity:1;transform:translateY(0)}}.boot-progress{width:min(440px,90vw);height:3px;margin-top:28px;background:#ffffff0f;border-radius:99px;overflow:hidden}.boot-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);animation:boot-progress 1.8s cubic-bezier(.16,1,.3,1) forwards}@keyframes boot-progress{to{width:100%}}.bg-aurora{background-color:var(--tm-bg);background-image:radial-gradient(ellipse 90% 50% at 50% -5%,rgba(99,102,241,.5) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 10% 85%,rgba(168,85,247,.2) 0%,transparent 50%),radial-gradient(ellipse 50% 35% at 90% 65%,rgba(236,72,153,.15) 0%,transparent 50%)}.bg-aurora:before{display:none}.glass-nav{background:#0307128c;border-bottom:1px solid rgba(255,255,255,.04);transition:background .4s,border-color .4s,box-shadow .4s}.glass-nav.scrolled{background:#030712eb;border-bottom-color:#ffffff14;box-shadow:0 4px 30px #0006}.nav-link{position:relative;padding:6px 12px;border-radius:10px;font-size:13px;font-weight:700;color:#94a3b8;transition:color .25s,background .25s}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.nav-accent{color:#6ee7b7}.nav-link.nav-accent:hover{color:#a7f3d0;background:#10b98114}.nav-divider{width:1px;height:20px;background:#ffffff14}.btn-nav-login{padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;color:#cbd5e1;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:color .25s,border-color .25s,background .25s}.btn-nav-login:hover{color:#fff;border-color:#fff3;background:#ffffff14}.btn-nav-cta{position:relative;overflow:hidden;padding:8px 22px;border-radius:10px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 16px -4px #6366f180;transition:transform .25s,box-shadow .25s}.btn-nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px -6px #6366f1b3}.btn-nav-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .5s}.btn-nav-cta:hover:after{transform:translate(100%)}.mobile-menu{background:#030712f7;border-top:1px solid rgba(255,255,255,.06)}.mobile-menu a{display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:15px;font-weight:700;color:#cbd5e1;border-radius:12px;transition:background .2s,color .2s}.mobile-menu a:hover{background:#ffffff0d;color:#fff}.glass-panel{background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #00000059}.glass-card{background:linear-gradient(160deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.06);transition:border-color .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.glass-card:hover{border-color:#6366f140;transform:translateY(-6px);box-shadow:0 24px 48px -12px #6366f126}.text-gradient-premium{background:linear-gradient(100deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-emerald{background:linear-gradient(100deg,#34d399,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-amber{background:linear-gradient(100deg,#fcd34d,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-cyan{background:linear-gradient(100deg,#22d3ee,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-dots{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:32px 32px}.bg-grid{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 #6366f180}70%{box-shadow:0 0 0 20px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes scan-line{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes caret-blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes float-tag{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tick-in{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-pulse-ring{animation:pulse-ring 2s infinite}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 6s ease infinite}.animate-caret{animation:caret-blink 1.1s infinite}.animate-float-tag{animation:float-tag 4s ease-in-out infinite}.btn-premium{position:relative;overflow:hidden;background:linear-gradient(135deg,#4f46e5,#9333ea);box-shadow:0 8px 30px -8px #7c3aed99,inset 0 1px 1px #ffffff40;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.btn-premium:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease-in-out}.btn-premium:hover:after{transform:translate(100%)}.btn-premium:hover{transform:translateY(-3px);box-shadow:0 15px 40px -10px #9333eacc,inset 0 1px 1px #ffffff59}.btn-ghost{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.feature-glow{position:relative;isolation:isolate}.feature-glow:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent,rgba(99,102,241,.4),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.feature-glow:hover:before{opacity:1}.stat-number{background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.neural-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none}.neural-wrap canvas{width:100%;height:100%;display:block;pointer-events:none}.status-chip{position:relative;overflow:hidden}.status-chip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(99,102,241,.25),transparent);transform:translate(-100%);animation:chip-shimmer 3s infinite}@keyframes chip-shimmer{to{transform:translate(100%)}}.role-pill{position:relative;padding:10px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff06;color:#94a3b8;font-weight:700;font-size:13px;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.role-pill:hover{color:#fff;background:#ffffff0d;border-color:#ffffff26}.role-pill.active{color:#fff;background:linear-gradient(135deg,#6366f138,#a855f72e);border-color:#818cf880;box-shadow:0 8px 24px -8px #6366f180}.persona-card{position:relative;overflow:hidden;border-radius:28px;padding:2rem;border:1px solid rgba(255,255,255,.04);background:linear-gradient(160deg,#ffffff0d,#ffffff03);box-shadow:0 4px 20px -2px #0006;transition:all .5s cubic-bezier(.16,1,.3,1);cursor:pointer}.persona-card:before{content:"";position:absolute;inset:-1px;z-index:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--card-color,#6366F1) 0%,transparent 50%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3;transition:opacity .4s}.persona-card:hover:before,.persona-card.active:before{opacity:1}.persona-card.active{background:linear-gradient(160deg,#ffffff14,#ffffff05);transform:translateY(-8px);border-color:#ffffff1a;box-shadow:0 30px 60px -15px var(--card-shadow, rgba(99,102,241,.4))}.persona-card>*{position:relative;z-index:1}.persona-card .p-glow{position:absolute;top:-40%;right:-20%;width:280px;height:280px;background:radial-gradient(circle,var(--card-color, #6366F1) 0%,transparent 70%);opacity:0;transition:opacity .5s;z-index:0;pointer-events:none}.persona-card:hover .p-glow,.persona-card.active .p-glow{opacity:.3}.demo-terminal{background:linear-gradient(180deg,#080f22,#030712);border:1px solid rgba(99,102,241,.18);border-radius:28px;position:relative;overflow:hidden}.demo-terminal:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(99,102,241,.08) 50%,transparent);animation:scan-line 6s linear infinite;pointer-events:none}.demo-option{display:block;width:100%;text-align:right;padding:16px 20px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:14px;color:#cbd5e1;font-weight:600;font-size:15px;transition:all .25s;cursor:pointer}.demo-option:hover{background:#6366f11f;border-color:#818cf866;color:#fff}.demo-option.selected{background:#6366f133;border-color:#818cf899;color:#fff}.demo-option.correct{background:#10b98126;border-color:#34d39980;color:#d1fae5}.demo-option.wrong{background:#f43f5e1f;border-color:#fb718580;color:#fecdd3}.engine-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);font-size:13px;color:#94a3b8;opacity:0;transform:translate(10px);transition:all .4s}.engine-bar.on{opacity:1;transform:translate(0);color:#e2e8f0;border-color:#6366f140}.engine-bar .dot{width:8px;height:8px;border-radius:99px;background:#334155;transition:all .3s}.engine-bar.on .dot{background:#34d399;box-shadow:0 0 10px #34d399}.orbit-ring{position:absolute;border:1px dashed rgba(255,255,255,.08);border-radius:50%}.founder-card{position:relative;border-radius:28px;background:linear-gradient(160deg,#fbbf2414,#6366f10a);border:1px solid rgba(251,191,36,.22);padding:2rem;overflow:hidden}.founder-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(251,191,36,.18),transparent 40%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.18),transparent 40%);animation:aurora-spin 20s linear infinite;opacity:.7}.founder-card>*{position:relative;z-index:1}.founder-serial{font-family:JetBrains Mono,monospace;font-weight:700;letter-spacing:.15em;background:linear-gradient(90deg,#fcd34d,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.live-ticker{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;font-size:13px}.ticker-dot{width:8px;height:8px;border-radius:99px;background:#34d399;box-shadow:0 0 12px #34d399}.morph-line{display:inline-block;position:relative;min-height:1.1em}.morph-caret{display:inline-block;width:3px;height:.9em;background:linear-gradient(180deg,#a78bfa,#f472b6);margin-right:6px;vertical-align:middle;border-radius:2px}.chapter-label{display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#818cf8;font-weight:700;padding:6px 14px;border:1px solid rgba(129,140,248,.25);border-radius:99px;background:#6366f10f}.magnetic{display:inline-block;transition:transform .2s cubic-bezier(.16,1,.3,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}[x-cloak]{display:none!important}@media(prefers-reduced-motion:reduce){.animate-float-slow,.animate-pulse-ring,.animate-gradient-shift,.animate-caret,.animate-float-tag{animation:none!important}.bg-aurora:before,.demo-terminal:after{animation:none!important}}