@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f8fafc;--surface-color:#ffffffb3;--surface-border:#0000000f;--surface-glow:#6366f10d;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--secondary-gradient:linear-gradient(135deg, #f43f5e 0%, #fb923c 100%);--accent-gradient:linear-gradient(135deg, #22d3ee 0%, #2563eb 100%);--success-gradient:linear-gradient(135deg, #10b981 0%, #34d399 100%);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--glass-blur:blur(16px);--glass-border:1px solid #0000000d;--shadow-premium:0 25px 50px -12px #00000014;--inner-glow:inset 0 1px 1px #ffffffe6;--radius-sm:10px;--radius-md:18px;--radius-lg:32px;--radius-xl:48px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-base:.4s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,sans-serif}h1,h2,h3,h4,.font-heading{letter-spacing:-.03em;font-family:Outfit,sans-serif;font-weight:800}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}.bg-mesh{z-index:-1;background:var(--bg-color);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-mesh:before,.bg-mesh:after{content:"";filter:blur(120px);opacity:.1;pointer-events:none;border-radius:50%;width:60vw;height:60vw;position:absolute}.bg-mesh:before{background:#6366f1;animation:20s infinite alternate float;top:-10%;left:-10%}.bg-mesh:after{background:#ec4899;animation:25s infinite alternate-reverse float;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(10%,10%)scale(1.1)}}#root{flex-direction:column;min-height:100vh;display:flex}.glass{background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-premium), var(--inner-glow)}.glass-card{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md);transition:var(--transition-base);background:#fff9;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.glass-card:hover{background:#fffc;border-color:#6366f133;transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000008}.container{max-width:1300px;margin:0 auto;padding:0 32px}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-balance{text-wrap:balance}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 20px -10px #6366f166}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 20px 30px -10px #6366f180}.btn-secondary{border:1px solid var(--surface-border);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc}.btn-secondary:hover{background:#fff;border-color:#0000001a;box-shadow:0 4px 6px -1px #0000000d}.navbar{z-index:1000;height:90px;transition:var(--transition-base);border-bottom:1px solid var(--surface-border);align-items:center;display:flex;position:sticky;top:0}.navbar.scrolled{background:#f8fafccc;border-bottom:1px solid #0000000d;height:70px}.nav-link{color:var(--text-secondary);transition:var(--transition-fast);border-radius:12px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary);background:#00000008}.footer{border-top:1px solid var(--surface-border);background:#ffffff80}.hero{text-align:center;padding:120px 0 80px;position:relative}.hero h1{background:linear-gradient(#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:5rem;line-height:1.1}.hero p{color:var(--text-secondary);max-width:800px;margin:0 auto 48px;font-size:1.4rem;font-weight:400}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px;padding:40px 0 100px;display:grid}.tool-card{border-radius:var(--radius-lg);padding:40px;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--primary-gradient);opacity:0;width:100%;height:100%;transition:var(--transition-base);z-index:0;position:absolute;top:0;left:0}.tool-card:hover:before{opacity:.02}.tool-icon{border-radius:var(--radius-md);color:#6366f1;width:72px;height:72px;transition:var(--transition-base);z-index:1;background:#6366f11a;justify-content:center;align-items:center;margin-bottom:28px;display:flex;position:relative}.tool-card:hover .tool-icon{background:var(--primary-gradient);color:#fff;transform:scale(1.1)rotate(5deg);box-shadow:0 15px 30px -10px #6366f166}.tool-card h3{z-index:1;color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;position:relative}.tool-card p{color:var(--text-secondary);z-index:1;font-size:.95rem;line-height:1.6;position:relative}.workspace{border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);background:#fffc;padding:56px}.upload-zone{border-radius:var(--radius-lg);transition:var(--transition-base);background:#fff6;border:2px dashed #00000014;padding:80px 40px}.upload-zone:hover{background:#6366f105;border-color:#6366f1;transform:scale(1.01)}.badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#00000008;border-radius:100px;align-items:center;margin-bottom:16px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-primary{color:#6366f1;background:#6366f114;border:1px solid #6366f11a}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#0000 0%,#00000005 50%,#0000 100%) 0 0/200% 100%;animation:3s infinite shimmer}.rtl{direction:rtl}.rtl .nav-links{margin-left:0;margin-right:auto}@media (width<=768px){.hero h1{font-size:3rem}.hero p{font-size:1.1rem}.container{padding:0 20px}.tools-grid{grid-template-columns:1fr}.workspace{padding:24px}.navbar{height:70px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-color);background:#0000001a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#0003}