@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{width:100%;max-width:100%;margin:0;padding:0;position:relative;overflow-x:hidden}#root{width:100%;max-width:100%;position:relative;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif}:root{--bg-primary:#06060e;--bg-secondary:#0c0c1a;--bg-card:#10101e;--bg-card-hover:#18182e;--bg-glass:#ffffff09;--border:#ffffff12;--border-hover:#ffffff29;--text-primary:#f0f0ff;--text-secondary:#9090b8;--text-muted:#5a5a7a;--text-inverse:#08080f;--purple:#8b5cf6;--pink:#ec4899;--blue:#3b82f6;--cyan:#06b6d4;--green:#10b981;--orange:#f97316;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:.2s cubic-bezier(.4,0,.2,1)}:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f3f4f6;--bg-glass:#00000006;--border:#0f172a14;--border-hover:#0f172a2e;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 10% 20%,#8b5cf614,#0000 60%),radial-gradient(60% 50% at 90% 80%,#ec48990f,#0000 50%),radial-gradient(50% 40%,#3b82f60a,#0000 40%);position:fixed;inset:0}:root[data-theme=light] body:before{background:radial-gradient(80% 60% at 10% 20%,#8b5cf612,#0000 60%),radial-gradient(60% 50% at 90% 80%,#ec48990d,#0000 50%),radial-gradient(50% 40%,#3b82f60a,#0000 40%)}:root[data-theme=light] .glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbf;border-color:#0f172a14;box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008}:root[data-theme=light] .glass-card:hover{border-color:#8b5cf633;box-shadow:0 8px 32px #8b5cf61a,0 2px 8px #0000000f}:root[data-theme=light] .tool-card{background:#fffc;border:1px solid #0f172a12;box-shadow:0 1px 3px #0000000a}:root[data-theme=light] .tool-card:hover{background:#fffffff2;border-color:#8b5cf640;box-shadow:0 20px 40px #8b5cf614,0 4px 12px #0000000f}:root[data-theme=light] .stat-card{background:#ffffffb3;border-color:#0f172a0f;box-shadow:0 1px 4px #0000000a}:root[data-theme=light] .stat-card:hover{border-color:#8b5cf633;box-shadow:0 8px 24px #8b5cf614}:root[data-theme=light] .navbar.scrolled{background:#f8fafce0;border-bottom-color:#0f172a0f;box-shadow:0 1px 12px #0000000f}:root[data-theme=light] .btn-secondary{color:var(--text-primary);background:#fffc;border-color:#0f172a1a}:root[data-theme=light] .btn-secondary:hover{background:#fff;border-color:#8b5cf64d;box-shadow:0 4px 16px #8b5cf614}:root[data-theme=light] .btn-ghost:hover{color:var(--text-primary);background:#0000000a}:root[data-theme=light] .upload-zone{background:linear-gradient(135deg,#8b5cf60a,#ec489908);border-color:#8b5cf640}:root[data-theme=light] .upload-zone:hover,:root[data-theme=light] .upload-zone.dragging{background:linear-gradient(135deg,#8b5cf614,#ec48990f);border-color:#8b5cf680;box-shadow:0 0 32px #8b5cf614}:root[data-theme=light] .input-field{background:#fffc;border-color:#0f172a1a}:root[data-theme=light] .input-field:focus{background:#fff;border-color:#8b5cf666;box-shadow:0 0 0 3px #8b5cf614}:root[data-theme=light] .badge{color:#7c3aed;background:#8b5cf61a;border-color:#8b5cf633}:root[data-theme=light] .badge-green{color:#059669;background:#10b9811a;border-color:#10b98133}:root[data-theme=light] .badge-blue{color:#2563eb;background:#3b82f61a;border-color:#3b82f633}:root[data-theme=light] .badge-orange{color:#ea580c;background:#f973161a;border-color:#f9731633}:root[data-theme=light] .badge-pink{color:#db2777;background:#ec48991a;border-color:#ec489933}:root[data-theme=light] .modal-overlay{background:#00000040}:root[data-theme=light] .modal-panel{background:#fff;box-shadow:0 24px 64px #0000001f,0 0 0 1px #0f172a0f}:root[data-theme=light] .pricing-popular{box-shadow:0 0 32px #8b5cf60f,0 12px 32px #0000000f;border-color:#8b5cf64d!important}:root[data-theme=light] .mobile-nav{background:#fffffff2;border-top-color:#0f172a0f}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#8b5cf633}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#8b5cf659}:root[data-theme=light] .orb{opacity:.06}:root[data-theme=light] ::selection{color:#1e1b4b;background:#8b5cf633}:root[data-theme=light] .gradient-text{background:linear-gradient(135deg,#7c3aed,#db2777,#ea580c) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradient-shift}.font-outfit{font-family:Outfit,sans-serif}.gradient-text{background:linear-gradient(135deg,#a78bfa,#ec4899,#f59e0b) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}@media (width<=640px){.container{padding:0 16px}}.glass-card{border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffff0a 0%,#ffffff03 100%);padding:24px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative}.glass-card:after{content:"";border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #8b5cf60f, transparent 40%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.glass-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 24px 64px #00000080,0 0 32px #8b5cf60f}.glass-card:hover:after{opacity:1}@media (width<=768px){.glass-card{border-radius:var(--radius-lg);padding:16px}}.navbar{z-index:100;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#06060ed9;padding:10px 0;box-shadow:0 4px 32px #0006}:root[data-theme=light] .navbar.scrolled{background:#f8fafcd9}.btn{border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a855f7,#ec4899) 0 0/200% 200%;box-shadow:0 4px 24px #8b5cf64d,inset 0 1px #ffffff26}.btn-primary:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 8px 40px #8b5cf673,inset 0 1px #fff3}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff14;box-shadow:0 4px 16px #0003}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;padding:8px 12px}.btn-ghost:hover{background:var(--bg-glass);color:#fff}.upload-zone{border-radius:var(--radius-xl);transition:all var(--transition);cursor:pointer;background:linear-gradient(135deg,#8b5cf60a,#ec48990a);border:2px dashed #8b5cf64d}.upload-zone:hover,.upload-zone.dragging{background:linear-gradient(135deg,#8b5cf61a,#ec489914);border-color:#8b5cf6b3;box-shadow:0 0 40px #8b5cf626}.input-field{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffff0a;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .25s}.input-field:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.input-field::placeholder{color:var(--text-muted)}.badge{color:#c4b5fd;text-align:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.badge-green{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}.badge-blue{color:#93c5fd;background:#3b82f626;border-color:#3b82f64d}.badge-orange{color:#fdba74;background:#f9731626;border-color:#f973164d}.badge-pink{color:#f9a8d4;background:#ec489926;border-color:#ec48994d}@media (width<=480px){.hero-btn{justify-content:center;width:100%}.hero-btns{flex-direction:column;gap:10px}}.progress-track{background:var(--bg-glass);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:3px;height:100%;transition:width .4s}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(12px);background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-xl);width:100%;max-width:440px;max-height:90vh;overflow:hidden auto;box-shadow:0 32px 80px #000c,0 0 80px #8b5cf614}@media (width<=480px){.modal-panel{border-radius:var(--radius-lg);max-height:95vh}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tool-card{cursor:pointer;background:linear-gradient(145deg,#ffffff09 0%,#ffffff03 100%);border:1px solid #ffffff0f;border-radius:24px;padding:28px 24px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:block;position:relative;overflow:hidden}.tool-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #8b5cf614, transparent 40%);opacity:0;pointer-events:none;border-radius:24px;transition:opacity .4s;position:absolute;inset:0}.tool-card:after{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#8b5cf64d,#ec48991a,#0000,#0000);border-radius:25px;transition:opacity .4s;position:absolute;inset:-1px}.tool-card:hover{background:linear-gradient(145deg,#ffffff0f 0%,#ffffff05 100%);border-color:#ffffff26;transform:translateY(-6px)scale(1.02);box-shadow:0 30px 60px #00000080,0 0 48px #8b5cf614}.tool-card:hover:before,.tool-card:hover:after{opacity:1}.file-item{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:12px 16px;display:flex}.orb{filter:blur(100px);opacity:.1;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-24px)scale(1.05)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}@media (width<=480px){.tools-grid{grid-template-columns:1fr;gap:12px}}.mobile-nav{z-index:100;background:var(--bg-primary);opacity:.98;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:8px 0 calc(8px + env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=768px){.mobile-nav{width:100%;display:flex;left:0;right:0}.desktop-nav,.desktop-only{display:none!important}}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}@media (width<=480px){.hero-grid{grid-template-columns:repeat(2,1fr)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{text-align:center;border:1px solid var(--border);background:linear-gradient(145deg,#ffffff0a,#ffffff03);border-radius:20px;padding:20px 12px;transition:all .35s;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;background:radial-gradient(circle at 50% 0,#8b5cf61f,#0000 70%);border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.stat-card:hover{border-color:#8b5cf64d;transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.pricing-popular{position:relative;box-shadow:0 0 48px #8b5cf614,0 24px 48px #0000004d;border:1px solid #8b5cf666!important}.pricing-popular:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#8b5cf633,#ec48991a,#0000);position:absolute;inset:-1px}.ai-glow{position:relative}.ai-glow:after{content:"";border-radius:inherit;opacity:.15;z-index:-1;filter:blur(8px);background:conic-gradient(#8b5cf6,#ec4899,#3b82f6,#8b5cf6);animation:8s linear infinite spin-slow;position:absolute;inset:-2px}.chat-user{color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:none!important;border-radius:18px 18px 4px!important}.chat-ai{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:18px 18px 18px 4px!important}@supports (padding:env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}::selection{color:#f0f0ff;background:#8b5cf64d}