*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1,h2,h3,h4,hr,p,pre{margin:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}iframe,img,svg{display:block;vertical-align:middle}img{height:auto;max-width:100%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-8{height:2rem}.max-h-32{max-height:8rem}.max-h-96{max-height:24rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-tl-none{border-top-left-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-purple-600{--tw-border-opacity:1;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-cyan-100{--tw-bg-opacity:1;background-color:rgb(207 250 254/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-teal-100{--tw-bg-opacity:1;background-color:rgb(204 251 241/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(250,245,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,68,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-4{padding-bottom:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}/* PDFQuick Design System v1.0 - Premium UI */
:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-secondary-50:#faf5ff;--color-secondary-100:#f3e8ff;--color-secondary-200:#e9d5ff;--color-secondary-300:#d8b4fe;--color-secondary-400:#c084fc;--color-secondary-500:#a855f7;--color-secondary-600:#9333ea;--color-secondary-700:#7e22ce;--color-secondary-800:#6b21a8;--color-secondary-900:#581c87;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / .25);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}

/* Tool Cards Premium Style */
.tool-card{position:relative;transition:all var(--transition-base);overflow:hidden;border:1px solid transparent}
.tool-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);opacity:0;transition:opacity var(--transition-base);z-index:0;border-radius:inherit}
.tool-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--color-primary-200)}
.tool-card:hover::before{opacity:.03}
.tool-card:active{transform:translateY(-2px) scale(1.01)}
.tool-card>*{position:relative;z-index:1}

/* Tool Card Icon Animation */
.tool-card .w-16{transition:all var(--transition-base)}
.tool-card:hover .w-16{transform:scale(1.1) rotate(5deg)}
.tool-card:hover .w-16 i{animation:bounce-icon .6s ease-in-out}

@keyframes bounce-icon{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Upload Area Premium Design */
.upload-area{border:3px dashed var(--color-primary-300);border-radius:var(--radius-2xl);background:linear-gradient(135deg,rgba(59,130,246,.02) 0%,rgba(147,51,234,.02) 100%);transition:all var(--transition-base);position:relative;overflow:hidden}
.upload-area::before{content:'';position:absolute;inset:-100%;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);opacity:0;transition:opacity var(--transition-base);animation:gradient-shift 8s ease infinite;background-size:400% 400%}
.upload-area:hover{border-color:var(--color-primary-500);background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,rgba(147,51,234,.05) 100%);transform:scale(1.01)}
.upload-area:hover::before{opacity:.03}
.upload-area.drag-over{border-color:var(--color-success);background:rgba(16,185,129,.05);border-width:4px;transform:scale(1.02)}
.upload-area.drag-over .upload-icon{animation:pulse-scale .8s ease-in-out infinite}

@keyframes gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes pulse-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}

/* Upload Icon Enhancement */
.upload-icon .w-24,.upload-icon .w-32{transition:all var(--transition-base)}
.upload-area:hover .upload-icon .w-24,.upload-area:hover .upload-icon .w-32{transform:scale(1.05)}
.upload-area:hover .upload-icon i{animation:float .6s ease-in-out infinite alternate}

@keyframes float{from{transform:translateY(0)}to{transform:translateY(-10px)}}

/* Upload Button Premium */
.upload-btn{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-secondary-600) 100%);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}
.upload-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-secondary-500) 100%);opacity:0;transition:opacity var(--transition-fast)}
.upload-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.upload-btn:hover::before{opacity:1}
.upload-btn:active{transform:translateY(0);box-shadow:var(--shadow-md)}
.upload-btn>*{position:relative;z-index:1}

/* Hero Section Enhancement */
.hero-gradient{background:linear-gradient(135deg,#2563eb 0%,#0f766e 50%,#db2777 100%);background-size:200% 200%;animation:gradient-flow 15s ease infinite;position:relative;overflow:hidden}
.hero-gradient::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}

@keyframes gradient-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Hero CTA Buttons */
.hero-cta-primary{background:#fff;color:var(--color-primary-600);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}
.hero-cta-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.05)}
.hero-cta-secondary{border:2px solid #fff;backdrop-filter:blur(10px);background:rgba(255,255,255,.1);transition:all var(--transition-base)}
.hero-cta-secondary:hover{background:#fff;color:var(--color-primary-600);transform:translateY(-2px) scale(1.05)}

/* Category Headers */
.category-header{position:relative;display:inline-block}
.category-header::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-500));border-radius:2px}

/* File List Cards */
.file-card{background:#fff;border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid #e5e7eb}
.file-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.dark .file-card{background:#374151;border-color:#4b5563}

/* Progress Bar Premium */
.progress-bar-container{background:#e5e7eb;border-radius:9999px;overflow:hidden;height:8px;position:relative}
.progress-bar{background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-500));height:100%;transition:width var(--transition-slow);border-radius:inherit;position:relative;overflow:hidden}
.progress-bar::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}

@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* Toast Notifications */
.toast{background:#fff;border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:var(--shadow-xl);border-left:4px solid;animation:slide-in-right var(--transition-slow) ease-out}
.toast.success{border-color:var(--color-success)}
.toast.error{border-color:var(--color-error)}
.toast.warning{border-color:var(--color-warning)}
.toast.info{border-color:var(--color-info)}

@keyframes slide-in-right{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}

/* Loading Spinner Premium */
.spinner-premium{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:var(--color-primary-500);border-right-color:var(--color-secondary-500);border-radius:50%;animation:spin-gradient 1s cubic-bezier(0.68,-0.55,0.265,1.55) infinite}

@keyframes spin-gradient{to{transform:rotate(360deg)}}

/* Category Badges */
.category-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;background:linear-gradient(135deg,var(--color-primary-100),var(--color-secondary-100));color:var(--color-primary-700);border:1px solid var(--color-primary-200)}

/* Hover Glow Effect */
.hover-glow{position:relative;transition:all var(--transition-base)}
.hover-glow::after{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));opacity:0;filter:blur(20px);z-index:-1;transition:opacity var(--transition-base)}
.hover-glow:hover::after{opacity:.3}

/* Mobile Touch Improvements */
@media(max-width:768px){.tool-card{padding:1.25rem!important}.upload-area{padding:3rem 1.5rem!important}.upload-icon .w-24{width:5rem!important;height:5rem!important}.upload-btn{padding:1rem 2rem!important;font-size:1rem!important}}

/* Dark Mode Optimizations */
.dark .upload-area{border-color:rgba(147,197,253,.3);background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,rgba(147,51,234,.05) 100%)}
.dark .upload-area:hover{border-color:rgba(147,197,253,.6)}
.dark .progress-bar-container{background:#374151}
.dark .toast{background:#1f2937;box-shadow:0 20px 25px -5px rgb(0 0 0 / .5)}

/* Skeleton Loading */
.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}

@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Smooth Scroll */
html{scroll-behavior:smooth}

/* Focus Styles for Accessibility */
:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}

/* Print Optimizations */
@media print{.tool-card,.upload-area{box-shadow:none!important;border:1px solid #e5e7eb!important}}/* FASE 8: Fix Critici Design - Layout Tool Grid + Hero Buttons + Design Polish */

/* ========================================
   FIX 1: TOOL GRID - Griglia 4 colonne responsive (iLovePDF-style)
   ======================================== */

/* Override artistic-theme.min.css grid che usa minmax(300px, 1fr) */
.tools-grid,
.grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-4 {
    display: grid !important;
    gap: 16px !important;
    max-width: 1400px;
    margin: 0 auto;
    /* Desktop (>1280px): 4 colonne */
    grid-template-columns: repeat(4, 1fr) !important;
}

/* Tablet large (1024px - 1280px): 3 colonne */
@media (max-width: 1280px) {
    .tools-grid,
    .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-4 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Tablet (768px - 1024px): 2 colonne */
@media (max-width: 1024px) {
    .tools-grid,
    .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Mobile (<768px): 2 colonne (più leggibile di 1 colonna) */
@media (max-width: 768px) {
    .tools-grid,
    .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-4 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

/* Mobile piccolo (<480px): 1 colonna */
@media (max-width: 480px) {
    .tools-grid,
    .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-4 {
        grid-template-columns: 1fr !important;
    }
}

/* ========================================
   FIX 1b: TOOL CARD - Compatte stile iLovePDF
   ======================================== */

.tool-card {
    /* Override artistic-theme padding 2.5rem */
    padding: 20px !important;

    /* Altezza massima compatta */
    min-height: 180px;
    max-height: 200px;

    /* Sfondo bianco pulito con bordo sottile */
    background: white !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;

    /* Ombra sottile */
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;

    /* Transitions smooth */
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;

    /* Layout interno */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.tool-card:hover {
    /* Lift effect */
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.12) !important;
    border-color: #cbd5e1 !important;
}

/* Dark mode tool cards */
.dark .tool-card {
    background: #1f2937 !important;
    border-color: #374151 !important;
}

.dark .tool-card:hover {
    border-color: #4b5563 !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.3) !important;
}

/* Icona tool - più piccola e compatta */
.tool-card .w-16.h-16,
.tool-card .tool-icon {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 12px !important;
    flex-shrink: 0;
}

/* Titolo tool - più piccolo */
.tool-card h3 {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
    text-align: center;
    color: #1f2937;
}

.dark .tool-card h3 {
    color: #f3f4f6;
}

/* Descrizione tool - 2 righe max, testo piccolo */
.tool-card p {
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #6b7280 !important;
    text-align: center;
    margin: 0 !important;

    /* Truncate a 2 righe */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark .tool-card p {
    color: #9ca3af !important;
}

/* ========================================
   FIX 2: HERO BUTTONS - Bottoni veri, non link
   ======================================== */

/* Container bottoni hero - affiancati su desktop, impilati su mobile */
.hero-buttons,
.hero .flex.flex-col.sm\:flex-row {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
    justify-content: center !important;
    align-items: center !important;
}

@media (max-width: 480px) {
    .hero-buttons,
    .hero .flex.flex-col.sm\:flex-row {
        flex-direction: column !important;
        align-items: center !important;
    }
}

/* Bottone primario "Inizia Subito" */
.hero-cta-primary,
a.hero-cta-primary {
    /* Bottone bianco su gradient */
    background: white !important;
    color: #2563eb !important;

    /* Padding generoso */
    padding: 14px 32px !important;

    /* Border radius medio */
    border-radius: 8px !important;

    /* Font semibold */
    font-size: 16px !important;
    font-weight: 600 !important;

    /* NO underline */
    text-decoration: none !important;

    /* Inline-flex per icon */
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    /* Shadow */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;

    /* Transition */
    transition: all 0.2s ease !important;
}

.hero-cta-primary:hover,
a.hero-cta-primary:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2) !important;
    color: #1d4ed8 !important;
    text-decoration: none !important;
}

/* Bottone secondario "Scopri di Più" */
.hero-cta-secondary,
a.hero-cta-secondary {
    /* Trasparente con bordo bianco */
    background: transparent !important;
    color: white !important;
    border: 2px solid white !important;

    /* Padding generoso */
    padding: 12px 32px !important; /* 12px perché border 2px */

    /* Border radius medio */
    border-radius: 8px !important;

    /* Font semibold */
    font-size: 16px !important;
    font-weight: 600 !important;

    /* NO underline */
    text-decoration: none !important;

    /* Inline-flex per icon */
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    /* Transition */
    transition: all 0.2s ease !important;
}

.hero-cta-secondary:hover,
a.hero-cta-secondary:hover {
    background: rgba(255,255,255,0.15) !important;
    transform: translateY(-2px) scale(1.02) !important;
    color: white !important;
    text-decoration: none !important;
}

/* ========================================
   FIX 3: TRUST BADGES - Hero section
   ======================================== */

.hero .flex.flex-wrap.justify-center.gap-6 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 48px !important;
}

.hero .flex.items-center.space-x-2 {
    /* Sfondo semi-trasparente */
    background: rgba(255,255,255,0.15) !important;
    backdrop-filter: blur(10px) !important;

    /* Padding pill */
    padding: 8px 16px !important;

    /* Border radius pill */
    border-radius: 20px !important;

    /* Border sottile */
    border: 1px solid rgba(255,255,255,0.2) !important;

    /* Display inline-flex */
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    /* Font size piccolo */
    font-size: 14px !important;
    font-weight: 500 !important;
    color: white !important;
}

/* ========================================
   FIX 4: SECTION TITLES - Più spazio tra sezioni
   ======================================== */

/* Titoli categoria con più margin-top */
.category-header {
    display: inline-block;
    position: relative;
    margin-top: 64px; /* Aumentato da default */
}

/* Prima categoria non ha margin-top extra */
.mb-16:first-of-type .category-header {
    margin-top: 0;
}

/* ========================================
   FIX 5: DESCRIZIONE SOTTO TITOLO PRINCIPALE
   ======================================== */

#tools .text-center.text-gray-600.dark\:text-gray-400.mb-16.max-w-2xl.mx-auto.text-lg {
    font-size: 16px !important; /* Ridotto da 18px (text-lg) */
    color: #6b7280 !important; /* Grigio medio */
    line-height: 1.6 !important;
}

.dark #tools .text-center.text-gray-600.dark\:text-gray-400.mb-16.max-w-2xl.mx-auto.text-lg {
    color: #9ca3af !important;
}

/* ========================================
   FIX 6: HEADER - Language selector più visibile
   ======================================== */

#lang-toggle {
    /* Aggiungi gap per separazione */
    margin-right: 4px !important;

    /* Font size più grande */
    font-size: 18px !important;
}

/* Gap tra dark mode toggle e altri elementi */
button[onclick="toggleDarkMode()"] {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

/* ========================================
   FIX 7: HERO BADGE "56 Strumenti"
   ======================================== */

.hero .inline-block.mb-4.px-4.py-2 {
    background: rgba(255,255,255,0.2) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 20px !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}

/* ========================================
   FIX 8: RESPONSIVE MOBILE IMPROVEMENTS
   ======================================== */

@media (max-width: 768px) {
    /* Tool cards più compatte su mobile */
    .tool-card {
        padding: 16px !important;
        min-height: 160px;
    }

    .tool-card h3 {
        font-size: 14px !important;
    }

    .tool-card p {
        font-size: 12px !important;
    }

    /* Hero buttons stack vertically */
    .hero-cta-primary,
    .hero-cta-secondary {
        width: 100%;
        max-width: 300px;
        justify-content: center !important;
    }

    /* Trust badges più piccoli */
    .hero .flex.items-center.space-x-2 {
        font-size: 12px !important;
        padding: 6px 12px !important;
    }
}

/* ========================================
   FIX 9: AI TOOLS CARD - Override gradient background
   ======================================== */

/* AI tools cards hanno uno stile speciale con gradient */
a.tool-card.bg-gradient-to-br.from-purple-50.to-indigo-50 {
    background: white !important;
    border: 2px solid #99f6e4 !important; /* Teal border per distinguerle */
}

.dark a.tool-card.bg-gradient-to-br.from-purple-50.to-indigo-50 {
    background: #1f2937 !important;
    border: 2px solid #115e59 !important;
}

a.tool-card.bg-gradient-to-br.from-purple-50.to-indigo-50:hover {
    border-color: #2dd4bf !important;
}

.dark a.tool-card.bg-gradient-to-br.from-purple-50.to-indigo-50:hover {
    border-color: #14b8a6 !important;
}

/* ========================================
   FINE FIX FASE 8
   ======================================== */
/* ===== UPLOAD AREA - PDFQuick ===== */

/* Input file COMPLETAMENTE nascosto */
.pdfq-file-input-hidden {
    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;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Nasconde QUALSIASI input file nativo che potrebbe essere rimasto */
input[type="file"]:not(.pdfq-file-input-hidden) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0, 0, 0, 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Area upload principale */
.pdfq-upload-area {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 32px;
    margin: 24px auto;
    max-width: 600px;
    background: #ffffff;
    border: 2px dashed #99f6e4;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

/* Hover */
.pdfq-upload-area:hover {
    border-color: #14b8a6;
    background: #f0fdfa;
    box-shadow: 0 4px 12px rgba(13, 148, 136, 0.08);
}

/* Drag over */
.pdfq-upload-area.drag-over {
    border-color: #0d9488;
    border-style: solid;
    background: #f0fdfa;
    box-shadow: 0 8px 24px rgba(13, 148, 136, 0.15);
    transform: scale(1.01);
}

/* Icona */
.pdfq-upload-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: #f0fdfa;
    border-radius: 16px;
    margin-bottom: 20px;
    color: #0d9488;
    transition: all 0.2s ease;
}

.pdfq-upload-area:hover .pdfq-upload-icon {
    background: #ccfbf1;
    transform: translateY(-2px);
}

.pdfq-upload-area.drag-over .pdfq-upload-icon {
    background: #99f6e4;
    animation: pdfq-bounce 0.5s ease;
}

/* Titolo */
.pdfq-upload-title {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 4px 0;
}

/* Divider "oppure" */
.pdfq-upload-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 16px 0;
    width: 100%;
    max-width: 200px;
}

.pdfq-upload-divider::before,
.pdfq-upload-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e2e8f0;
}

.pdfq-upload-divider span {
    font-size: 13px;
    color: #94a3b8;
    white-space: nowrap;
}

/* Bottone */
.pdfq-upload-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: #0d9488;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.pdfq-upload-btn:hover {
    background: #0f766e;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.pdfq-upload-btn:active {
    transform: translateY(0);
    box-shadow: none;
}

/* Info formato */
.pdfq-upload-info {
    font-size: 12px;
    color: #94a3b8;
    margin: 16px 0 0 0;
}

/* Animazione bounce */
@keyframes pdfq-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* ===== DARK MODE ===== */
[data-theme="dark"] .pdfq-upload-area,
.dark .pdfq-upload-area {
    background: #1e1b4b;
    border-color: #4338ca;
}

[data-theme="dark"] .pdfq-upload-area:hover,
.dark .pdfq-upload-area:hover {
    background: #252262;
    border-color: #0d9488;
}

[data-theme="dark"] .pdfq-upload-title,
.dark .pdfq-upload-title {
    color: #e2e8f0;
}

[data-theme="dark"] .pdfq-upload-icon,
.dark .pdfq-upload-icon {
    background: #312e81;
    color: #a5b4fc;
}

[data-theme="dark"] .pdfq-upload-info,
.dark .pdfq-upload-info {
    color: #64748b;
}

[data-theme="dark"] .pdfq-upload-divider span,
.dark .pdfq-upload-divider span {
    color: #64748b;
}

[data-theme="dark"] .pdfq-upload-divider::before,
[data-theme="dark"] .pdfq-upload-divider::after,
.dark .pdfq-upload-divider::before,
.dark .pdfq-upload-divider::after {
    background: #334155;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
    .pdfq-upload-area {
        padding: 36px 24px;
        margin: 16px;
        border-radius: 14px;
    }
    
    .pdfq-upload-icon {
        width: 56px;
        height: 56px;
        border-radius: 14px;
        margin-bottom: 16px;
    }
    
    .pdfq-upload-icon svg {
        width: 32px;
        height: 32px;
    }
    
    .pdfq-upload-title {
        font-size: 16px;
    }
    
    .pdfq-upload-btn {
        padding: 14px 32px;
        font-size: 16px;
        min-height: 48px;
        border-radius: 12px;
    }
}

/* ===== FILE SELEZIONATO ===== */
.pdfq-file-preview {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: #f1f5f9;
    border-radius: 10px;
    width: 100%;
    max-width: 400px;
}

.pdfq-file-preview-icon {
    width: 40px;
    height: 40px;
    background: #ef4444;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}

.pdfq-file-preview-info {
    flex: 1;
    min-width: 0;
}

.pdfq-file-preview-name {
    font-size: 14px;
    font-weight: 500;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pdfq-file-preview-size {
    font-size: 12px;
    color: #94a3b8;
}

.pdfq-file-preview-remove {
    width: 32px;
    height: 32px;
    border: none;
    background: #fee2e2;
    color: #ef4444;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.15s ease;
}

.pdfq-file-preview-remove:hover {
    background: #fecaca;
}

[data-theme="dark"] .pdfq-file-preview,
.dark .pdfq-file-preview {
    background: #1e293b;
}

[data-theme="dark"] .pdfq-file-preview-name,
.dark .pdfq-file-preview-name {
    color: #e2e8f0;
}
:root{--primary:#0066FF;--primary-hover:#0052CC;--primary-light:#E6F0FF;--primary-dark:#004DB3;--success:#36B37E;--success-light:#E3FCEF;--error:#FF5630;--error-light:#FFEBE6;--warning:#FFAB00;--warning-light:#FFFAE6;--gray-50:#F9FAFB;--gray-100:#F4F5F7;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg:0 10px 25px -3px rgba(0,0,0,0.08),0 4px 10px -4px rgba(0,0,0,0.04);--shadow-xl:0 20px 40px -8px rgba(0,0,0,0.1);--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}[data-lucide]{width:1em;height:1em;display:inline-block;vertical-align:middle;stroke-width:2}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}.dark ::-webkit-scrollbar-track{background:var(--gray-800)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.pdfq-header .nav-link{color:var(--gray-600);font-weight:500;font-size:.9375rem;padding:.375rem .75rem;border-radius:var(--radius-sm);transition:all .15s ease}.pdfq-header .nav-link:hover{color:var(--primary);background:var(--primary-light)}.dark .pdfq-header .nav-link{color:var(--gray-300)}.dark .pdfq-header .nav-link:hover{color:#60a5fa;background:rgba(59,130,246,.1)}.pdfq-header .cta-btn{background:var(--primary);color:#fff;font-weight:600;font-size:.875rem;padding:.5rem 1.25rem;border-radius:var(--radius-sm);transition:all .15s ease;border:none;cursor:pointer}.pdfq-header .cta-btn:hover{background:var(--primary-hover);box-shadow:0 4px 12px rgba(0,102,255,.3)}.pdfq-hero{background:linear-gradient(135deg,var(--primary-light) 0,#fff 50%,#f0f7ff 100%);padding:80px 0 60px}.dark .pdfq-hero{background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#0f172a 100%)}.pdfq-hero h1{font-size:3.25rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--gray-900)}.dark .pdfq-hero h1{color:#f1f5f9}.pdfq-hero .hero-subtitle{font-size:1.25rem;color:#4b5563;max-width:640px;margin:0 auto;line-height:1.6}.dark .pdfq-hero .hero-subtitle{color:var(--gray-400)}@media (max-width:768px){.pdfq-hero{padding:48px 0 40px}.pdfq-hero h1{font-size:2rem}.pdfq-hero .hero-subtitle{font-size:1.0625rem}}.upload-area{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);background:#fff;transition:all .25s ease;cursor:pointer}.upload-area:hover{border-color:var(--primary);background:var(--primary-light)}.upload-area.dragover{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 4px rgba(0,102,255,.1)}.dark .upload-area{border-color:var(--gray-600);background:var(--gray-800)}.dark .upload-area.dragover,.dark .upload-area:hover{border-color:#3b82f6;background:rgba(59,130,246,.08)}.upload-area .upload-icon{width:64px;height:64px;border-radius:50%;background:var(--primary-light);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--primary);font-size:1.75rem}.dark .upload-area .upload-icon{background:rgba(59,130,246,.15);color:#60a5fa}.tool-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;transition:all .25s cubic-bezier(.4, 0, .2, 1);text-decoration:none;display:block}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.dark .tool-card{background:var(--gray-800);border-color:var(--gray-700)}.dark .tool-card:hover{border-color:#3b82f6;box-shadow:0 20px 40px rgba(59,130,246,.15)}.tool-card .tool-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.375rem}.tool-card h3{font-size:.9375rem;font-weight:600;text-align:center;margin-bottom:.375rem}.tool-card p{font-size:.8125rem;text-align:center;color:#4b5563;line-height:1.45}.dark .tool-card p{color:var(--gray-400)}.category-heading{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse-animation{animation:pulse 2s ease-in-out infinite}.hero-gradient{background:linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%);position:relative;overflow:hidden}.hero-gradient::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,135,255,.3),transparent 50%),radial-gradient(circle at 40% 20%,rgba(138,180,248,.3),transparent 50%);animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(10px,10px) scale(1.05)}}.dark .hero-gradient{background:linear-gradient(135deg,#1e3a8a 0,#312e81 50%,#581c87 100%)}.glass{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .glass{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-animation{animation:float 6s ease-in-out infinite}.progress-bar{height:6px;background-color:var(--gray-200);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease;border-radius:3px}.alert{padding:1rem 1.25rem;border-radius:var(--radius-md);margin:1rem 0;font-size:.9375rem}.alert-error{background-color:var(--error-light);border-left:4px solid var(--error);color:#bf2600}.dark .alert-error{background-color:rgba(255,86,48,.12);color:#ff8f73}.alert-success{background-color:var(--success-light);border-left:4px solid var(--success);color:#064}.dark .alert-success{background-color:rgba(54,179,126,.12);color:#79f2c0}.spinner{border:3px solid var(--gray-200);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-content{max-height:1000px}.faq-item{border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:all .2s ease}.faq-item:hover{border-color:var(--primary)}.dark .faq-item{border-color:var(--gray-700)}.dark .faq-item:hover{border-color:#3b82f6}.pdfq-footer{background:var(--gray-900);color:#fff}.pdfq-footer .footer-heading,.pdfq-footer h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;color:#e5e7eb}.pdfq-footer a{color:#d1d5db;font-size:.875rem;transition:color .15s ease}.pdfq-footer a:hover{color:#fff}.pdfq-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:2rem;margin-top:3rem}.gradient-bg{background:linear-gradient(135deg,#1e3a8a 0,#3b82f6 50%,#06b6d4 100%)}.card-shadow{box-shadow:var(--shadow-lg)}.icon-3d{filter:drop-shadow(2px 4px 6px rgba(0, 0, 0, .3))}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dark .stat-card{background:var(--gray-800);border-color:var(--gray-700)}.step-card{text-align:center;padding:2rem 1.5rem}.step-card .step-icon{width:72px;height:72px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.75rem;color:#fff}.step-card .step-number{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary);color:#fff;font-weight:600;padding:.75rem 2rem;border-radius:var(--radius-sm);font-size:1rem;transition:all .15s ease;border:none;cursor:pointer;text-decoration:none}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 14px rgba(0,102,255,.35);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:0 0;color:var(--primary);font-weight:600;padding:.75rem 2rem;border-radius:var(--radius-sm);font-size:1rem;border:2px solid var(--primary);cursor:pointer;text-decoration:none;transition:all .15s ease}.btn-secondary:hover{background:var(--primary-light)}.trust-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gray-50);border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--gray-600)}.dark .trust-badge{background:var(--gray-800);color:var(--gray-300)}@font-face{font-family:"Font Awesome 6 Free";font-display:swap}@font-face{font-family:"Font Awesome 6 Brands";font-display:swap}/* ============================================ PDFQuick - Tema Artistico 2025 Design elegante con gradienti e animazioni ============================================ */@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap');/* ============================================ VARIABILI CSS ============================================ */:root{--color-primary:#1e3a8a;--color-primary-light:#3b82f6;--color-secondary:#0f766e;--color-accent:#f59e0b;--color-accent-hover:#d97706;--gradient-hero:linear-gradient(135deg,#1e3a8a 0%,#0f766e 50%,#db2777 100%);--gradient-card:linear-gradient(145deg,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 100%);--gradient-dark:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);--font-title:'Playfair Display',Georgia,serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--shadow-soft:0 10px 40px -10px rgba(30,58,138,0.15);--shadow-glow:0 0 40px rgba(124,58,237,0.3);--shadow-card:0 20px 60px -20px rgba(0,0,0,0.1);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;}/* ============================================ RESET E BASE ============================================ */*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font-body);line-height:1.6;color:#1f2937;background:#fafaf9;overflow-x:hidden;}/* ============================================ HEADER E NAVIGAZIONE ARTISTICA ============================================ */header{background:rgba(255,255,255,0.8);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.2);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-soft);}nav{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;}.logo{font-family:var(--font-title);font-size:1.8rem;font-weight:700;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-0.02em;}.nav-links{display:flex;gap:2rem;list-style:none;}.nav-links a{text-decoration:none;color:#4b5563;font-weight:500;font-size:0.95rem;position:relative;padding:0.5rem 0;transition:color 0.3s ease;}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-hero);transition:width 0.3s ease;}.nav-links a:hover{color:var(--color-primary);}.nav-links a:hover::after{width:100%;}/* ============================================ HERO SECTION ARTISTICA ============================================ */.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gradient-hero);}.hero::before{content:'';position:absolute;width:600px;height:600px;background:rgba(255,255,255,0.1);border-radius:50%;filter:blur(80px);top:-200px;right:-200px;animation:float 20s infinite ease-in-out;}.hero::after{content:'';position:absolute;width:400px;height:400px;background:rgba(245,158,11,0.2);border-radius:50%;filter:blur(60px);bottom:-100px;left:-100px;animation:float 15s infinite ease-in-out reverse;}@keyframes float{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,-30px) scale(1.1);}}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px;padding:2rem;color:white;}.hero h1{font-family:var(--font-title);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 4px 30px rgba(0,0,0,0.2);}.hero-subtitle{font-size:1.25rem;font-weight:300;opacity:0.95;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;}/* ============================================ BOTTONI ARTISTICI ============================================ */.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2.5rem;font-family:var(--font-body);font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--radius-xl);transition:all 0.3s ease;cursor:pointer;border:none;position:relative;overflow:hidden;}.btn-primary{background:var(--color-accent);color:white;box-shadow:0 10px 30px -10px rgba(245,158,11,0.5);}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px -10px rgba(245,158,11,0.6);background:var(--color-accent-hover);}.btn-secondary{background:rgba(255,255,255,0.2);color:white;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);}.btn-secondary:hover{background:rgba(255,255,255,0.3);transform:translateY(-3px);}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s;}.btn:hover::before{left:100%;}/* ============================================ GRIGLIA TOOL - CARD ARTISTICHE ============================================ */.tools-section{padding:var(--space-xl) 2rem;background:linear-gradient(180deg,#fafaf9 0%,#f5f5f4 100%);position:relative;}.section-title{font-family:var(--font-title);font-size:clamp(2rem,4vw,3rem);text-align:center;margin-bottom:1rem;color:var(--color-primary);}.section-subtitle{text-align:center;color:#6b7280;font-size:1.1rem;margin-bottom:var(--space-lg);max-width:600px;margin-left:auto;margin-right:auto;}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto;}.tool-card{background:var(--gradient-card);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.5);border-radius:var(--radius-lg);padding:2.5rem;text-decoration:none;color:inherit;transition:all 0.4s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-card);}.tool-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-hero);transform:scaleX(0);transition:transform 0.4s ease;}.tool-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-glow);}.tool-card:hover::before{transform:scaleX(1);}.tool-icon{width:60px;height:60px;background:var(--gradient-hero);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.8rem;color:white;box-shadow:0 10px 30px -10px rgba(124,58,237,0.4);}.tool-card h3{font-family:var(--font-title);font-size:1.5rem;margin-bottom:0.75rem;color:var(--color-primary);}.tool-card p{color:#6b7280;font-size:0.95rem;line-height:1.6;}/* ============================================ SEZIONE PERCHÉ SCEGLIERCI ============================================ */.features-section{padding:var(--space-xl) 2rem;background:white;position:relative;}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1200px;margin:0 auto;}.feature-item{padding:2rem;border-radius:var(--radius-lg);background:linear-gradient(145deg,#fafaf9,#ffffff);border:1px solid rgba(0,0,0,0.05);transition:all 0.3s ease;}.feature-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-card);}.feature-item h3{font-family:var(--font-title);font-size:1.3rem;color:var(--color-primary);margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem;}.feature-item p{color:#6b7280;line-height:1.7;}/* ============================================ FOOTER ARTISTICO ============================================ */footer{background:var(--gradient-dark);color:white;padding:var(--space-lg) 2rem;text-align:center;}.footer-content{max-width:1200px;margin:0 auto;}.footer-logo{font-family:var(--font-title);font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.footer-links{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap;}.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s;}.footer-links a:hover{color:white;}/* ============================================ ANIMAZIONI ENTRATA ============================================ */@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.tool-card,.feature-item{animation:fadeInUp 0.6s ease forwards;}.tool-card:nth-child(1){animation-delay:0.1s;}.tool-card:nth-child(2){animation-delay:0.2s;}.tool-card:nth-child(3){animation-delay:0.3s;}.tool-card:nth-child(4){animation-delay:0.4s;}/* ============================================ RESPONSIVE ============================================ */@media (max-width:768px){.nav-links{gap:1rem;font-size:0.9rem;}.hero h1{font-size:2.2rem;}.tools-grid{grid-template-columns:1fr;}.btn{padding:0.875rem 1.75rem;}}/* ============================================ DARK MODE SUPPORT (opzionale) ============================================ */@media (prefers-color-scheme:dark){body{background:#0f172a;color:#e5e7eb;}.tools-section{background:linear-gradient(180deg,#0f172a 0%,#1e1b4b 100%);}.tool-card{background:rgba(30,41,59,0.8);border-color:rgba(255,255,255,0.1);}.tool-card h3{color:#60a5fa;}.feature-item{background:linear-gradient(145deg,#1e293b,#0f172a);border-color:rgba(255,255,255,0.05);}}/* ============================================
 AvePDF Widget Customization - Dark Theme
 Nasconde branding e applica stile PDFQuick
 ============================================ */


.custom-card-wrapper{
 background:#2c2c32 !important;
 border-radius:15px !important;
 padding:30px !important;
 box-shadow:0 10px 40px rgba(0,0,0,0.15) !important;
 margin:20px 0 !important;
 position:relative !important;
 overflow:hidden !important;
}


.avepdf-loading-message{
 text-align:center;
 color:#E85D75;
 font-size:1rem;
 font-weight:600;
 margin-bottom:25px;
 padding:15px;
 background:rgba(232,93,117,0.1);
 border-radius:10px;
 border:1px solid rgba(232,93,117,0.2);
}

.avepdf-loading-message i{
 margin-right:8px;
 color:#E85D75;
}


#avepdf-widget-container{
 background:#2c2c32 !important;
 border-radius:15px !important;
 overflow:hidden !important;
 position:relative !important;
 min-height:500px !important;
 pointer-events:auto !important;
 z-index:1 !important;
}


#avepdf-widget-container iframe{
 border:none !important;
 border-radius:15px !important;
 background:#2c2c32 !important;
 pointer-events:auto !important;
 z-index:2 !important;
}


#avepdf-widget-container iframe[src*="avepdf"]{
 margin-bottom:-80px !important;
 padding-bottom:80px !important;
 height:calc(100% + 80px) !important;
 overflow:hidden !important;
 clip-path:inset(0 0 80px 0) !important;
}


.custom-card-wrapper::after{
 content:'';
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:80px;
 background:#2c2c32;
 z-index:1000;
 pointer-events:none !important;
 border-radius:0 0 15px 15px;
}


.custom-card-wrapper::before{
 content:'';
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:80px;
 background:#2c2c32;
 z-index:999;
 pointer-events:none !important;
 border-radius:0 0 15px 15px;
}


#avepdf-widget-container a[href*="avepdf"],
#avepdf-widget-container *[class*="avepdf-brand"],
#avepdf-widget-container *[class*="powered-by"],
#avepdf-widget-container *[id*="branding"]{
 display:none !important;
 visibility:hidden !important;
 opacity:0 !important;
 height:0 !important;
 overflow:hidden !important;
}


#avepdf-widget-container *{
 color:#ffffff !important;
}


#avepdf-widget-container input,
#avepdf-widget-container button,
#avepdf-widget-container select{
 background:#3a3a42 !important;
 color:#ffffff !important;
 border-color:#4a4a52 !important;
}

#avepdf-widget-container button:hover{
 background:#E85D75 !important;
 border-color:#E85D75 !important;
}





#avepdf-widget-container *[class*="limit"],
#avepdf-widget-container *[class*="premium"],
#avepdf-widget-container *[class*="free-action"],
#avepdf-widget-container *[class*="free-actions"],
#avepdf-widget-container *[id*="limit"],
#avepdf-widget-container *[id*="premium"],
#avepdf-widget-container *[id*="free-action"],
#avepdf-widget-container *[id*="free-actions"]{
 display:none !important;
 visibility:hidden !important;
 opacity:0 !important;
 height:0 !important;
 overflow:hidden !important;
 max-height:0 !important;
 padding:0 !important;
 margin:0 !important;
}


#avepdf-widget-container [class*="alert"],
#avepdf-widget-container [class*="banner"],
#avepdf-widget-container [class*="notification"],
#avepdf-widget-container [id*="alert"],
#avepdf-widget-container [id*="banner"],
#avepdf-widget-container [id*="notification"]{
 display:none !important;
 visibility:hidden !important;
 opacity:0 !important;
 height:0 !important;
 overflow:hidden !important;
 max-height:0 !important;
 padding:0 !important;
 margin:0 !important;
}


@media (max-width:768px){
 .custom-card-wrapper{
 padding:20px !important;
 border-radius:12px !important;
}
 
 .avepdf-loading-message{
 font-size:0.9rem;
 padding:12px;
}
 
 #avepdf-widget-container{
 min-height:400px !important;
}
}



.main-tool-wrapper{
 display:flex !important;
 visibility:visible !important;
 opacity:1 !important;
 min-height:200px !important;
}

.hero-section{
 display:block !important;
 visibility:visible !important;
 opacity:1 !important;
}

.workspace-card-standard{
 display:block !important;
 visibility:visible !important;
 opacity:1 !important;
 background:white !important;
 min-height:200px !important;
}

.steps-container-simple{
 display:flex !important;
 visibility:visible !important;
 opacity:1 !important;
}


.workspace-card-standard > *{
 visibility:visible !important;
 opacity:1 !important;
}


.main-tool-wrapper > *{
 visibility:visible !important;
 opacity:1 !important;
}