.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:var(--nav-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1.5px solid var(--nav-border);border-radius:50%;color:var(--moon-silver);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0003;overflow:hidden}.scroll-to-top:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#e8e8e81a,#e8e8e80d);opacity:0;transition:opacity .3s ease}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-to-top:hover{transform:translateY(-2px) scale(1.02);border-color:var(--moon-silver);box-shadow:0 8px 30px #e8e8e84d;color:var(--moon-light)}.scroll-to-top:hover:before{opacity:1}.scroll-to-top:active{transform:translateY(-1px) scale(.99)}.arrow-icon{width:24px;height:24px;transition:transform .3s ease}.scroll-to-top:hover .arrow-icon{transform:translateY(-1px)}[data-theme=light] .scroll-to-top{background:#e8eef5f2;border-color:#1a233226;color:var(--moon-silver);box-shadow:0 4px 20px #1a233226}[data-theme=light] .scroll-to-top:hover{border-color:var(--moon-silver);box-shadow:0 8px 30px #1a233233}[data-theme=light] .scroll-to-top:before{background:linear-gradient(135deg,#1a23321a,#1a23320d)}@media (max-width: 768px){.scroll-to-top{bottom:1.5rem;right:1.5rem;width:48px;height:48px}.arrow-icon{width:20px;height:20px}}@media (max-width: 480px){.scroll-to-top{bottom:1rem;right:1rem;width:44px;height:44px}.arrow-icon{width:18px;height:18px}}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--midnight-black);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;transition:opacity .5s ease,visibility .5s ease}.preloader.fade-out{opacity:0;visibility:hidden}.preloader-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.stars{position:absolute;width:2px;height:2px;background:var(--moon-silver);border-radius:50%;animation:twinkle 3s ease-in-out infinite;opacity:.6}.stars:nth-child(1){top:20%;left:10%;animation-delay:0s}.stars:nth-child(2){top:60%;left:80%;animation-delay:1s;width:3px;height:3px}.stars:nth-child(3){top:40%;left:50%;animation-delay:2s;width:1.5px;height:1.5px}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.preloader-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center}.preloader-logo{display:flex;flex-direction:column;align-items:center;gap:2rem}.logo-circle{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.logo-inner{width:80px;height:80px;border:3px solid var(--moon-silver);border-radius:50%;position:relative;animation:rotate 3s linear infinite}.logo-inner:before{content:"";position:absolute;top:-3px;left:50%;transform:translate(-50%);width:10px;height:10px;background:var(--moon-silver);border-radius:50%;box-shadow:0 0 20px var(--moon-silver)}.logo-pulse{position:absolute;width:80px;height:80px;border:2px solid var(--moon-silver);border-radius:50%;opacity:0;animation:pulse 2s ease-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.preloader-title{font-family:var(--font-heading);font-size:3.5rem;font-weight:600;color:var(--moon-silver);letter-spacing:2px;animation:fadeInUp 1s ease-out;text-shadow:0 0 30px rgba(232,232,232,.5)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preloader-status{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:300px}.status-text{font-family:var(--font-primary);font-size:1rem;color:var(--text-secondary);font-weight:300;letter-spacing:1px;text-transform:uppercase;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.progress-bar-container{width:100%;height:4px;background:#e8e8e81a;border-radius:2px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,var(--moon-silver) 0%,var(--moon-light) 100%);border-radius:2px;transition:width .3s ease;box-shadow:0 0 10px #e8e8e880;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-family:var(--font-heading);font-size:.9rem;color:var(--moon-silver);font-weight:500;letter-spacing:1px}.preloader-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--moon-silver);border-radius:50%;opacity:.4;animation:float var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.particle:nth-child(odd){width:3px;height:3px}.particle:nth-child(3n){width:2px;height:2px;opacity:.6}@keyframes float{0%,to{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-100px) translate(100px) rotate(360deg);opacity:0}}[data-theme=light] .preloader{background:var(--midnight-black)}[data-theme=light] .stars,[data-theme=light] .particle{background:var(--moon-silver)}@media (max-width: 768px){.preloader-title{font-size:2.5rem}.logo-circle{width:100px;height:100px}.logo-inner,.logo-pulse{width:70px;height:70px}.preloader-status{min-width:250px}}@media (prefers-reduced-motion: reduce){.logo-inner,.logo-pulse,.stars,.particle,.progress-bar:after{animation:none}.preloader-title,.status-text{animation:none}}.app{min-height:100vh;background:var(--midnight-black);position:relative;overflow-x:hidden}.app.loading{overflow:hidden}.app.loading .page-wrapper{opacity:0;pointer-events:none}.page-gradient-separator{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;pointer-events:none;background:radial-gradient(ellipse at center 50%,rgba(232,232,232,.5) 0%,rgba(232,232,232,.4) 15%,rgba(232,232,232,.3) 30%,rgba(10,14,39,.5) 50%,rgba(10,14,39,.7) 70%,rgba(10,14,39,.5) 85%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(10,14,39,.3) 5%,rgba(232,232,232,.25) 20%,rgba(232,232,232,.4) 35%,rgba(232,232,232,.6) 50%,rgba(232,232,232,.4) 65%,rgba(232,232,232,.25) 80%,rgba(10,14,39,.3) 95%,transparent 100%);animation:gradientSeparatorFade 1s cubic-bezier(.4,0,.2,1) forwards;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes gradientSeparatorFade{0%{opacity:0;transform:scaleY(.2)}20%{opacity:.6}40%{opacity:1;transform:scaleY(1)}60%{opacity:1;transform:scaleY(1)}80%{opacity:.6}to{opacity:0;transform:scaleY(1.3)}}[data-theme=light] .page-gradient-separator{background:radial-gradient(ellipse at center 50%,rgba(26,35,50,.4) 0%,rgba(26,35,50,.3) 15%,rgba(26,35,50,.2) 30%,rgba(232,238,245,.5) 50%,rgba(232,238,245,.7) 70%,rgba(232,238,245,.5) 85%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(232,238,245,.3) 5%,rgba(26,35,50,.2) 20%,rgba(26,35,50,.35) 35%,rgba(26,35,50,.5) 50%,rgba(26,35,50,.35) 65%,rgba(26,35,50,.2) 80%,rgba(232,238,245,.3) 95%,transparent 100%)}.page-wrapper{width:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.page-wrapper.fade-in{animation:fadeInSlide .4s cubic-bezier(.4,0,.2,1) forwards}.page-wrapper.fade-out{animation:fadeOutSlide .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutSlide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.app.transitioning.transition-forward .page-wrapper.fade-out{animation:slideOutLeft .3s cubic-bezier(.4,0,.2,1) forwards}.app.transitioning.transition-backward .page-wrapper.fade-out{animation:slideOutRight .3s cubic-bezier(.4,0,.2,1) forwards}.app.transitioning.transition-forward .page-wrapper.fade-in{animation:slideInRight .4s cubic-bezier(.4,0,.2,1) forwards}.app.transitioning.transition-backward .page-wrapper.fade-in{animation:slideInLeft .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}}.flex-center{display:flex;justify-content:center;align-items:center}.text-gradient{background:linear-gradient(135deg,var(--moon-silver) 0%,var(--moon-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:transparent;color:var(--moon-silver);border:1px solid var(--moon-silver);padding:1rem 2.5rem;font-size:.95rem;font-weight:500;border-radius:0;cursor:pointer;transition:all .3s ease;font-family:var(--font-primary);letter-spacing:.5px;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--moon-silver);transition:left .3s ease;z-index:-1}.btn-primary:hover{color:var(--midnight-black);border-color:var(--moon-silver)}[data-theme=light] .btn-primary:hover{color:var(--moon-white)}.btn-primary:hover:before{left:0}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--moon-silver);border:2px solid var(--moon-silver);padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:var(--font-primary)}.btn-secondary:hover{background:var(--moon-silver);color:var(--midnight-black);transform:translateY(-2px)}[data-theme=light] .btn-secondary:hover{color:var(--moon-white)}.section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:600;margin-bottom:1rem;text-align:center;letter-spacing:-.5px}.section-subtitle{font-size:1.2rem;color:var(--text-secondary);text-align:center;max-width:800px;margin:0 auto 3rem}[dir=rtl] .section-title,[dir=rtl] .section-subtitle{font-family:var(--font-arabic)}:root{--midnight-navy: #0a0e27;--midnight-deep: #151b3d;--midnight-black: #05070f;--moon-silver: #e8e8e8;--moon-light: #f5f5f5;--moon-white: #ffffff;--moon-gray: #c0c0c0;--text-primary: #e8e8e8;--text-secondary: #b0b0b0;--text-muted: #808080;--nav-bg: rgba(10, 14, 39, .95);--nav-border: rgba(232, 232, 232, .1);--overlay-bg: rgba(10, 14, 39, .95);--overlay-border: rgba(232, 232, 232, .1);--hover-bg: rgba(232, 232, 232, .08);--hover-bg-light: rgba(232, 232, 232, .05);--code-bg: rgba(232, 232, 232, .1);--message-assistant-bg: rgba(21, 27, 61, .8);--message-assistant-border: rgba(232, 232, 232, .2);--light-bg: #ffffff;--light-surface: #f8f9fa;--light-text: #1a1a1a;--light-text-secondary: #4a4a4a;--light-border: #e0e0e0;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic: "IBM Plex Sans Arabic", "Segoe UI", sans-serif}[data-theme=light]{--midnight-navy: #e8eef5;--midnight-deep: #f0f4f8;--midnight-black: #fafbfc;--moon-silver: #1a2332;--moon-light: #2d3a4a;--moon-white: #0a0e27;--moon-gray: #5a6b7c;--text-primary: #1a2332;--text-secondary: #4a5568;--text-muted: #718096;--nav-bg: rgba(232, 238, 245, .95);--nav-border: rgba(26, 35, 50, .15);--overlay-bg: rgba(240, 244, 248, .95);--overlay-border: rgba(26, 35, 50, .1);--hover-bg: rgba(26, 35, 50, .08);--hover-bg-light: rgba(26, 35, 50, .05);--code-bg: rgba(26, 35, 50, .1);--message-assistant-bg: rgba(240, 244, 248, .8);--message-assistant-border: rgba(26, 35, 50, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--midnight-black);color:var(--text-primary);line-height:1.7;overflow-x:hidden;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}[dir=rtl]{font-family:var(--font-arabic)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-arabic);font-weight:700}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.4px;line-height:1.3}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-arabic);font-weight:600;letter-spacing:0}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-title,.hero-subtitle,.hero-description,.feature-card,.section-title{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:0px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}*{scrollbar-width:none}*{-ms-overflow-style:none}.scroll-fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.scroll-fade-in.animate-in{opacity:1;transform:translateY(0)}.scroll-slide-left{opacity:0;transform:translate(-60px);transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.scroll-slide-left.animate-in{opacity:1;transform:translate(0)}.scroll-slide-right{opacity:0;transform:translate(60px);transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.scroll-slide-right.animate-in{opacity:1;transform:translate(0)}.scroll-scale-up{opacity:0;transform:scale(.85) translateY(30px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.scroll-scale-up.animate-in{opacity:1;transform:scale(1) translateY(0)}.scroll-rotate-in{opacity:0;transform:rotate(-8deg) scale(.9);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.scroll-rotate-in.animate-in{opacity:1;transform:rotate(0) scale(1)}.scroll-blur-in{opacity:0;filter:blur(10px);transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),filter .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);will-change:opacity,filter,transform}.scroll-blur-in.animate-in{opacity:1;filter:blur(0);transform:translateY(0)}.scroll-stagger{opacity:0}.scroll-stagger.animate-in>*{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.scroll-stagger.animate-in>*:nth-child(1){transition-delay:.1s;opacity:1;transform:translateY(0)}.scroll-stagger.animate-in>*:nth-child(2){transition-delay:.2s;opacity:1;transform:translateY(0)}.scroll-stagger.animate-in>*:nth-child(3){transition-delay:.3s;opacity:1;transform:translateY(0)}.scroll-stagger.animate-in>*:nth-child(4){transition-delay:.4s;opacity:1;transform:translateY(0)}.scroll-stagger.animate-in>*:nth-child(5){transition-delay:.5s;opacity:1;transform:translateY(0)}.scroll-stagger.animate-in>*:nth-child(6){transition-delay:.6s;opacity:1;transform:translateY(0)}.scroll-progressive{opacity:0;transform:translateY(50px) scale(.95);transition:opacity 1s cubic-bezier(.25,.46,.45,.94),transform 1s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.scroll-progressive.animate-in{opacity:1;transform:translateY(0) scale(1)}.scroll-reveal{position:relative;overflow:hidden}.scroll-reveal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--midnight-black);transform:translate(-100%);transition:transform .8s cubic-bezier(.25,.46,.45,.94);z-index:1;will-change:transform}.scroll-reveal.animate-in:before{transform:translate(100%)}.scroll-reveal>*{position:relative;z-index:2}@media (prefers-reduced-motion: reduce){.scroll-fade-in,.scroll-slide-left,.scroll-slide-right,.scroll-scale-up,.scroll-rotate-in,.scroll-blur-in,.scroll-progressive{transition:none;opacity:1;transform:none}.scroll-reveal:before{display:none}}.scroll-fade-in.animate-in,.scroll-slide-left.animate-in,.scroll-slide-right.animate-in,.scroll-scale-up.animate-in,.scroll-rotate-in.animate-in,.scroll-blur-in.animate-in,.scroll-progressive.animate-in{will-change:auto}