.font-card-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:2;filter:drop-shadow(0 2px 4px #0000004d);position:relative;color:#fff!important;text-shadow:0 2px 4px #000000f2,0 4px 8px #000000b3,0 1px 2px #000,0 0 25px #0006,0 6px 12px #00000080!important;letter-spacing:.5px!important;font-weight:700!important}.font-card-preview{position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;background:linear-gradient(135deg,#667eea 0%,#764ba2 15%,#f093fb 35%,#4facfe 55%,#667eea 75%,#764ba2 100%) 0 0/400% 400%!important;animation:15s infinite gradientShift!important}@keyframes gradientShift{0%{background-position:0%}25%{background-position:50% 100%}50%{background-position:100%}75%{background-position:50% 0}to{background-position:0%}}.font-card-preview:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#00000047 0%,#00000061 50%,#00000047 100%);position:absolute;inset:0}.font-card-preview:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#0000 0%,#0000001a 50%,#0003 100%);width:200%;height:200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.font-card-preview:hover{box-shadow:inset 0 2px 4px #0000001a,0 10px 30px #667eea4d;animation-duration:8s!important}.font-card-preview:hover .shimmer-overlay{opacity:1;animation:2.5s infinite shimmerSweep}.shimmer-overlay{content:"";opacity:0;pointer-events:none;z-index:3;background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shimmerSweep{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.font-card-preview.theme-sunset{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 20%,#ee5a6f 40%,#ff9068 60%,#fd746c 80%,#ff6b6b 100%)!important}.font-card-preview.theme-ocean{background:linear-gradient(135deg,#2196f3 0%,#00bcd4 20%,#4fc3f7 40%,#03a9f4 60%,#29b6f6 80%,#2196f3 100%)!important}.font-card-preview.theme-forest{background:linear-gradient(135deg,#11998e 0%,#38ef7d 20%,#06b6d4 40%,#10b981 60%,#14b8a6 80%,#11998e 100%)!important}.font-card-preview.theme-royal{background:linear-gradient(135deg,#8e44ad 0%,#c0392b 20%,#e74c3c 40%,#9b59b6 60%,#8e44ad 80%,#a855f7 100%)!important}.font-card-preview.theme-candy{background:linear-gradient(135deg,#fc5c7d 0%,#6a82fb 20%,#f093fb 40%,#4facfe 60%,#fc5c7d 80%,#6a82fb 100%)!important}.font-card-preview.theme-mint{background:linear-gradient(135deg,#00f260 0%,#0575e6 20%,#00d4ff 40%,#00f260 60%,#0575e6 80%,#00f260 100%)!important}.font-loading-skeleton{background:linear-gradient(90deg,#ffffff14 0%,#ffffff2e 50%,#ffffff14 100%) 0 0/200% 100%;border-radius:.75rem;animation:1.5s ease-in-out infinite skeletonLoading}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes cardAppear{0%{opacity:0;transform:scale(.93)translateY(25px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-card-appear{opacity:0;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards cardAppear}.animate-card-appear:first-child{animation-delay:50ms}.animate-card-appear:nth-child(2){animation-delay:.1s}.animate-card-appear:nth-child(3){animation-delay:.15s}.animate-card-appear:nth-child(4){animation-delay:.2s}.animate-card-appear:nth-child(5){animation-delay:.25s}.animate-card-appear:nth-child(6){animation-delay:.3s}.animate-card-appear:nth-child(7){animation-delay:.35s}.animate-card-appear:nth-child(8){animation-delay:.4s}.animate-card-appear:nth-child(9){animation-delay:.45s}.animate-card-appear:nth-child(10){animation-delay:.5s}.animate-card-appear:nth-child(11){animation-delay:.55s}.animate-card-appear:nth-child(12){animation-delay:.6s}.font-card-wrapper{transform-origin:50%;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.font-card-wrapper:before{content:"";border-radius:inherit;opacity:0;z-index:-1;background:linear-gradient(135deg,#3b82f64d 0%,#a855f74d 50%,#3b82f64d 100%) 0 0/200% 200%;transition:opacity .4s;animation:3s infinite gradientBorderShift;position:absolute;inset:-2px}.font-card-wrapper:hover:before{opacity:1}.font-card-wrapper:hover{filter:drop-shadow(0 25px 50px #3b82f659);transform:translateY(-10px)scale(1.03)}@keyframes gradientBorderShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-float{animation:3s ease-in-out infinite float}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #3b82f64d,0 0 40px #3b82f626}50%{box-shadow:0 0 30px #3b82f680,0 0 60px #3b82f640}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}@keyframes slideInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-top{animation:.4s ease-out forwards slideInTop}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.3s ease-out forwards scaleIn}@media (max-width:640px){.font-card-text{letter-spacing:.3px!important;text-shadow:0 2px 3px #000000e6,0 3px 6px #0009,0 1px 2px #000!important}.font-card-wrapper:hover{transform:translateY(-6px)scale(1.02)}}@media (min-width:641px) and (max-width:1024px){.font-card-wrapper:hover{transform:translateY(-8px)scale(1.025)}}@media (prefers-reduced-motion:reduce){.font-card-preview,.font-card-preview:after,.shimmer-overlay{animation:none!important}.animate-card-appear,.animate-float,.animate-pulse-glow,.animate-fade-in-up,.animate-slide-in-top,.animate-scale-in{opacity:1!important;animation:none!important;transform:none!important}.font-card-wrapper:hover{transform:none}}@media (prefers-contrast:high){.font-card-text{text-shadow:0 0 3px #000,0 0 6px #000,0 0 9px #000!important}.font-card-preview:before{background:#00000080}}.font-card-wrapper:focus-visible{outline-offset:4px;border-radius:1rem;outline:3px solid #3b82f6}@media print{.font-card-preview{background:#fff!important;animation:none!important}.font-card-text{color:#000!important;text-shadow:none!important}.font-card-preview:before,.font-card-preview:after,.shimmer-overlay{display:none!important}.font-card-wrapper{break-inside:avoid}}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box}img{max-width:100%;height:auto;display:block}a{transition:all .2s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(#f3f4f6 0%,#e5e7eb 100%);border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(#667eea 0%,#764ba2 100%);border:2px solid #f3f4f6;border-radius:6px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#5a67d8 0%,#6b3fa0 100%)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.badge-gradient{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f626 0%,#a855f726 100%);border:1px solid #3b82f64d}.badge-gradient:hover{background:linear-gradient(135deg,#3b82f640 0%,#a855f740 100%);border-color:#3b82f680}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-in{animation:.2s ease-out fadeIn}.fade-in{animation:.3s ease-out fadeIn}.zoom-in{animation:.3s ease-out zoomIn}.glass-effect{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#fffc;border:1px solid #ffffff4d;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80}