@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--base-bg:#faf8f9;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#71717a;--accent-purple:#9333ea;--accent-lavender:#f3e8ff;--accent-pink:#ec4899;--accent-pink-light:#fdf2f8;--accent-rose:#f43f5e;--accent-blue:#2563eb;--glass-bg:#ffffffe0;--glass-border:#ec48992e;--glass-shadow:0 20px 40px -15px #ec48991a, 0 4px 12px #00000008;--card-radius:24px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--base-bg);color:var(--text-primary);background-image:radial-gradient(circle at 12% 0,#f472b629,#0000 45%),radial-gradient(circle at 88% 18%,#ec48991f,#0000 45%),radial-gradient(circle at 50% 100%,#a855f714,#0000 60%);background-size:cover;background-attachment:fixed;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:800}.text-gradient{background:linear-gradient(135deg,#ec4899,#d946ef,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes shimmerText{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.text-gradient-shimmer{background:linear-gradient(90deg,#db2777 0%,#ec4899 22%,#a855f7 50%,#ec4899 78%,#db2777 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4.5s infinite shimmerText}.text-gradient-subtle{background:linear-gradient(135deg,#2563eb,#9333ea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--card-radius);position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000,#ec48994d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card-hover{transition:var(--transition-smooth)}.glass-card-hover:hover{border-color:#ec48994d;transform:translateY(-6px)scale(1.01);box-shadow:0 30px 60px -12px #ec489933,inset 0 1px #ffffffe6}.btn-primary{cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#ec4899,#a855f7);border:1px solid #fff6;border-radius:100px;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 8px 25px #ec489959;color:#fff!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ec48998c}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:var(--transition-smooth);background:#fff;border:1px solid #ec489938;border-radius:100px;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #ec489912;color:#18181b!important}.btn-secondary:hover{background:#fdf2f8;border-color:#ec489973;transform:translateY(-2px)}.particles-container{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background:radial-gradient(circle,#ec489966 0%,#ec489900 100%);border-radius:50%;animation:15s linear infinite float-particle;position:absolute}@keyframes float-particle{0%{opacity:0;transform:translateY(0)scale(1)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translateY(-150px)scale(0)}}.container{max-width:1280px;margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--base-bg)}::-webkit-scrollbar-thumb{background:#ec489933;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ec489966}.logo-container{justify-content:center;align-items:center;display:flex;position:relative}.logo-img{object-fit:contain;filter:drop-shadow(0 0 15px #ec489966);z-index:2;width:100%;height:100%;animation:4s ease-in-out infinite logoFloat,3s infinite alternate logoGlow}.logo-container.glow-bg:before{content:"";z-index:1;background:radial-gradient(circle,#ec489940 0%,#0000 70%);border-radius:50%;width:120%;height:120%;animation:4s cubic-bezier(.4,0,.2,1) infinite logoPulseBg;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes logoFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes logoGlow{0%{filter:drop-shadow(0 0 8px #a855f74d)}to{filter:drop-shadow(0 0 20px #ec489999)}}@keyframes logoPulseBg{0%{opacity:.5;transform:translate(-50%,-50%)scale(.8)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:.5;transform:translate(-50%,-50%)scale(.8)}}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border:1px solid #ec489933;border-radius:24px;width:100%;max-width:480px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 25px 60px -12px #ec489940}.input-field{color:#09090b;background:#faf8f9;border:1px solid #ec489940;border-radius:12px;width:100%;margin-bottom:16px;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s}.input-field:focus{border-color:var(--accent-pink);background:#fff;outline:none;box-shadow:0 0 0 3px #ec489926}.language-selector{cursor:pointer;color:#18181b;background:#fff;border:1px solid #ec489933;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s}.language-selector option{color:#18181b;background:#fff}.language-selector:hover{background:#fdf2f8;border-color:#ec489966}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.bento-card{background:#fff;border:1px solid #ec489929;border-radius:24px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #ec48990f}.bento-card:hover{background:#fdf2f8;border-color:#ec489959}@media (width<=768px){.hero-heading{font-size:42px!important}.section{padding:60px 0}.nav-links{display:none!important}.hero-buttons{flex-direction:column;width:100%}.hero-buttons button,.hero-buttons a{justify-content:center;width:100%}.features-grid{grid-template-columns:1fr!important}.dashboard-metrics{grid-template-columns:1fr 1fr!important}}@media (width<=480px){.hero-heading{font-size:34px!important}.dashboard-metrics{grid-template-columns:1fr 1fr!important;gap:10px!important}.bento-card{padding:16px!important}.glass-panel{border-radius:20px!important;padding:16px!important}.btn-primary{padding:12px 20px!important;font-size:14px!important}}.badge-tag{letter-spacing:.08em;text-transform:uppercase;color:#db2777;background:#ec48991a;border:1px solid #ec48994d;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #ec48991f}.status-indicator-dot{border-radius:50%;width:8px;height:8px;position:relative}.status-indicator-dot.active{background-color:#10b981;box-shadow:0 0 10px #10b981}.status-indicator-dot.active:after{content:"";border:1.5px solid #10b981;border-radius:50%;width:14px;height:14px;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:-3px;left:-3px}.status-indicator-dot.working{background-color:#ec4899;box-shadow:0 0 10px #ec4899}.status-indicator-dot.working:after{content:"";border:1.5px solid #ec4899;border-radius:50%;width:14px;height:14px;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:-3px;left:-3px}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.wave-bar{background:linear-gradient(#ec4899,#a855f7);border-radius:4px;width:3px;animation:1.2s ease-in-out infinite alternate wavePulse}@keyframes wavePulse{0%{height:6px}to{height:32px}}.cyber-grid-bg{background-image:linear-gradient(90deg,#ec48990f 1px,#0000 1px),linear-gradient(#ec48990f 1px,#0000 1px);background-size:32px 32px}.cyber-card{-webkit-backdrop-filter:blur(24px);background:#fff;border:1px solid #ec489929;border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 10px 30px -5px #ec489914,0 4px 12px #00000005}.cyber-card:hover{border-color:#ec489973;box-shadow:0 20px 45px -10px #ec489933}.glow-pill{letter-spacing:.02em;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:11px}.workflow-track-line{background:linear-gradient(90deg,#ec4899,#a855f7,#3b82f6);height:2px;position:relative}.workflow-pulse-dot{background:#ec4899;border-radius:50%;width:12px;height:12px;animation:4s linear infinite moveAlongLine;position:absolute;top:-5px;box-shadow:0 0 12px #ec4899,0 0 20px #a855f7}@keyframes moveAlongLine{0%{opacity:.2;left:0%}50%{opacity:1}to{opacity:.2;left:100%}}.activity-card{background:#fff;border:1px solid #ec48991f;transition:all .25s;box-shadow:0 4px 14px #ec48990d}.activity-card:hover{background:#fdf2f8;border-left-color:#d946ef;transform:translate(4px)}.blobatar-frame{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:1.5px solid #ec489940;border-radius:16px;justify-content:center;align-items:center;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 14px #ec48991f}.blobatar-frame:hover{border-color:#ec4899;box-shadow:0 6px 20px #ec489940}@property --mo-amp{syntax:"<number>";inherits:true;initial-value:0}@property --mo-esx{syntax:"<number>";inherits:true;initial-value:1}@property --mo-esy{syntax:"<number>";inherits:true;initial-value:1}@property --mo-tilt{syntax:"<number>";inherits:true;initial-value:0}@property --mo-edy{syntax:"<number>";inherits:true;initial-value:0}@property --mo-edx{syntax:"<number>";inherits:true;initial-value:0}@property --mo-esx2{syntax:"<number>";inherits:true;initial-value:0}@property --mo-esy2{syntax:"<number>";inherits:true;initial-value:0}@property --mo-tilt2{syntax:"<number>";inherits:true;initial-value:0}@property --mo-edy2{syntax:"<number>";inherits:true;initial-value:0}@property --mo-lock{syntax:"<number>";inherits:true;initial-value:0}@property --mo-shake{syntax:"<number>";inherits:true;initial-value:0}@property --mo-rock{syntax:"<number>";inherits:true;initial-value:0}@property --mo-rockp{syntax:"<number>";inherits:true;initial-value:1}@property --mo-bdy{syntax:"<number>";inherits:true;initial-value:0}.mo-root,.mo-breathe,.mo-bob{transform-box:view-box;transform-origin:50%}.mo-root{--mo-amp:0;--mo-morph:calc(.4s*var(--mo-rate,1));--mo-morph-ease:ease-in-out;--mo-tp:--mo-esx,--mo-esy,--mo-tilt,--mo-edy,--mo-edx,--mo-esx2,--mo-esy2,--mo-tilt2,--mo-edy2,--mo-lock,--mo-shake,--mo-rock,--mo-bdy;--mo-md:var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph),var(--mo-morph);--mo-me:var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease),var(--mo-morph-ease);transition-property:--mo-amp,transform,var(--mo-tp);transition-duration:calc(.4s*var(--mo-rate,1)),calc(.16s*var(--mo-rate,1)),var(--mo-md);transition-timing-function:ease-out,cubic-bezier(.23,1,.32,1),var(--mo-me);animation:mo-shake calc(.112s*var(--mo-rate,1))linear infinite}.mo-bob>g:not(.mo-eyes){fill:var(--mo-head);transition:fill var(--mo-morph)var(--mo-morph-ease)}.mo-eyes{fill:var(--mo-eye);transition:fill var(--mo-morph)var(--mo-morph-ease)}@keyframes mo-shake{0%,to{translate:calc(.62px*var(--mo-shake))calc(-.34px*var(--mo-shake))}25%{translate:calc(-.7px*var(--mo-shake))calc(.22px*var(--mo-shake))}50%{translate:calc(.38px*var(--mo-shake))calc(.66px*var(--mo-shake))}75%{translate:calc(-.44px*var(--mo-shake))calc(-.6px*var(--mo-shake))}}.mo-root.mo-expr{--mo-morph:calc(.3s*var(--mo-rate,1));--mo-morph-ease:cubic-bezier(.45,.05,.5,1)}.mo-root:hover{--mo-amp:1;transition-duration:calc(.4s*var(--mo-rate,1)),calc(.22s*var(--mo-rate,1)),var(--mo-md);transform:translateY(-1.5px)scale(1.04)}.mo-root.mo-always{--mo-amp:1}.mo-breathe{animation-name:mo-breathe;animation-duration:calc(2.8s*var(--mo-rate,1));animation-delay:calc(var(--mo-phase,0s)*var(--mo-rate,1));animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes mo-breathe{to{transform:scaleX(calc(1 + .022*var(--mo-amp)))scaleY(calc(1 - .018*var(--mo-amp)))}}.mo-bob{translate:0 calc(var(--mo-bdy)*1px);animation-name:mo-bob;animation-duration:calc(3.4s*var(--mo-rate,1));animation-delay:calc(var(--mo-bob-phase,0s)*var(--mo-rate,1));animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes mo-bob{0%{transform:translateY(0)}to{transform:translateY(calc(-1.1px*var(--mo-amp)))}}.mo-eye{transform-box:view-box;--mo-sel:calc((var(--mo-wrap,1) + 1)/2);--mo-x:calc(var(--mo-esx) + var(--mo-esx2)*var(--mo-sel));--mo-y:calc(var(--mo-esy) + var(--mo-esy2)*var(--mo-sel));--mo-t:calc(var(--mo-tilt) + var(--mo-tilt2)*var(--mo-sel));--mo-ph:calc(var(--mo-sel)*(1 - var(--mo-rock)) + var(--mo-rock)*((1 + var(--mo-wrap,1)*var(--mo-rockp))/2));translate:calc(var(--mo-edx)*var(--mo-wrap,1)*1px)calc((var(--mo-edy) + var(--mo-edy2)*var(--mo-ph))*1px);rotate:calc((var(--mo-t)*var(--mo-wrap,1) - var(--mo-lean,0)*var(--mo-lock))*1deg);transform:rotate(calc(var(--mo-lean,0)*1deg))scaleX(var(--mo-x))scaleY(var(--mo-y))rotate(calc(var(--mo-lean,0)*-1deg));animation-name:mo-rock;animation-duration:calc(.9s*var(--mo-rate,1));animation-timing-function:ease-in-out;animation-iteration-count:infinite}@container style(--mo-rock:0){.mo-eye{animation-name:none}}@keyframes mo-rock{0%,to{--mo-rockp:1}50%{--mo-rockp:-1}}.mo-eye>*{transform-box:fill-box;transform-origin:50%;animation-name:mo-blink,mo-wrap;animation-duration:calc(var(--mo-blink,4.8s)*var(--mo-rate,1)),calc(var(--mo-saccade,5.6s)*var(--mo-rate,1));animation-delay:calc(var(--mo-blink-phase,0s)*var(--mo-rate,1)),calc(var(--mo-saccade-phase,0s)*var(--mo-rate,1));animation-timing-function:linear;animation-iteration-count:infinite}@keyframes mo-blink{0%,97.2%{transform:rotate(calc(var(--mo-lean,0)*1deg))scaleY(1)rotate(calc(var(--mo-lean,0)*-1deg));animation-timing-function:ease-in}98.6%{transform:rotate(calc(var(--mo-lean,0)*1deg))scaleY(calc(1 - .92*var(--mo-amp)))rotate(calc(var(--mo-lean,0)*-1deg));animation-timing-function:ease-out}to{transform:rotate(calc(var(--mo-lean,0)*1deg))scaleY(1)rotate(calc(var(--mo-lean,0)*-1deg))}}.mo-eyes{animation-name:mo-saccade;animation-duration:calc(var(--mo-saccade,5.6s)*var(--mo-rate,1));animation-delay:calc(var(--mo-saccade-phase,0s)*var(--mo-rate,1));animation-timing-function:linear;animation-iteration-count:infinite}@keyframes mo-saccade{0%,15%{translate:0}16.5%,31%{translate:calc(-.8px*var(--mo-look-x,1.4)*var(--mo-amp))calc(-.9px*var(--mo-look-y,1.1)*var(--mo-amp))}32.5%,47%{translate:calc(1px*var(--mo-look-x,1.4)*var(--mo-amp))calc(.1px*var(--mo-look-y,1.1)*var(--mo-amp))}48.5%,63%{translate:calc(-.15px*var(--mo-look-x,1.4)*var(--mo-amp))calc(.85px*var(--mo-look-y,1.1)*var(--mo-amp))}64.5%,79%{translate:calc(.75px*var(--mo-look-x,1.4)*var(--mo-amp))calc(-.8px*var(--mo-look-y,1.1)*var(--mo-amp))}80.5%,98.5%{translate:calc(-1px*var(--mo-look-x,1.4)*var(--mo-amp))calc(-.15px*var(--mo-look-y,1.1)*var(--mo-amp))}to{translate:0}}@keyframes mo-wrap{0%,15%{rotate:none;scale:1}16.5%,31%{scale:calc(1 - .0176*var(--mo-look-mx,1.4)*var(--mo-amp) + .008*var(--mo-look-x,1.4)*var(--mo-wrap,1)*var(--mo-amp))calc(1 - .027*var(--mo-look-my,1.1)*var(--mo-amp));rotate:calc(.648deg*var(--mo-look-x,1.4)*var(--mo-look-y,1.1)*var(--mo-wrap,1)*var(--mo-amp))}32.5%,47%{scale:calc(1 - .022*var(--mo-look-mx,1.4)*var(--mo-amp) - .01*var(--mo-look-x,1.4)*var(--mo-wrap,1)*var(--mo-amp))calc(1 - .003*var(--mo-look-my,1.1)*var(--mo-amp));rotate:calc(.09deg*var(--mo-look-x,1.4)*var(--mo-look-y,1.1)*var(--mo-wrap,1)*var(--mo-amp))}48.5%,63%{scale:calc(1 - .0033*var(--mo-look-mx,1.4)*var(--mo-amp) + .0015*var(--mo-look-x,1.4)*var(--mo-wrap,1)*var(--mo-amp))calc(1 - .0255*var(--mo-look-my,1.1)*var(--mo-amp));rotate:calc(-.115deg*var(--mo-look-x,1.4)*var(--mo-look-y,1.1)*var(--mo-wrap,1)*var(--mo-amp))}64.5%,79%{scale:calc(1 - .0165*var(--mo-look-mx,1.4)*var(--mo-amp) - .0075*var(--mo-look-x,1.4)*var(--mo-wrap,1)*var(--mo-amp))calc(1 - .024*var(--mo-look-my,1.1)*var(--mo-amp));rotate:calc(-.54deg*var(--mo-look-x,1.4)*var(--mo-look-y,1.1)*var(--mo-wrap,1)*var(--mo-amp))}80.5%,98.5%{scale:calc(1 - .022*var(--mo-look-mx,1.4)*var(--mo-amp) + .01*var(--mo-look-x,1.4)*var(--mo-wrap,1)*var(--mo-amp))calc(1 - .0045*var(--mo-look-my,1.1)*var(--mo-amp));rotate:calc(.135deg*var(--mo-look-x,1.4)*var(--mo-look-y,1.1)*var(--mo-wrap,1)*var(--mo-amp))}to{rotate:none;scale:1}}@media not ((hover:hover) and (pointer:fine)){.mo-root:hover{--mo-amp:0;transform:none}.mo-root.mo-always{--mo-amp:1}.mo-root:not(.mo-always),.mo-root:not(.mo-always) *{animation-play-state:paused}.mo-root.mo-expr:not(.mo-always) .mo-eye{animation-play-state:running}}.mo-slow{--mo-rate:5}@media (prefers-reduced-motion:reduce){.mo-root,.mo-breathe,.mo-bob,.mo-eyes,.mo-eye,.mo-eye>*{transition:none;animation:none}.mo-bob>g:not(.mo-eyes){transition:none}}
