root--primary-50#eef2ff--primary-100#e0e7ff--primary-200#c7d2fe--primary-300#a5b4fc--primary-400#818cf8--primary-500#6366f1--primary-600#4f46e5--primary-700#4338ca--primary-800#3730a3--primary-900#312e81--secondary-50#fff0f6--secondary-100#ffdeeb--secondary-200#fcc2d7--secondary-300#faa2c1--secondary-400#f783ac--secondary-500#f06595--secondary-600#e64980--success-50#f0fdf4--success-100#dcfce7--success-500#10b981--success-600#059669--warning-50#fffbeb--warning-100#fef3c7--warning-500#f59e0b--warning-600#d97706--error-50#fef2f2--error-100#fee2e2--error-500#ef4444--error-600#dc2626--info-50#eff6ff--info-100#dbeafe--info-500#3b82f6--info-600#2563eb--text-primary#18181b--text-secondary#52525b--text-muted#71717a--text-light#a1a1aa--bg-primary#ffffff--bg-secondary#fafafa--bg-tertiary#f4f4f5--bg-card#ffffff--bg-hover#f4f4f5--border-color#e4e4e7--border-light#f4f4f5--border-focusrgba(79702290.3)--font-family'Inter'-apple-systemBlinkMacSystemFont'Segoe UI'RobotoOxygenUbuntuCantarellsans-serif--font-size-xs0.75rem--font-size-sm0.875rem--font-size-base1rem--font-size-lg1.125rem--font-size-xl1.25rem--font-size-2xl1.5rem--font-size-3xl2rem--font-size-4xl2.5rem--font-size-5xl3rem--font-weight-light300--font-weight-normal400--font-weight-medium500--font-weight-semibold600--font-weight-bold700--font-weight-extrabold800--line-height-tight1.25--line-height-normal1.5--line-height-relaxed1.75--spacing-xs0.25rem--spacing-sm0.5rem--spacing-md1rem--spacing-lg1.5rem--spacing-xl2rem--spacing-2xl3rem--spacing-3xl4rem--radius-sm0.375rem--radius-md0.5rem--radius-lg0.75rem--radius-xl1rem--radius-2xl1.5rem--radius-full9999px--shadow-sm0 1px 2px 0 rgba(0000.05)--shadow-md0 4px 6px -1px rgba(0000.1)0 2px 4px -1px rgba(0000.06)--shadow-lg0 10px 15px -3px rgba(0000.1)0 4px 6px -2px rgba(0000.05)--shadow-xl0 20px 25px -5px rgba(0000.1)0 10px 10px -5px rgba(0000.04)--shadow-2xl0 25px 50px -12px rgba(0000.25)--shadow-primary0 4px 12px rgba(79702290.25)--shadow-primary-lg0 12px 32px rgba(79702290.4)--shadow-insetinset 0 2px 4px 0 rgba(0000.06)--transition-fast0.15s cubic-bezier(0.400.21)--transition-normal0.3s cubic-bezier(0.400.21)--transition-slow0.5s cubic-bezier(0.400.21)--gradient-primaryvar(--primary-600)--gradient-secondaryvar(--primary-500)--gradient-warm#f59e0b--gradient-cool#06b6d4--gradient-successvar(--success-600)--z-dropdown100--z-sticky200--z-fixed300--z-modal-backdrop400--z-modal500--z-toast600--z-tooltip700*margin0padding0box-sizingborder-boxhtmlscroll-behaviorsmooth-webkit-font-smoothingantialiased-moz-osx-font-smoothinggrayscale-webkit-text-size-adjust100%bodyfont-familyvar(--font-family)font-sizevar(--font-size-base)font-weightvar(--font-weight-normal)line-heightvar(--line-height-relaxed)colorvar(--text-primary)background-colorvar(--bg-primary).containermax-width1200pxmargin0 autopadding0 var(--spacing-lg).container-smmax-width640px.container-mdmax-width768px.container-lgmax-width1024pxheaderbackgroundvar(--gradient-primary)colorwhitepaddingvar(--spacing-md) 0positionfixedwidth100%top0z-indexvar(--z-fixed)box-shadowvar(--shadow-md)transitionall var(--transition-normal)header.scrolledpaddingvar(--spacing-sm) 0box-shadowvar(--shadow-lg)navdisplayflexjustify-contentspace-betweenalign-itemscenter.logofont-sizevar(--font-size-xl)font-weightvar(--font-weight-extrabold)text-decorationnonecolorwhitedisplayflexalign-itemscentergapvar(--spacing-sm).logo ifont-sizevar(--font-size-2xl).nav-linksdisplayflexlist-stylenonegapvar(--spacing-2xl).nav-links acolorwhitetext-decorationnonefont-weightvar(--font-weight-medium)font-sizevar(--font-size-sm)transitioncolor var(--transition-fast)positionrelative.nav-links aaftercontent''positionabsolutebottom-4pxleft0width0height2pxbackgroundwhitetransitionwidth var(--transition-normal).nav-links ahovercolorrgba(2552552550.9).nav-links ahoverafterwidth100%.nav-actionsdisplayflexalign-itemscentergapvar(--spacing-lg).language-switchdisplayflexgapvar(--spacing-xs)backgroundrgba(2552552550.1)paddingvar(--spacing-xs)border-radiusvar(--radius-full)backdrop-filterblur(4px).lang-btnbackgroundtransparentbordernonecolorwhitepaddingvar(--spacing-sm) var(--spacing-md)border-radiusvar(--radius-full)cursorpointerfont-weightvar(--font-weight-medium)font-sizevar(--font-size-xs)transitionall var(--transition-fast).lang-btnhoverbackgroundrgba(2552552550.2).lang-btn.activebackgroundwhitecolorvar(--primary-600)box-shadowvar(--shadow-sm).nav-toggledisplaynonefont-sizevar(--font-size-2xl)cursorpointerpaddingvar(--spacing-sm).btndisplayinline-flexalign-itemscenterjustify-contentcentergapvar(--spacing-sm)padding16px 32pxborder-radius14pxtext-decorationnonefont-weightvar(--font-weight-bold)font-sizevar(--font-size-sm)letter-spacing0.3pxmin-height48pxmin-width48pxbordernonecursorpointertransitionall var(--transition-normal)white-spacenowrap.btn-primarybackgroundwhitecolorvar(--primary-600)box-shadowvar(--shadow-md).btn-primaryhoverbackgroundvar(--bg-secondary)transformtranslateY(-3px)box-shadowvar(--shadow-lg).btn-secondarybackgroundtransparentcolorwhiteborder2px solid white.btn-secondaryhoverbackgroundwhitecolorvar(--primary-600)transformtranslateY(-3px).btn-gradientbackgroundvar(--primary-600)colorwhitebox-shadowvar(--shadow-sm)positionrelativeoverflowhidden.btn-gradienthoverbackgroundvar(--primary-700)transformtranslateY(-1px)box-shadowvar(--shadow-md).btn-successbackgroundvar(--gradient-success)colorwhitebox-shadow0 4px 12px rgba(161851290.3).btn-successhovertransformtranslateY(-3px)box-shadow0 8px 24px rgba(161851290.4).btndisabledopacity0.6cursornot-allowedtransformnone !important.btn-blockwidth100%.btn-dashboardbackgroundvar(--gradient-warm)colorwhitebordernoneborder-radiusvar(--radius-full)padding10px 25pxfont-weightvar(--font-weight-bold)font-sizevar(--font-size-xs)box-shadow0 4px 15px rgba(2551071070.4)transitionall var(--transition-normal)positionrelativeoverflowhidden.btn-dashboardbeforecontent''positionabsolutetop0left-100%width100%height100%backgroundlinear-gradient(90degtransparentrgba(2552552550.3)transparent)transitionleft 0.5s ease.btn-dashboardhoverbackgroundlinear-gradient(135deg#FF8E53 0%#FF6B6B 100%)transformtranslateY(-3px) scale(1.05)box-shadow0 8px 25px rgba(2551071070.5).btn-dashboardhoverbeforeleft100%.btn-dashboard imargin-right8pxfont-sizevar(--font-size-sm)animationpulse 2s infinite.btn-smallpadding0.75rem 1.5remfont-sizevar(--font-size-xs)border-radiusvar(--radius-md)text-decorationnonefont-weightvar(--font-weight-semibold)transitionall var(--transition-normal)displayinline-flexalign-itemscenterjustify-contentcentermin-height44pxmin-width44px.heropadding100px 0 60pxtext-aligncenterbackgroundlinear-gradient(135deg#1e1b4b 0%#312e81 50%#1e3a5f 100%)colorwhitepositionrelativeoverflowhiddendisplaynonebody.homepage .herodisplaynonebodynot(.homepage) .herodisplayblock.pain-points-bannerbackgroundrgba(0000.15)backdrop-filterblur(10px)padding12px 0margin-bottom2remborder-radius0 0 16px 16pxpositionrelativez-index2.pain-points-wrapperdisplayflexjustify-contentcentergap1.5remflex-wrapwrapalign-itemscenter.pain-point-itemdisplayflexalign-itemscentergap0.5remfont-size0.9rempadding6px 12pxbackgroundrgba(2552552550.1)border-radius20pxtransitionall 0.3s ease.pain-point-itemhoverbackgroundrgba(2552552550.2)transformtranslateY(-2px).pain-point-item ifont-size0.85rem.pain-point-solvebackgroundlinear-gradient(135deg#10b981 0%#059669 100%) !importantfont-weight600.hero-problemsdisplayflexjustify-contentcentergap0.75remflex-wrapwrapmargin-bottom1.5rempositionrelativez-index1.problem-tagpadding6px 16pxbackgroundrgba(2552552550.15)border-radius20pxfont-size0.85remfont-weight500backdrop-filterblur(4px)border1px solid rgba(2552552550.2).herobeforecontent''positionabsolutetop0left0right0bottom0background-imageradial-gradient(circle at 20% 80%rgba(2552552550.1) 0%transparent 50%)radial-gradient(circle at 80% 20%rgba(2552552550.08) 0%transparent 50%)radial-gradient(circle at 40% 40%rgba(2552552550.05) 0%transparent 40%)pointer-eventsnone.trust-badgesdisplayflexjustify-contentcentergap2remmargin-bottom2remflex-wrapwrappositionrelativez-index1.trust-badges spandisplayflexalign-itemscentergap0.5remfont-size0.95remopacity0.95backgroundrgba(2552552550.1)paddingvar(--spacing-sm) var(--spacing-lg)border-radiusvar(--radius-full)backdrop-filterblur(4px).trust-badges ifont-size1.1rem.hero h1font-sizevar(--font-size-4xl)margin-bottom0.5remmax-width800pxmargin-leftautomargin-rightautoline-heightvar(--line-height-tight)font-weightvar(--font-weight-extrabold)positionrelativez-index1.hero-subtitlefont-sizevar(--font-size-xl)opacity0.95margin-bottom2remfont-weightvar(--font-weight-medium)positionrelativez-index1.hero-buttonsdisplayflexgap1remjustify-contentcenterflex-wrapwrapalign-itemscentermargin-bottom3rempositionrelativez-index1.no-creditfont-size0.95remopacity0.9positionrelativez-index1.quick-toolsdisplayflexjustify-contentcentergap1remflex-wrapwrapmargin-top2rempositionrelativez-index1.quick-toolbackgroundrgba(2552552550.15)backdrop-filterblur(10px)padding1rem 1.5remborder-radiusvar(--radius-xl)cursorpointertransitionall var(--transition-normal)displayflexflex-directioncolumnalign-itemscentergap0.5remmin-width100pxborder1px solid rgba(2552552550.1).quick-toolhoverbackgroundrgba(2552552550.25)transformtranslateY(-3px) scale(1.05)box-shadow0 8px 24px rgba(0000.15).quick-tool ifont-size1.8remtransitiontransform var(--transition-fast).quick-toolhover itransformscale(1.1).quick-tool spanfont-size0.85remfont-weightvar(--font-weight-medium).tool-griddisplaygridgrid-template-columnsrepeat(auto-fillminmax(280px1fr))gapvar(--spacing-xl).tool-cardbackgroundvar(--bg-card)border-radiusvar(--radius-xl)paddingvar(--spacing-2xl)box-shadowvar(--shadow-md)transitionall 0.4s cubic-bezier(0.400.21)text-decorationnonecolorinheritdisplayblockborder1px solid var(--border-light)positionrelativeoverflowhidden.tool-cardbeforecontent''positionabsolutetop0left0right0height4pxbackgroundvar(--gradient-primary)background-size200% 100%animationgradientMove 3s ease infiniteopacity0transitionopacity var(--transition-normal).tool-cardhoverbeforeopacity1@keyframes gradientMove0%100%background-position0% 50%50%background-position100% 50%.tool-cardhovertransformtranslateY(-8px) scale(1.02)box-shadowvar(--shadow-xl)border-colorrgba(79702290.2).tool-iconwidth72pxheight72pxbackgroundvar(--gradient-primary)border-radiusvar(--radius-lg)displayflexalign-itemscenterjustify-contentcentermargin-bottomvar(--spacing-lg)box-shadow0 8px 24px rgba(79702290.3)transitiontransform var(--transition-normal)positionrelative.tool-iconaftercontent''positionabsoluteinset0backgroundinheritborder-radiusinheritfilterblur(16px)opacity0.5z-index-1.tool-cardhover .tool-icontransformrotate(5deg) scale(1.1).tool-icon icolorwhitefont-size32px.tool-card h3font-sizevar(--font-size-xl)font-weightvar(--font-weight-bold)colorvar(--text-primary)margin-bottomvar(--spacing-sm)backgroundlinear-gradient(135degvar(--text-primary)#374151)-webkit-background-cliptext-webkit-text-fill-colortransparentbackground-cliptext.tool-card pcolorvar(--text-secondary)font-sizevar(--font-size-sm)line-heightvar(--line-height-relaxed)margin-bottomvar(--spacing-lg).new-badgedisplayinline-blockpadding4px 10pxbackgroundvar(--gradient-secondary)colorwhiteborder-radiusvar(--radius-full)font-sizevar(--font-size-xs)font-weightvar(--font-weight-bold)text-transformuppercaseanimationbadgePulse 2s infinitevertical-alignmiddle@keyframes badgePulse0%100%opacity150%opacity0.8.tool-card-highlightbackgroundlinear-gradient(135deg#fff 0%#f8f4ff 100%)border2px solid var(--primary-400)positionrelativeoverflowhidden.tool-card-highlightbeforecontent''positionabsolutetop0left0right0height4pxbackgroundlinear-gradient(90degvar(--primary-500)var(--primary-600)var(--secondary-500))animationgradientMove 3s ease infinite.tool-card .tool-benefitdisplayflexgapvar(--spacing-sm)flex-wrapwrap.benefit-tagbackgroundlinear-gradient(135degvar(--bg-secondary)var(--bg-tertiary))colorvar(--text-primary)padding6px 14pxborder-radiusvar(--radius-full)font-sizevar(--font-size-xs)font-weightvar(--font-weight-semibold)border1px solid var(--border-color)transitionall var(--transition-normal).tool-cardhover .benefit-tagbackgroundvar(--gradient-primary)colorwhiteborder-colortransparenttransformtranslateY(-2px).scene-tagbackground#ecfdf5color#059669border1px solid #a7f3d0.tool-cardhover .scene-tagbackground#059669color#fffborder-colortransparent.tool-pagepadding56px 0 80pxbackgroundvar(--bg-primary)min-heightauto.tool-page-headertext-alignleftmargin-bottom36pxpositionrelativemax-width640px.tool-page-header h1font-sizevar(--font-size-3xl)font-weightvar(--font-weight-extrabold)colorvar(--text-primary)margin-bottom16pxletter-spacing-0.03em.tool-page-header pcolorvar(--text-secondary)font-sizevar(--font-size-lg)margin0 0 8pxmax-widthnone.usage-badgedisplayinline-flexalign-itemscentergap8pxpadding10px 20pxbackgroundvar(--gradient-primary)colorwhiteborder-radiusvar(--radius-full)font-sizevar(--font-size-sm)font-weightvar(--font-weight-semibold)margin-top20pxbox-shadowvar(--shadow-primary).usage-badgebeforecontent'⚡'.breadcrumb-navmargin-bottom24px.breadcrumb-nav acolorvar(--primary-600)text-decorationnonefont-sizevar(--font-size-sm)displayinline-flexalign-itemscentergap8px.breadcrumb-nav ahovertext-decorationunderline.tool-formbackgroundvar(--bg-card)padding40pxborder-radiusvar(--radius-2xl)box-shadow0 4px 20px rgba(79702290.1)0 8px 40px rgba(79702290.08)margin-bottom28pxborder1px solid var(--border-light).form-groupmargin-bottom24px.form-group labeldisplayblockfont-weightvar(--font-weight-semibold)color#374151margin-bottom10pxfont-sizevar(--font-size-sm)letter-spacing0.3px.form-controlwidth100%padding14px 18pxborder2px solid #e5e7ebborder-radiusvar(--radius-lg)font-sizevar(--font-size-base)transitionall 0.3s cubic-bezier(0.400.21)background#fafbfcfont-familyinherit.form-controlfocusoutlinenoneborder-colorvar(--primary-500)box-shadow0 0 0 4px rgba(79702290.1)backgroundwhitetransformtranslateY(-1px).form-controlplaceholdercolorvar(--text-muted).form-control-filewidth100%padding20pxborder2px dashed #d1d5dbborder-radiusvar(--radius-lg)cursorpointerbackground#fafbfctransitionall var(--transition-normal)text-aligncenter.form-control-filehoverborder-colorvar(--primary-500)backgroundrgba(79702290.02).form-control-file.dragoverborder-colorvar(--primary-500)backgroundrgba(79702290.08)transformscale(1.01).form-rowdisplaygridgrid-template-columnsrepeat(auto-fitminmax(220px1fr))gapvar(--spacing-lg).form-group.text-centertext-aligncenter.tool-contentmargin-bottom28px.tool-subtabsdisplayflexgap8pxmargin-bottom32pxpadding6pxbackgroundvar(--bg-tertiary)border-radiusvar(--radius-xl).subtab-btnpadding14px 28pxbordernonebackgroundtransparentcolorvar(--text-secondary)font-weightvar(--font-weight-semibold)cursorpointerborder-radiusvar(--radius-lg)transitionall 0.3s cubic-bezier(0.400.21)font-sizevar(--font-size-sm)letter-spacing0.3px.subtab-btnhoverbackgroundrgba(79702290.08)colorvar(--primary-600).subtab-btn.activebackgroundvar(--gradient-primary)colorwhitebox-shadowvar(--shadow-primary).tool-resultbackgroundvar(--bg-card)padding40pxborder-radiusvar(--radius-2xl)box-shadow0 4px 20px rgba(79702290.1)0 8px 40px rgba(79702290.08)border1px solid var(--border-light)animationslideUp 0.5s ease-out@keyframes slideUpfromopacity0transformtranslateY(20px)toopacity1transformtranslateY(0).tool-result h3font-sizevar(--font-size-2xl)font-weightvar(--font-weight-bold)colorvar(--text-primary)margin-bottom28pxdisplayflexalign-itemscentergap12px.tool-result h3beforecontent'✓'displayinline-flexwidth36pxheight36pxbackgroundvar(--gradient-success)colorwhiteborder-radius50%align-itemscenterjustify-contentcenterfont-size18px.result-summarydisplaygridgrid-template-columnsrepeat(auto-fitminmax(220px1fr))gap24pxmargin-bottom36px.summary-itemtext-aligncenterpadding28px 24pxbackgroundlinear-gradient(135degvar(--bg-secondary)var(--bg-tertiary))border-radiusvar(--radius-xl)border1px solid var(--border-color)transitionall var(--transition-normal)positionrelativeoverflowhidden.summary-itembeforecontent''positionabsolutetop0left0right0height4pxbackgroundvar(--gradient-primary).summary-itemhovertransformtranslateY(-4px)box-shadow0 8px 24px rgba(79702290.15)border-colorrgba(79702290.2).summary-labelcolorvar(--text-secondary)font-sizevar(--font-size-sm)displayblockmargin-bottom12pxfont-weightvar(--font-weight-medium)letter-spacing0.3px.summary-valuecolorvar(--text-primary)font-size32pxfont-weightvar(--font-weight-extrabold)backgroundvar(--gradient-primary)-webkit-background-cliptext-webkit-text-fill-colortransparentbackground-cliptext.result-breakdownbackgroundlinear-gradient(135deg#fafbfcvar(--bg-secondary))padding28pxborder-radiusvar(--radius-xl)border1px solid #e5e7eb.result-breakdown h4font-sizevar(--font-size-lg)font-weightvar(--font-weight-bold)color#374151margin-bottom20pxdisplayflexalign-itemscentergap8px.result-breakdown h4beforecontent'📊'.breakdown-listdisplaygridgrid-template-columnsrepeat(auto-fitminmax(280px1fr))gap16px.breakdown-itemdisplayflexjustify-contentspace-betweenalign-itemscenterpadding16px 20pxbackgroundwhiteborder-radiusvar(--radius-lg)font-sizevar(--font-size-sm)border1px solid var(--border-color)transitionall var(--transition-normal).breakdown-itemhoverborder-color#cbd5e1transformtranslateX(4px).breakdown-item.totalfont-weightvar(--font-weight-bold)backgroundlinear-gradient(135degrgba(79702290.08)rgba(118751620.08))border1px solid rgba(79702290.3)colorvar(--primary-600)font-sizevar(--font-size-base).breakdown-item.totalhoverbackgroundlinear-gradient(135degrgba(79702290.15)rgba(118751620.15)).batch-item.optimization-itembackgroundlinear-gradient(135deg#fafbfcvar(--bg-secondary))padding24pxborder-radiusvar(--radius-xl)margin-bottom16pxborder1px solid var(--border-color)transitionall var(--transition-normal).batch-itemhover.optimization-itemhoverborder-colorrgba(79702290.3)transformtranslateX(4px).batch-item h4.optimization-item h4font-sizevar(--font-size-lg)font-weightvar(--font-weight-bold)color#374151margin-bottom12px.original-titlecolorvar(--text-secondary)font-sizevar(--font-size-sm)margin-bottom12px.optimized-titlecolorvar(--primary-600)font-sizevar(--font-size-base)font-weightvar(--font-weight-semibold).upload-areaborder3px dashed #d1d5dbborder-radiusvar(--radius-xl)padding50px 30pxtext-aligncentercursorpointertransitionall var(--transition-normal)backgroundlinear-gradient(135deg#fafbfcvar(--bg-secondary)).upload-areahoverborder-colorvar(--primary-500)backgroundrgba(79702290.03)transformscale(1.01).upload-area.dragoverborder-colorvar(--primary-500)backgroundrgba(79702290.08)transformscale(1.02).upload-iconfont-size56pxcolorvar(--text-muted)margin-bottom16pxtransitiontransform var(--transition-normal)color var(--transition-fast).upload-areahover .upload-iconcolorvar(--primary-500)transformtranslateY(-4px).file-infodisplayflexalign-itemscentergap16pxpadding20pxbackgroundlinear-gradient(135degvar(--bg-tertiary)#e2e8f0)border-radiusvar(--radius-xl)border1px solid #cbd5e1.file-sizecolorvar(--text-secondary)font-sizevar(--font-size-sm)font-weightvar(--font-weight-medium).file-name-displaymargin-top16px.transcription-progressmargin-bottom24px.progress-bar-containerbackground#e5e7ebheight8pxborder-radius4pxoverflowhidden.progress-barheight100%backgroundvar(--gradient-primary)width0%transitionwidth 0.3sborder-radius4px.transcription-textbackgroundvar(--bg-secondary)padding20pxborder-radiusvar(--radius-lg)min-height120pxborder1px solid var(--border-color).transcription-actionsdisplayflexgap12pxmargin-bottom20pxflex-wrapwrap.transcription-actions .btnflex1min-width150px.waybill-infodisplayflexflex-directioncolumngap16px.waybill-itemdisplayflexjustify-contentspace-betweenpadding12pxbackgroundvar(--bg-secondary)border-radiusvar(--radius-md)border1px solid var(--border-color).keyword-itembackgroundvar(--bg-secondary)padding12pxborder-radiusvar(--radius-md)margin-bottom12pxborder1px solid var(--border-color)transitionall var(--transition-fast).keyword-itemhoverborder-colorvar(--primary-300)backgroundrgba(79702290.05).keyword-textfont-weightvar(--font-weight-semibold)colorvar(--text-primary)margin-bottom4px.keyword-metricsfont-size13pxcolorvar(--text-secondary).usage-infomargin-top20pxpadding-top20pxborder-top1px solid var(--border-color).usage-bar-containerdisplayflexjustify-contentspace-betweenalign-itemscenterbackgroundvar(--bg-secondary)padding12px 16pxborder-radiusvar(--radius-md).usage-bar-container spancolor#374151font-sizevar(--font-size-sm).upgrade-linkcolorvar(--primary-600)text-decorationnonefont-weightvar(--font-weight-medium).upgrade-linkhovertext-decorationunderline.feedback-float-btnpositionfixedright24pxbottom24pxbackgroundvar(--gradient-primary)colorwhitepadding14px 24pxborder-radiusvar(--radius-full)cursorpointerbox-shadowvar(--shadow-primary)z-indexvar(--z-toast)displayflexalign-itemscentergap10pxfont-weightvar(--font-weight-medium)transitionall var(--transition-normal).feedback-float-btnhovertransformtranslateY(-2px)box-shadow0 8px 20px rgba(79702290.5).feedback-modalpositionfixedtop0left0right0bottom0displayflexalign-itemscenterjustify-contentcenterz-indexvar(--z-modal).feedback-modal-backdroppositionabsolutetop0left0right0bottom0backgroundrgba(0000.5).feedback-modal-contentpositionrelativebackgroundwhitepadding32pxborder-radiusvar(--radius-xl)max-width500pxwidth90%max-height90vhoverflow-yauto.feedback-modal-headerdisplayflexjustify-contentspace-betweenalign-itemscentermargin-bottom24px.feedback-modal-header h3font-sizevar(--font-size-xl)font-weightvar(--font-weight-bold)colorvar(--text-primary).feedback-modal-closebackgroundnonebordernonefont-size28pxcolorvar(--text-secondary)cursorpointerpaddingvar(--spacing-sm)transitioncolor var(--transition-fast).feedback-modal-closehovercolorvar(--text-primary).feedback-success-modalpositionfixedtop0left0right0bottom0displaynonealign-itemscenterjustify-contentcenterz-indexcalc(var(--z-modal) + 1).feedback-success-backdroppositionabsolutetop0left0right0bottom0backgroundrgba(0000.3).feedback-success-contentpositionrelativebackgroundwhitepadding40pxborder-radiusvar(--radius-xl)text-aligncenter.success-iconwidth80pxheight80pxbackgroundvar(--gradient-success)border-radius50%displayflexalign-itemscenterjustify-contentcentermargin0 auto 20pxanimationsuccessPop 0.5s ease-out@keyframes successPop0%transformscale(0)opacity050%transformscale(1.2)100%transformscale(1)opacity1.success-icon icolorwhitefont-size40px.social-proofpadding50px 0backgroundvar(--bg-secondary).proof-contentdisplayflexgap2remjustify-contentcenterflex-wrapwrap.proof-itembackgroundwhitepadding1.5remborder-radiusvar(--radius-xl)box-shadowvar(--shadow-md)displayflexgap1remmax-width450pxflex1min-width300pxtransitionall var(--transition-normal).proof-itemhovertransformtranslateY(-4px)box-shadowvar(--shadow-lg).proof-avatarfont-size3remcolorvar(--primary-500)flex-shrink0.proof-text pmargin-bottom0.75remcolorvar(--text-primary)font-styleitalicfont-sizevar(--font-size-sm).proof-authorcolorvar(--text-secondary)font-size0.9rem.featurespadding80px 0.section-titletext-aligncenterfont-sizevar(--font-size-4xl)margin-bottom3remcolor#1a1a2efont-weightvar(--font-weight-extrabold).feature-griddisplaygridgrid-template-columnsrepeat(auto-fitminmax(280px1fr))gap2rem.feature-cardbackgroundwhitepadding2remborder-radiusvar(--radius-xl)box-shadowvar(--shadow-md)transitiontransform var(--transition-normal)box-shadow var(--transition-normal)text-aligncenter.feature-cardhovertransformtranslateY(-5px)box-shadowvar(--shadow-lg).feature-card ifont-size2.5remcolorvar(--primary-500)margin-bottom1remdisplayblock.feature-card h3font-size1.3remmargin-bottom1remcolor#1a1a2efont-weightvar(--font-weight-bold).feature-card pcolorvar(--text-secondary)font-sizevar(--font-size-sm)line-heightvar(--line-height-relaxed).toolspadding80px 0backgroundwhite.pricingpadding80px 0.pricing-griddisplaygridgrid-template-columnsrepeat(auto-fitminmax(300px1fr))gap2remmax-width1000pxmargin0 auto.pricing-cardbackgroundwhiteborder-radiusvar(--radius-xl)padding2remtext-aligncenterbox-shadowvar(--shadow-md)positionrelativetransitionall var(--transition-normal).pricing-cardhovertransformtranslateY(-4px)box-shadowvar(--shadow-lg).pricing-card.featuredborder2px solid var(--primary-500)transformscale(1.05)backgroundlinear-gradient(135deg#fff 0%#f8f4ff 100%).pricing-card.featured .badgepositionabsolutetop-10pxleft50%transformtranslateX(-50%)backgroundvar(--gradient-primary)colorwhitepadding0.5rem 1remborder-radiusvar(--radius-full)font-size0.8remfont-weightvar(--font-weight-semibold).pricing-card h3font-size1.5remmargin-bottom0.5remcolor#1a1a2efont-weightvar(--font-weight-bold).pricing-card .pricefont-size3remfont-weightvar(--font-weight-extrabold)colorvar(--primary-600)margin-bottom1rem.pricing-card .periodcolorvar(--text-secondary)font-size0.9remmargin-bottom1rem.savings-badgedisplayinline-blockpadding0.5rem 1rembackgroundvar(--gradient-primary)colorwhitefont-size0.85remborder-radiusvar(--radius-md)font-weightvar(--font-weight-semibold)margin-bottom1.5rem.limited-badgedisplayinline-blockpadding0.5rem 1rembackgroundlinear-gradient(135degvar(--warning-500)var(--warning-600))colorwhitefont-size0.85remborder-radiusvar(--radius-md)font-weightvar(--font-weight-semibold)margin-bottom1.5remanimationpulseRing 2s infinite@keyframes pulseRing0%100%box-shadow0 0 0 0 rgba(245158110.4)50%box-shadow0 0 0 8px rgba(245158110).stat-itemtext-aligncenterpadding1.5rembackgroundwhiteborder-radiusvar(--radius-xl)box-shadowvar(--shadow-sm)transitionall var(--transition-normal).stat-itemhovertransformtranslateY(-4px)box-shadowvar(--shadow-md).stat-valuefont-size2.5remfont-weightvar(--font-weight-extrabold)colorvar(--primary-600)margin-bottom0.5rem.stat-labelcolorvar(--text-secondary)font-size0.95rem.pricing-card ullist-stylenonetext-alignleftmargin-bottom2rempadding-left0.pricing-card lipadding0.5rem 0color#444font-sizevar(--font-size-sm).pricing-card libeforecontent'✓'colorvar(--success-500)margin-right0.5rem.dashboardpadding100px 0 50px.dashboard-headerdisplayflexjustify-contentspace-betweenalign-itemscentermargin-bottom2rem.dashboard-griddisplaygridgrid-template-columns1fr 3frgap2rem.sidebarbackgroundwhiteborder-radiusvar(--radius-xl)padding1.5rembox-shadowvar(--shadow-md)positionstickytopcalc(70px + 1rem)heightfit-content.sidebar ullist-stylenonepadding-left0.sidebar lipadding0.75rem 0border-bottom1px solid #eee.sidebar lilast-childborder-bottomnone.sidebar acolor#333text-decorationnonefont-weightvar(--font-weight-medium)font-sizevar(--font-size-sm)displayflexalign-itemscentergapvar(--spacing-sm)transitioncolor var(--transition-fast).sidebar ahovercolorvar(--primary-600).main-contentbackgroundwhiteborder-radiusvar(--radius-xl)padding2rembox-shadowvar(--shadow-md).stats-griddisplaygridgrid-template-columnsrepeat(auto-fitminmax(200px1fr))gap1.5remmargin-bottom2rem.stat-cardbackgroundlinear-gradient(135degvar(--bg-secondary)var(--bg-tertiary))padding1.5remborder-radiusvar(--radius-lg)text-aligncentertransitionall var(--transition-normal).stat-cardhovertransformtranslateY(-4px)box-shadowvar(--shadow-md).stat-card .numberfont-size2remfont-weightvar(--font-weight-extrabold)colorvar(--primary-600).stat-card .labelcolorvar(--text-secondary)font-size0.9rem.blogpadding100px 0 50px.blog-filtersmargin-bottom2remtext-alignright.blog-filters selectpadding0.75rem 1remborder1px solid var(--border-color)border-radiusvar(--radius-md)backgroundwhitefont-sizevar(--font-size-base)cursorpointertransitionborder-color var(--transition-fast).blog-filters selectfocusoutlinenoneborder-colorvar(--primary-500).blog-griddisplaygridgrid-template-columnsrepeat(auto-fitminmax(350px1fr))gap2remmargin-bottom3rem.blog-cardbackgroundwhiteborder-radiusvar(--radius-xl)overflowhiddenbox-shadowvar(--shadow-md)cursorpointertransitiontransform var(--transition-normal)box-shadow var(--transition-normal).blog-cardhovertransformtranslateY(-5px)box-shadow0 8px 30px rgba(0000.12).blog-imagewidth100%height200pxoverflowhidden.blog-image imgwidth100%height100%object-fitcovertransitiontransform var(--transition-normal).blog-cardhover .blog-image imgtransformscale(1.05).blog-contentpadding1.5rem.blog-categorydisplayinline-blockpadding0.25rem 0.75rembackgroundvar(--gradient-primary)colorwhitefont-size0.8remborder-radiusvar(--radius-full)margin-bottom0.75remfont-weightvar(--font-weight-medium).blog-content h3font-size1.25remmargin-bottom0.75remcolor#1a1a2eline-height1.4font-weightvar(--font-weight-bold).blog-content pcolorvar(--text-secondary)line-heightvar(--line-height-relaxed)margin-bottom1remfont-sizevar(--font-size-sm).blog-metadisplayflexgap1remfont-size0.85remcolor#999margin-bottom1rem.blog-tagsdisplayflexflex-wrapwrapgap0.5rem.blog-tags .tagpadding0.25rem 0.5rembackgroundvar(--bg-tertiary)colorvar(--primary-600)font-size0.75remborder-radiusvar(--radius-sm)font-weightvar(--font-weight-medium)#blogModaldisplaynonepositionfixedz-indexvar(--z-modal)left0top0width100%height100%overflowautobackground-colorrgba(0000.5)animationfadeIn 0.3s ease@keyframes fadeInfromopacity0toopacity1#blogModal .modal-contentbackground-colorwhitemargin5% autopadding0bordernonewidth90%max-width800pxmax-height85vhoverflow-yautoborder-radiusvar(--radius-xl)box-shadowvar(--shadow-2xl)#blogModal .closecolor#aaafloatrightfont-size28pxfont-weightboldpadding1remcursorpointertransitioncolor var(--transition-fast)#blogModal .closehovercolor#333.blog-detailpadding2rem.blog-detail-imagemargin-bottom2remborder-radiusvar(--radius-lg)overflowhidden.blog-detail-image imgwidth100%heightautomax-height400pxobject-fitcover.blog-detail-header h2font-size2remmargin-bottom1remcolor#1a1a2efont-weightvar(--font-weight-extrabold).blog-detail-contentline-height1.8color#333font-size1.1rem.blog-detail-content imgmax-width100%heightautoborder-radiusvar(--radius-md)margin1rem 0.paginationdisplayflexjustify-contentcentergap0.5remmargin-top2rem.pagination buttonpadding0.5rem 1remborder1px solid var(--border-color)backgroundwhiteborder-radiusvar(--radius-md)cursorpointertransitionall var(--transition-fast)font-sizevar(--font-size-sm).pagination buttonhovernot(.active)backgroundvar(--bg-tertiary)border-colorvar(--primary-300).pagination button.activebackgroundvar(--gradient-primary)colorwhiteborder-colortransparent.no-poststext-aligncentercolor#999padding2remfooterbackground#1a1a2ecolorwhitepadding3rem 0margin-top50px.footer-contentdisplaygridgrid-template-columnsrepeat(auto-fitminmax(200px1fr))gap2remmargin-bottom2rem.footer-section h4margin-bottom1remfont-weightvar(--font-weight-bold).footer-section ullist-stylenonepadding-left0.footer-section lipadding0.3rem 0.footer-section acolor#aaatext-decorationnonefont-sizevar(--font-size-sm)transitioncolor var(--transition-fast).footer-section ahovercolorwhite.footer-bottomtext-aligncenterpadding-top2remborder-top1px solid #333color#666font-sizevar(--font-size-sm).form-containermax-width400pxmargin0 autobackgroundwhitepadding2remborder-radiusvar(--radius-xl)box-shadowvar(--shadow-lg).form-group inputwidth100%padding0.75remborder2px solid #eeeborder-radiusvar(--radius-md)font-sizevar(--font-size-base)transitionborder-color var(--transition-fast)font-familyinherit.form-group inputfocusoutlinenoneborder-colorvar(--primary-500).form-group textareawidth100%padding0.75remborder2px solid #eeeborder-radiusvar(--radius-md)font-sizevar(--font-size-base)min-height100pxtransitionborder-color var(--transition-fast)font-familyinherit.form-group textareafocusoutlinenoneborder-colorvar(--primary-500).modaldisplaynonepositionfixedz-indexvar(--z-modal)left0top0width100%height100%backgroundrgba(0000.5)justify-contentcenteralign-itemscenteranimationfadeIn 0.3s ease.modal.activedisplayflex.modal-contentbackgroundwhitepadding2remborder-radiusvar(--radius-xl)max-width400pxwidth90%positionrelativeanimationslideUp 0.3s ease.close-modalpositionabsoluteright1remtop1remfont-size1.5remcursorpointercolorvar(--text-secondary)transitioncolor var(--transition-fast).close-modalhovercolorvar(--text-primary).spinnerborder4px solid #f3f3f3border-top4px solid var(--primary-500)border-radius50%width40pxheight40pxanimationspin 1s linear infinitemargin0 auto@keyframes spin0%transformrotate(0deg)100%transformrotate(360deg).messagepadding1remborder-radiusvar(--radius-md)margin-bottom1rem.message.successbackgroundvar(--success-50)colorvar(--success-600)border1px solid var(--success-100).message.errorbackgroundvar(--error-50)colorvar(--error-600)border1px solid var(--error-100).message.warningbackgroundvar(--warning-50)colorvar(--warning-600)border1px solid var(--warning-100).message.infobackgroundvar(--info-50)colorvar(--info-600)border1px solid var(--info-100).limit-modaltext-aligncentermax-width450px.limit-iconfont-size4remcolorvar(--error-500)margin-bottom1rem.limit-messagecolorvar(--text-secondary)font-size1.1remmargin-bottom1.5rem.limit-detailsbackgroundvar(--error-50)border-radiusvar(--radius-md)padding1remmargin-bottom1.5remtext-alignleftborder1px solid var(--error-100).limit-details pmargin0.5rem 0color#333font-sizevar(--font-size-sm).usage-barbackground#eeeheight20pxborder-radius10pxoverflowhiddenmargin0.5rem 0.usage-fillheight100%backgroundvar(--gradient-primary)border-radius10pxtransitionwidth 0.5s ease.tools-containerpositionrelative.tool-paneldisplaynone.tool-panel.activedisplayblockanimationfadeIn 0.3s ease.tool-headertext-aligncentermargin-bottom3rem.tool-header h1font-sizevar(--font-size-4xl)margin-bottom1remcolor#1a1a2efont-weightvar(--font-weight-extrabold).tool-header pcolorvar(--text-secondary)font-size1.1rem.result-itemdisplayflexjustify-contentspace-betweenpadding0.75rem 0border-bottom1px solid #eee.result-itemlast-childborder-bottomnone.result-labelcolorvar(--text-secondary)font-sizevar(--font-size-sm).result-valuefont-weightvar(--font-weight-semibold)colorvar(--primary-600)@keyframes pulse0%100%opacity150%opacity0.5@keyframes slideInLeftfromopacity0transformtranslateX(-20px)toopacity1transformtranslateX(0)@keyframes slideInRightfromopacity0transformtranslateX(20px)toopacity1transformtranslateX(0)@keyframes scaleInfromopacity0transformscale(0.95)toopacity1transformscale(1)@keyframes float0%100%transformtranslateY(0)50%transformtranslateY(-10px).sr-onlypositionabsolutewidth1pxheight1pxpadding0margin-1pxoverflowhiddencliprect(0000)white-spacenowrapborder-width0focus-visibleoutline2px solid var(--primary-500)outline-offset2pxselectionbackgroundrgba(79702290.3)colorvar(--text-primary)-webkit-scrollbarwidth8pxheight8px-webkit-scrollbar-trackbackgroundvar(--bg-tertiary)border-radius4px-webkit-scrollbar-thumbbackgroundvar(--primary-300)border-radius4pxtransitionbackground var(--transition-fast)-webkit-scrollbar-thumbhoverbackgroundvar(--primary-400)@media (max-width768px).nav-linksdisplaynonepositionabsolutetop100%left0width100%backgroundvar(--primary-600)flex-directioncolumnpadding1.5remgap1.25rembox-shadowvar(--shadow-lg).nav-links.activedisplayflexanimationslideDown 0.3s ease@keyframes slideDownfromopacity0transformtranslateY(-10px)toopacity1transformtranslateY(0).nav-links afont-size1.1rempadding0.5rem 0.nav-actionsdisplayflexalign-itemscentergap0.75rem.language-switchpadding0.2rem.lang-btnpadding0.4rem 0.75remfont-size0.8rem.nav-toggledisplayblockfont-size1.8rempadding0.5rem.heropadding90px 0 50px.trust-badgesgap1rem.trust-badges spanfont-size0.85rempaddingvar(--spacing-xs) var(--spacing-md).hero h1font-size1.75rem.hero-subtitlefont-size1.1rem.hero-buttonsflex-directioncolumn.hero-buttons .btnwidth100%max-width280pxpadding1rem 2remfont-size1.1rem.quick-toolsgap0.75rem.quick-toolpadding0.75rem 1remmin-width80px.quick-tool ifont-size1.5rem.quick-tool spanfont-size0.8rem.proof-itemflex-directioncolumntext-aligncentermin-widthauto.proof-avatarfont-size2.5rem.tool-gridgap1.25rem.tool-cardpadding1.5rem.tool-card .btn-smallpadding0.75rem 1.5remfont-size1rem.dashboard-gridgrid-template-columns1fr.sidebarpositionstatic.pricing-card.featuredtransformnone.blog-gridgrid-template-columns1fr.blog-detail-header h2font-size1.5rem.blog-filterstext-alignleft@media (max-width480px).hero h1font-size1.5rem.hero-subtitlefont-size1rem.quick-toolsdisplaygridgrid-template-columnsrepeat(21fr)gap0.75rem.quick-toolmin-widthauto.tool-page-header h1font-size1.75rem.tool-formpadding1.5rem.tool-resultpadding1.5rem.section-titlefont-sizevar(--font-size-3xl).form-containerpadding1.5rem@media (max-width360px).containerpadding0 var(--spacing-md).hero h1font-size1.25rem.tool-gridgrid-template-columns1fr@keyframes shareToastInfromopacity0transformtranslateX(-50%) translateY(10px)toopacity1transformtranslateX(-50%) translateY(0).share-btn-groupdisplayflexgap0.5remflex-wrapwrapmargin1rem 0.share-btndisplayinline-flexalign-itemscentergap0.375rempadding0.5rem 0.875remborder-radius8pxborder1px solid #475569background#1e293bcolor#e2e8f0font-size0.8125remcursorpointertransitionall 0.2swhite-spacenowrap.share-btnhoverbackground#334155border-color#64748b.share-btn ifont-size0.875rem.share-btn-twitterhoverbackground#1da1f2border-color#1da1f2color#fff.share-btn-facebookhoverbackground#1877f2border-color#1877f2color#fff.share-btn-linkedinhoverbackground#0a66c2border-color#0a66c2color#fff.share-btn-whatsapphoverbackground#25d366border-color#25d366color#fff.share-btn-copyhoverbackground#3b82f6border-color#3b82f6color#fff.export-btn-groupdisplayflexgap0.5remflex-wrapwrapmargin0.5rem 0.export-btndisplayinline-flexalign-itemscentergap0.375rempadding0.375rem 0.75remborder-radius6pxborder1px solid #334155background#0f172acolor#94a3b8font-size0.75remcursorpointertransitionall 0.2s.export-btnhoverbackground#1e293bcolor#e2e8f0border-color#475569.history-listmax-height300pxoverflow-yauto.history-itempadding0.625rem 0.75remborder-radius8pxcursorpointertransitionbackground 0.15sborder-bottom1px solid #1e293b.history-itemhoverbackground#1e293b.history-item-headerdisplayflexjustify-contentspace-betweenalign-itemscentermargin-bottom0.25rem.history-tool-namefont-size0.8125remfont-weight600color#e2e8f0.history-timefont-size0.6875remcolor#64748b.history-inputfont-size0.75remcolor#94a3b8overflowhiddentext-overflowellipsiswhite-spacenowrapmax-width100%.history-emptytext-aligncentercolor#64748bpadding2remfont-size0.875rem.history-clear-btndisplayblockwidth100%padding0.5remmargin-top0.5rembordernoneborder-radius6pxbackground#1e293bcolor#94a3b8font-size0.75remcursorpointertransitionall 0.2s.history-clear-btnhoverbackground#ef4444color#fff.help-sectionbackground#1e293bborder-radius10pxpadding1rem 1.25remmargin1rem 0border1px solid #334155.help-section-titlefont-size0.875remfont-weight600color#e2e8f0margin0 0 0.5rem.help-stepsmargin0padding-left1.25remcolor#94a3b8font-size0.8125remline-height1.7.help-steps limargin-bottom0.25rem.help-steps limarkercolor#3b82f6font-weight600.help-tooltippointer-eventsnone.feedback-fabanimationshareToastIn 0.3s ease.feedback-modal textareafocus.feedback-modal inputfocusoutlinenoneborder-color#3b82f6box-shadow0 0 0 2px rgba(591302460.2)