.fade-enter-start{opacity:0}.fade-enter-end{opacity:1}.fade-leave-start{opacity:1}.fade-leave-end{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.scale-enter-start{opacity:0;transform:scale(.95)}.scale-enter-end{opacity:1;transform:scale(1)}.scale-leave-start{opacity:1;transform:scale(1)}.scale-leave-end{opacity:0;transform:scale(.95)}.scale-enter-active,.scale-leave-active{transition:opacity var(--transition-normal),transform var(--transition-normal)}.slide-right-enter-start{opacity:0;transform:translateX(-1rem)}.slide-right-enter-end{opacity:1;transform:translateX(0)}.slide-right-leave-start{opacity:1;transform:translateX(0)}.slide-right-leave-end{opacity:0;transform:translateX(1rem)}.slide-right-enter-active,.slide-right-leave-active{transition:opacity var(--transition-normal),transform var(--transition-normal)}.slide-up-enter-start{opacity:0;transform:translateY(1rem)}.slide-up-enter-end{opacity:1;transform:translateY(0)}.slide-up-leave-start{opacity:1;transform:translateY(0)}.slide-up-leave-end{opacity:0;transform:translateY(-1rem)}.slide-up-enter-active,.slide-up-leave-active{transition:opacity var(--transition-normal),transform var(--transition-normal)}.hover-elevate{transition:all var(--transition-fast)}.hover-elevate:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{position:relative;transition:all var(--transition-fast)}.hover-glow::before{content:'';position:absolute;inset:-2px;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));border-radius:inherit;opacity:0;z-index:-1;transition:opacity var(--transition-fast)}.hover-glow:hover::before{opacity:.1}.focus-ring{outline:2px solid transparent;outline-offset:2px;transition:all var(--transition-fast)}.focus-ring:focus{outline-color:var(--color-border-focus);outline-offset:2px}.focus-ring:focus:not(:focus-visible){outline:0}.spinner{width:1.5rem;height:1.5rem;border:2px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:1rem;height:1rem;border-width:1.5px}.spinner-lg{width:2rem;height:2rem;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:-200% 0}100%{background-position:200% 0}}.stagger-fade-in{opacity:0;transform:translateY(1rem);animation:fadeInUp var(--transition-normal) ease-out forwards}.tools-container .stagger-fade-in,.tools-container .tool-card{animation:fadeInUp var(--transition-normal) ease-out forwards,fallbackShow .1s ease-out 2s forwards}.stagger-fade-in:first-child{animation-delay:0s}.stagger-fade-in:nth-child(2){animation-delay:.1s}.stagger-fade-in:nth-child(3){animation-delay:.2s}.stagger-fade-in:nth-child(4){animation-delay:.3s}.stagger-fade-in:nth-child(5){animation-delay:.4s}.stagger-fade-in:nth-child(6){animation-delay:.5s}@keyframes fallbackShow{to{opacity:1!important;transform:translateY(0)!important}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.input-enhanced{position:relative;transition:all var(--transition-fast)}.input-enhanced input,.input-enhanced select,.input-enhanced textarea{background-color:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-base);line-height:var(--leading-normal);transition:all var(--transition-fast);width:100%}.input-enhanced input:focus,.input-enhanced select:focus,.input-enhanced textarea:focus{outline:0;border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(59,130,246,.1);transform:translateY(-1px)}.input-enhanced input:invalid,.input-enhanced select:invalid,.input-enhanced textarea:invalid{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input-enhanced input:valid,.input-enhanced select:valid,.input-enhanced textarea:valid{border-color:var(--color-border-primary)}.validation-message{opacity:0;transform:translateY(-.25rem);transition:all var(--transition-fast);font-size:var(--text-sm);margin-top:var(--space-xs)}.validation-message.show{opacity:1;transform:translateY(0)}.validation-message.error{color:var(--color-error)}.validation-message.success{color:var(--color-success)}.btn-animated{position:relative;overflow:hidden;transition:all var(--transition-fast)}.btn-animated::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-slow)}.btn-animated:hover::before{left:100%}.btn-animated:active{transform:translateY(1px)}.copy-success{position:relative}.copy-success::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:var(--text-lg);color:var(--color-success);opacity:0;transition:all var(--transition-fast)}.copy-success.copied::after{transform:translate(-50%,-50%) scale(1);opacity:1}.toast-enter{transform:translateX(100%);opacity:0}.toast-enter-active{transform:translateX(0);opacity:1;transition:all var(--transition-normal) cubic-bezier(.175, .885, .32, 1.275)}.toast-leave-active{transform:translateX(100%);opacity:0;transition:all var(--transition-fast)}.progress-bar{position:relative;background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);overflow:hidden;height:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:inherit;transition:width var(--transition-normal);position:relative}.progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shimmer 1.5s infinite}@keyframes progress-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.theme-transition{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}.theme-toggle-enhanced{position:relative;overflow:hidden}.theme-toggle-enhanced::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:var(--color-primary);border-radius:50%;transform:translate(-50%,-50%);transition:all var(--transition-normal);z-index:-1}.theme-toggle-enhanced:active::before{width:200%;height:200%}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.stagger-fade-in{animation:none;opacity:1;transform:none}}@media (prefers-contrast:high){.hover-glow::before{display:none}.skeleton{background:var(--color-bg-secondary);animation:none}.focus-ring:focus{outline-width:3px;outline-offset:3px}}@media (hover:none) and (pointer:coarse){.hover-elevate:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.hover-scale:active{transform:scale(.98)}.btn-animated:active{transform:translateY(0);background-color:var(--color-bg-secondary)}}.animate-none{animation:none!important}.transition-none{transition:none!important}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1)}}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:150ms}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.nav-link{display:inline-flex;align-items:center;text-decoration:none;color:var(--color-text-primary);font-weight:500;transition:all var(--transition-fast)}.nav-link:hover{color:var(--color-primary);transform:translateY(-1px)}.search-panel-enter{opacity:0;transform:translateY(-10px)}.search-panel-enter-active{opacity:1;transform:translateY(0);transition:all var(--transition-normal)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:40;transition:opacity var(--transition-normal)}.search-input-enhanced{position:relative}.search-input-enhanced input{transition:all var(--transition-fast);border:2px solid transparent}.search-input-enhanced input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);transform:translateY(-1px)}.search-result-item{transition:all var(--transition-fast);cursor:pointer}.search-result-item:hover{transform:translateX(4px);background-color:var(--color-bg-secondary);border-color:var(--color-primary)}.logo-enhanced{transition:all var(--transition-normal)}.logo-enhanced:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(147, 51, 234, .2))}.nav-badge{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.nav-sticky{transition:all var(--transition-normal)}.nav-sticky.scrolled{backdrop-filter:blur(10px);background-color:rgba(255,255,255,.9);box-shadow:var(--shadow-lg)}[data-theme=dark] .nav-sticky.scrolled{background-color:rgba(15,23,42,.9)}.search-suggestion{opacity:0;transform:translateY(10px);animation:slideInUp var(--transition-fast) ease-out forwards}.search-suggestion:first-child{animation-delay:0s}.search-suggestion:nth-child(2){animation-delay:50ms}.search-suggestion:nth-child(3){animation-delay:.1s}.search-suggestion:nth-child(4){animation-delay:150ms}.search-suggestion:nth-child(5){animation-delay:.2s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.nav-focus-ring{outline:2px solid transparent;outline-offset:2px;transition:all var(--transition-fast)}.nav-focus-ring:focus{outline-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.quick-action-btn{position:relative;overflow:hidden;transition:all var(--transition-fast)}.quick-action-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%);transition:all var(--transition-normal)}.quick-action-btn:hover::before{width:100%;height:100%}.quick-action-btn:active{transform:scale(.95)}@media (max-width:768px){.search-panel{padding:var(--space-md)}.nav-sticky{position:sticky;top:0;z-index:50}}[data-theme=dark] .search-result-item:hover{background-color:rgba(255,255,255,.05)}.nav-keyboard-focus{position:relative}.nav-keyboard-focus:focus::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid var(--color-primary);border-radius:var(--radius-md);pointer-events:none}.search-loading{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);font-size:var(--text-sm)}.search-loading .spinner{width:16px;height:16px}.tool-card{position:relative;overflow:hidden;transition:all var(--transition-normal);transform:translateZ(0);backface-visibility:hidden}.tool-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left var(--transition-slow);z-index:1}.tool-card:hover::before{left:100%}.tool-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}.tool-card:active{transform:translateY(-4px) scale(1.01);transition:all var(--transition-fast)}.tool-icon{position:relative;transition:all var(--transition-normal)}.tool-card:hover .tool-icon{transform:scale(1.1) rotate(5deg)}.tool-card:hover .tool-icon svg{color:var(--color-primary)}.tool-content{position:relative;z-index:2;transition:all var(--transition-normal)}.tool-title{transition:all var(--transition-fast);position:relative}.tool-card:hover .tool-title{color:var(--color-primary);transform:translateY(-2px)}.tool-title::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width var(--transition-normal)}.tool-card:hover .tool-title::after{width:100%}.tool-card:active .tool-title::after,.tool-card:focus .tool-title::after{width:0;transition:width .1s ease-out}.tool-card,.tool-card a,.tool-card a:active,.tool-card a:hover,.tool-card a:link,.tool-card a:visited{text-decoration:none!important;color:inherit!important;border-bottom:none!important;text-decoration-color:transparent!important;-webkit-text-decoration:none!important}.tool-card .tool-title::after,.tool-card a .tool-title::after,.tool-card:visited .tool-title::after{width:0!important;height:0!important;display:none!important;opacity:0!important}.tool-card:hover:not(:visited):not(:active) .tool-title::after{width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));display:block;opacity:1;transition:width var(--transition-normal)}.tool-card *,.tool-card :after,.tool-card :before{text-decoration-color:transparent!important;border-bottom-color:transparent!important}.format-tag{position:relative;transition:all var(--transition-fast);cursor:pointer;overflow:hidden}.format-tag::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-fast)}.tool-card:hover .format-tag{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.format-tag:hover::before{left:100%}.format-tag:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-4px) scale(1.05)}.tool-arrow{transition:all var(--transition-normal);position:relative}.tool-card:hover .tool-arrow{transform:translateX(8px) scale(1.2);color:var(--color-primary)}.tool-arrow::after{content:'';position:absolute;top:50%;left:-8px;width:20px;height:1px;background:var(--color-primary);transform:translateY(-50%) scaleX(0);transition:transform var(--transition-normal);transform-origin:left}.tool-card:hover .tool-arrow::after{transform:translateY(-50%) scaleX(1)}.tools-container{display:grid;gap:var(--space-lg);animation:gridFadeIn var(--transition-slow) ease-out forwards}@keyframes gridFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-card.stagger-fade-in:first-child{animation-delay:.1s}.tool-card.stagger-fade-in:nth-child(2){animation-delay:.2s}.tool-card.stagger-fade-in:nth-child(3){animation-delay:.3s}.tool-card.stagger-fade-in:nth-child(4){animation-delay:.4s}.tool-card.stagger-fade-in:nth-child(5){animation-delay:.5s}.tool-card.stagger-fade-in:nth-child(6){animation-delay:.6s}.tool-card.stagger-fade-in:nth-child(7){animation-delay:.7s}.tool-card.stagger-fade-in:nth-child(8){animation-delay:.8s}.tool-card::after{content:'';position:absolute;inset:0;opacity:0;transition:opacity var(--transition-normal);z-index:0;pointer-events:none}.tool-card:hover::after{opacity:0}.tool-card:hover .tool-content::before{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));animation:progressFill 1s ease-out}@keyframes progressFill{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@media (max-width:1200px){.tools-container{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media (max-width:768px){.tools-container{grid-template-columns:1fr;gap:var(--space-lg)}.tool-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 24px rgba(0,0,0,.1)}.tool-card:hover .tool-icon{transform:scale(1.05) rotate(2deg)}.format-tag:hover{transform:translateY(-2px) scale(1.02)}}.tool-card:focus{outline:2px solid var(--color-primary);outline-offset:4px;transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.12)}.tool-card:focus:not(:focus-visible){outline:0}.tool-card.loading{pointer-events:none;opacity:.6}.tool-card.loading .tool-icon{animation:pulse 1.5s infinite}.tool-card.selected{background-color:var(--color-bg-secondary);border-color:var(--color-primary);transform:translateY(-2px)}.tool-description{transition:all var(--transition-fast);line-height:1.5}.tool-card:hover .tool-description{color:var(--color-text-primary);letter-spacing:.01em}.tool-card[data-category=encoding] .tool-icon{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(147,51,234,.1))}.tool-card[data-category=generation] .tool-icon{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(59,130,246,.1))}.tool-card[data-category=formatting] .tool-icon{background:linear-gradient(135deg,rgba(245,101,101,.1),rgba(251,146,60,.1))}.tool-card:hover .format-tag:nth-child(odd){animation-delay:50ms}.tool-card:hover .format-tag:nth-child(2n){animation-delay:.1s}.tool-card{position:relative;overflow:hidden}.tool-card:active::before{animation:rippleEffect .6s ease-out}@keyframes rippleEffect{0%{transform:scale(0);opacity:1}100%{transform:scale(4);opacity:0}}[data-theme=dark] .tool-card:hover::after{opacity:0}[data-theme=dark] .tool-card::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent)}.format-tag,.tool-arrow,.tool-card,.tool-icon{will-change:transform}@media (prefers-reduced-motion:reduce){.format-tag,.tool-arrow,.tool-card,.tool-description,.tool-icon,.tool-title{transition:none!important;animation:none!important;transform:none!important}.tool-card:hover{transform:none!important;box-shadow:0 4px 8px rgba(0,0,0,.1)!important}.stagger-fade-in{animation:none!important;opacity:1!important;transform:none!important}}.collapsible-card{transition:all var(--transition-normal);border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border-primary);overflow:hidden}.collapsible-card.expanded{transform:scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.feature-header{display:flex;align-items:center;width:100%;text-align:left;background:0 0;border:none;padding:var(--space-lg);cursor:pointer;transition:all var(--transition-fast)}.feature-header:hover{background-color:var(--color-bg-secondary);transform:translateY(-1px)}.feature-content{flex:1;margin:0 var(--space-md)}.feature-toggle{color:var(--color-text-secondary);transition:all var(--transition-fast)}.feature-header:hover .feature-toggle{color:var(--color-primary);transform:scale(1.1)}.feature-expanded-content{border-top:1px solid var(--color-border-secondary);background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-card))}.expanded-details{padding:var(--space-lg)}.detail-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-md);position:relative}.detail-title::after{content:'';position:absolute;bottom:-4px;left:0;width:3rem;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.detail-list{list-style:none;padding:0;margin:0 0 var(--space-lg) 0}.detail-list li{padding:var(--space-xs) 0;color:var(--color-text-secondary);transition:all var(--transition-fast)}.detail-list li:hover{color:var(--color-text-primary);transform:translateX(4px)}.detail-text{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.6}.security-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.security-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.security-badge:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.performance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-item{text-align:center;padding:var(--space-md);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);transition:all var(--transition-fast)}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.stat-number{display:block;font-size:var(--text-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.pricing-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.price-item{padding:var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-fast)}.price-item.free{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(59,130,246,.1));border:2px solid var(--color-success)}.price-item.paid{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(245,101,101,.1));border:2px solid var(--color-error);opacity:.7}.price-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-secondary)}.price-header h5{font-weight:600;color:var(--color-text-primary)}.price{font-size:var(--text-lg);font-weight:700}.price-item.free .price{color:var(--color-success)}.price-item.paid .price{color:var(--color-error)}.price-features{list-style:none;padding:0;margin:0}.price-features li{padding:var(--space-xs) 0;font-size:var(--text-sm)}.price-item.free .price-features li{color:var(--color-success)}.price-item.paid .price-features li{color:var(--color-error)}.copy-code-example{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);overflow:hidden;transition:all var(--transition-fast)}.copy-code-example:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-secondary)}.code-language{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.copy-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.copy-button:hover{background:var(--color-secondary);transform:scale(1.05)}.copy-button.copied{background:var(--color-success);animation:copySuccess .3s ease-out}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.code-content{padding:var(--space-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:'Courier New',monospace;font-size:var(--text-sm);line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word}.copy-button-enhanced{position:relative;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.copy-button-enhanced::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-normal)}.copy-button-enhanced:hover::before{left:100%}.copy-button-enhanced:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.copy-button-enhanced.copied{border-color:var(--color-success);background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(59,130,246,.1));animation:copyPulse .4s ease-out}@keyframes copyPulse{0%{transform:translateY(-2px) scale(1)}50%{transform:translateY(-2px) scale(1.05)}100%{transform:translateY(-2px) scale(1)}}.copy-icon{width:16px;height:16px;transition:all var(--transition-fast)}.copy-button-enhanced:hover .copy-icon{transform:scale(1.1)}.copy-text{font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.copy-button-enhanced.copied .copy-text{color:var(--color-success)}.copy-success-indicator{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:var(--color-success);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;opacity:0;animation:copyIndicatorShow 1.5s ease-out}@keyframes copyIndicatorShow{0%{opacity:0;transform:translateX(-50%) translateY(10px)}20%{opacity:1;transform:translateX(-50%) translateY(-5px)}80%{opacity:1;transform:translateX(-50%) translateY(-5px)}100%{opacity:0;transform:translateX(-50%) translateY(-15px)}}@media (max-width:768px){.pricing-comparison{grid-template-columns:1fr}.performance-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm)}.security-badges{justify-content:center}.feature-header{padding:var(--space-md)}.expanded-details{padding:var(--space-md)}.collapsible-card.expanded{transform:none;margin:var(--space-sm) 0}}[data-theme=dark] .feature-expanded-content{background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.01))}[data-theme=dark] .code-content{background:rgba(0,0,0,.3);color:var(--color-text-primary)}[data-theme=dark] .stat-item{background:rgba(255,255,255,.05)}@media (prefers-reduced-motion:reduce){.collapsible-card,.copy-button-enhanced,.copy-code-example,.feature-header,.security-badge,.stat-item{transition:none!important;animation:none!important;transform:none!important}.collapsible-card.expanded{transform:none!important}}.enhanced-footer{background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-card));border-top:2px solid var(--color-border-primary);margin-top:var(--space-2xl)}.footer-content{max-width:1200px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-brand{padding-right:var(--space-lg)}.footer-logo-svg{width:200px;height:40px;margin-bottom:var(--space-md);color:var(--color-primary)}.footer-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-lg);font-size:var(--text-sm)}.footer-quick-actions{display:flex;gap:var(--space-sm)}.quick-action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.quick-action-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-normal)}.quick-action-btn:hover::before{left:100%}.quick-action-btn:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.footer-category{position:relative}.footer-category-title{margin-bottom:var(--space-md)}.category-toggle{display:flex;align-items:center;gap:var(--space-sm);width:100%;text-align:left;background:0 0;border:none;color:var(--color-text-primary);font-size:var(--text-base);font-weight:600;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.category-toggle:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.category-icon{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.toggle-arrow{width:16px;height:16px;margin-left:auto;transition:transform var(--transition-fast);color:var(--color-text-secondary)}.footer-links-category{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-link-enhanced{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);text-decoration:none;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;overflow:hidden}.footer-link-enhanced::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(147,51,234,.05),transparent);transition:left var(--transition-normal)}.footer-link-enhanced:hover::before{left:100%}.footer-link-enhanced:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary);transform:translateX(4px)}.link-icon{width:16px;height:16px;flex-shrink:0;color:var(--color-primary);transition:all var(--transition-fast)}.footer-link-enhanced:hover .link-icon{color:var(--color-secondary);transform:scale(1.1)}.link-title{font-weight:500;font-size:var(--text-sm);display:block}.link-description{font-size:var(--text-xs);color:var(--color-text-tertiary);display:block;margin-top:1px}.newsletter-section{background:linear-gradient(135deg,rgba(147,51,234,.1),rgba(79,70,229,.1));border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.newsletter-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.newsletter-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.4}.newsletter-form{display:flex;flex-direction:column;gap:var(--space-sm)}.newsletter-input-group{display:flex;gap:var(--space-xs)}.newsletter-input{flex:1;padding:var(--space-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--text-sm);transition:all var(--transition-fast)}.newsletter-input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(147,51,234,.1);transform:translateY(-1px)}.newsletter-input:disabled{opacity:.6;background-color:var(--color-bg-tertiary)}.newsletter-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.newsletter-button:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.newsletter-button:disabled{opacity:.6;cursor:not-allowed}.newsletter-button.subscribed{background:var(--color-success);animation:subscribeSuccess .4s ease-out}@keyframes subscribeSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.help-links{display:flex;flex-direction:column;gap:var(--space-xs)}.help-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);text-decoration:none;color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.help-link:hover{color:var(--color-primary);background-color:var(--color-bg-tertiary);transform:translateX(4px)}.footer-bottom{border-top:1px solid var(--color-border-secondary);padding-top:var(--space-lg);position:relative}.footer-bottom-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.footer-legal{flex:1}.footer-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.5}.footer-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.footer-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,var(--color-success),var(--color-primary));color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;transition:all var(--transition-fast)}.footer-badge:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-sm)}.footer-meta{text-align:right}.footer-tech{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-xs)}.footer-copyright{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.back-to-top-btn{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:48px;height:48px;background:var(--color-primary);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg);z-index:100}.back-to-top-btn:hover{background:var(--color-secondary);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-xl)}.back-to-top-btn:active{transform:translateY(0) scale(.98)}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer-brand{grid-column:1/-1;padding-right:0;margin-bottom:var(--space-lg)}}@media (max-width:768px){.footer-content{padding:var(--space-xl) var(--space-md)}.footer-grid{grid-template-columns:1fr;gap:var(--space-lg)}.footer-brand{grid-column:1;margin-bottom:var(--space-md);text-align:center}.footer-quick-actions{justify-content:center}.footer-bottom-content{flex-direction:column;text-align:center;gap:var(--space-md)}.footer-meta{text-align:center}.footer-badges{justify-content:center}.newsletter-input-group{flex-direction:column}.newsletter-button{justify-content:center}.back-to-top-btn{bottom:var(--space-md);right:var(--space-md);width:44px;height:44px}.category-toggle{border:1px solid var(--color-border-primary);background-color:var(--color-bg-card)}}@media (max-width:480px){.footer-content{padding:var(--space-lg) var(--space-sm)}.footer-logo-svg{width:160px;height:32px}.quick-action-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.newsletter-section{padding:var(--space-md)}}[data-theme=dark] .enhanced-footer{background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border-top-color:rgba(255,255,255,.1)}[data-theme=dark] .newsletter-section{background:linear-gradient(135deg,rgba(147,51,234,.15),rgba(79,70,229,.15));border-color:rgba(255,255,255,.1)}[data-theme=dark] .category-toggle:hover{background-color:rgba(255,255,255,.05)}[data-theme=dark] .footer-link-enhanced:hover{background-color:rgba(255,255,255,.05)}.footer-category[x-data] .footer-links-category{overflow:hidden}.back-to-top-btn,.category-toggle,.footer-link-enhanced,.help-link,.newsletter-button,.quick-action-btn{will-change:transform}@media (prefers-reduced-motion:reduce){.back-to-top-btn,.category-toggle,.enhanced-footer *,.footer-link-enhanced,.help-link,.newsletter-button,.quick-action-btn{transition:none!important;animation:none!important;transform:none!important}.back-to-top-btn:hover,.newsletter-button:hover,.quick-action-btn:hover{transform:none!important}}@media (prefers-contrast:high){.footer-badge{border:2px solid currentColor}.newsletter-button{border:2px solid var(--color-primary)}.quick-action-btn{border-width:2px}}.keyboard-focus{outline:3px solid var(--color-primary)!important;outline-offset:2px!important;box-shadow:0 0 0 6px rgba(147,51,234,.2)!important;border-radius:var(--radius-md)!important;animation:focusPulse .6s ease-out!important}@keyframes focusPulse{0%{outline-width:1px;box-shadow:0 0 0 2px rgba(147,51,234,.3)}50%{outline-width:4px;box-shadow:0 0 0 8px rgba(147,51,234,.1)}100%{outline-width:3px;box-shadow:0 0 0 6px rgba(147,51,234,.2)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-announcement-assertive,.sr-announcement-polite{position:fixed;bottom:20px;left:20px;max-width:300px;padding:var(--space-sm);background:rgba(0,0,0,.8);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);z-index:9999;pointer-events:none;opacity:0;transform:translateY(20px);transition:all var(--transition-fast)}body[data-debug-a11y=true] .sr-announcement-assertive,body[data-debug-a11y=true] .sr-announcement-polite{opacity:.9;transform:translateY(0)}body[data-debug-a11y=true] .sr-announcement-assertive{background:rgba(220,38,38,.9);animation:assertiveAnnounce .3s ease-out}@keyframes assertiveAnnounce{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(147,51,234,.15);border-radius:var(--radius-sm)}@media (prefers-contrast:high){.keyboard-focus,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid currentColor!important;outline-offset:2px!important;box-shadow:0 0 0 2px var(--color-bg-card),0 0 0 6px currentColor!important}}.skip-to-content{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:#fff;padding:8px;border-radius:var(--radius-md);text-decoration:none;z-index:10000;font-weight:600;transition:top var(--transition-fast)}.skip-to-content:focus{top:6px}main{scroll-margin-top:4rem}[role=banner],[role=complementary],[role=contentinfo],[role=main],[role=navigation]{position:relative}.focus-trap{position:relative}.focus-trap::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px dashed var(--color-primary);border-radius:var(--radius-md);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.focus-trap.active::before{opacity:.5}[role=tooltip]{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-sm);font-size:var(--text-sm);max-width:250px;z-index:1000;box-shadow:var(--shadow-lg)}[role=listbox],[role=menu]{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs);min-width:150px}[role=menuitem],[role=option]{padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}[role=menuitem]:focus,[role=menuitem][aria-selected=true],[role=option]:focus,[role=option][aria-selected=true]{background:var(--color-primary);color:#fff;outline:0}.form-group{position:relative;margin-bottom:var(--space-lg)}.form-label{display:block;font-weight:500;margin-bottom:var(--space-xs);color:var(--color-text-primary)}.form-label.required::after{content:' *';color:var(--color-error);font-weight:700}.form-input{width:100%;padding:var(--space-sm);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.form-input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input[aria-invalid=true]{border-color:var(--color-error)}.form-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-error{display:block;color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-xs)}.form-help{display:block;color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-xs)}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.status-indicator.success{background:rgba(34,197,94,.1);color:var(--color-success);border:1px solid var(--color-success)}.status-indicator.error{background:rgba(239,68,68,.1);color:var(--color-error);border:1px solid var(--color-error)}.status-indicator.warning{background:rgba(245,158,11,.1);color:var(--color-warning);border:1px solid var(--color-warning)}.status-indicator.info{background:rgba(59,130,246,.1);color:var(--color-info);border:1px solid var(--color-info)}.progress-indicator{position:relative;background:var(--color-bg-secondary);border-radius:var(--radius-md);height:8px;overflow:hidden}.progress-indicator[role=progressbar]{min-height:20px;padding:var(--space-xs);background:var(--color-bg-card);border:1px solid var(--color-border-primary)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:inherit;transition:width var(--transition-normal);position:relative}.progress-bar-fill::after{content:attr(aria-valuenow) '%';position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);color:#fff;font-size:var(--text-xs);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:var(--space-sm);border-bottom:1px solid var(--color-border-secondary)}th{background:var(--color-bg-secondary);font-weight:600;position:sticky;top:0;z-index:1}tr:hover{background:var(--color-bg-tertiary)}tr:focus-within{background:rgba(147,51,234,.05);outline:2px solid var(--color-primary);outline-offset:-2px}.live-region{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.error-boundary{border:2px dashed var(--color-error);border-radius:var(--radius-lg);padding:var(--space-lg);background:rgba(239,68,68,.05);margin:var(--space-lg) 0}.error-boundary h3{color:var(--color-error);margin-bottom:var(--space-md)}.keyboard-shortcut{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.btn-animated:hover,.format-tag:hover,.hover-elevate:hover,.hover-scale:hover,.tool-arrow:hover,.tool-card:hover{transform:none!important}.keyboard-focus{animation:none!important}.notification-toast{transition:opacity 0s!important}.fade-enter-active,.scale-enter-active,.slide-up-enter-active,.stagger-fade-in{animation:none!important;opacity:1!important;transform:none!important}}@media (prefers-contrast:high){.feature-card,.footer-link-enhanced,.newsletter-section,.tool-card{border-width:2px!important}.feature-description,.footer-description,.tool-description{color:var(--color-text-primary)!important}.hover-glow::before,.tool-card::before{display:none!important}.status-indicator{border-width:2px!important;font-weight:700!important}}[data-theme=dark]{--color-text-secondary:#a3a3a3;--color-text-tertiary:#737373;--color-border-primary:rgba(255, 255, 255, 0.2);--color-border-secondary:rgba(255, 255, 255, 0.1)}[data-theme=dark] .keyboard-focus{box-shadow:0 0 0 6px rgba(147,51,234,.3)!important}[data-theme=dark] [role=tooltip]{background:rgba(0,0,0,.9);border-color:rgba(255,255,255,.2)}@media print{.feature-card,.tool-card{border:2px solid #000!important;background:#fff!important;color:#000!important}.back-to-top-btn,.newsletter-section,.quick-action-btn{display:none!important}a::after{content:" (" attr(href) ")";font-size:.8em;color:#666}}@media (min-resolution:120dpi){.footer-link-enhanced,.tool-card,.touch-target,button{min-height:48px}}.accessibility-ready{position:relative}.accessibility-ready::before{content:'';position:fixed;bottom:5px;right:5px;width:4px;height:4px;background:var(--color-success);border-radius:50%;z-index:9999;opacity:.3}