*,:before,:after{--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: rgb(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: rgb(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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{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}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow: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}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 374px){.\!container{max-width:374px!important}.container{max-width:374px}}@media (min-width: 390px){.\!container{max-width:390px!important}.container{max-width:390px}}@media (min-width: 428px){.\!container{max-width:428px!important}.container{max-width:428px}}@media (min-width: 430px){.\!container{max-width:430px!important}.container{max-width:430px}}@media (min-width: 440px){.\!container{max-width:440px!important}.container{max-width:440px}}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-bottom-6{bottom:-1.5rem}.-bottom-8{bottom:-2rem}.-right-6{right:-1.5rem}.-right-8{right:-2rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1 / span 1}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-full{grid-column:1 / -1}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-mr-8{margin-right:-2rem}.-mt-8{margin-top:-2rem}.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}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[2\.625rem\]{height:2.625rem}.h-\[36px\]{height:36px}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-\[140px\]{max-height:140px}.max-h-\[90vh\]{max-height:90vh}.min-h-\[100px\]{min-height:100px}.min-h-\[calc\(100vh-200px\)\]{min-height:calc(100vh - 200px)}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[120px\]{width:120px}.w-auto{width:auto}.w-full{width:100%}.min-w-\[2\.625rem\]{min-width:2.625rem}.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}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[fadeIn_0\.5s_ease-out_forwards\]{animation:fadeIn .5s ease-out forwards}.animate-\[fadeIn_0\.6s_ease-out_0\.1s_forwards\]{animation:fadeIn .6s ease-out .1s forwards}.animate-\[fadeIn_0\.6s_ease-out_forwards\]{animation:fadeIn .6s ease-out forwards}.animate-\[fadeIn_0\.8s_ease-out_0\.2s_forwards\]{animation:fadeIn .8s ease-out .2s forwards}.animate-\[fadeIn_1s_ease-out_0\.4s_forwards\]{animation:fadeIn 1s ease-out .4s forwards}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.75rem * var(--tw-space-x-reverse));margin-left:calc(-.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-bl-full{border-bottom-left-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-dashed{border-style:dashed}.border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 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-200\/50{border-color:#e5e7eb80}.border-gray-200\/80{border-color:#e5e7ebcc}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-100{--tw-border-opacity: 1;border-color:rgb(220 252 231 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-indigo-200{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}.border-indigo-300{--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.border-orange-300\/30{border-color:#fdba744d}.border-orange-400\/30{border-color:#fb923c4d}.border-orange-500{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.border-powertaal-border{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / 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-sky-200{--tw-border-opacity: 1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}.border-sky-300{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1))}.border-sky-400{--tw-border-opacity: 1;border-color:rgb(56 189 248 / var(--tw-border-opacity, 1))}.border-sky-500{--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-violet-500{--tw-border-opacity: 1;border-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/40{border-color:#fff6}.border-white\/50{border-color:#ffffff80}.border-yellow-100{--tw-border-opacity: 1;border-color:rgb(254 249 195 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-t-indigo-600{--tw-border-opacity: 1;border-top-color:rgb(79 70 229 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / 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-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / 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-50\/50{background-color:#f9fafb80}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-900\/80{background-color:#111827cc}.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-50\/90{background-color:#f0fdf4e6}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-50\/50{background-color:#eef2ff80}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500\/10{background-color:#f973161a}.bg-powertaal-card-bg\/90{background-color:#ffffffe6}.bg-powertaal-primary{--tw-bg-opacity: 1;background-color:rgb(30 110 235 / var(--tw-bg-opacity, 1))}.bg-powertaal-primary-light{--tw-bg-opacity: 1;background-color:rgb(232 241 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / 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-red-50\/90{background-color:#fef2f2e6}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-sky-100{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-sky-50{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-violet-500{--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-white\/50{background-color:#ffffff80}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-white\/95{background-color:#fffffff2}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.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-\[\#2C4A75\]{--tw-gradient-from: #2C4A75 var(--tw-gradient-from-position);--tw-gradient-to: rgb(44 74 117 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#4A5FA8\]{--tw-gradient-from: #4A5FA8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(74 95 168 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#4A5FA8\]\/80{--tw-gradient-from: rgb(74 95 168 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(74 95 168 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#6DADD4\]{--tw-gradient-from: #6DADD4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(109 173 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#7DB247\]{--tw-gradient-from: #7DB247 var(--tw-gradient-from-position);--tw-gradient-to: rgb(125 178 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#9850B0\]{--tw-gradient-from: #9850B0 var(--tw-gradient-from-position);--tw-gradient-to: rgb(152 80 176 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#A85642\]{--tw-gradient-from: #A85642 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 86 66 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#E94C9A\]{--tw-gradient-from: #E94C9A var(--tw-gradient-from-position);--tw-gradient-to: rgb(233 76 154 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#F08847\]{--tw-gradient-from: #F08847 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 136 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-400{--tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-600{--tw-gradient-from: #d97706 var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500\/50{--tw-gradient-from: rgb(59 130 246 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500\/70{--tw-gradient-from: rgb(59 130 246 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(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: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-900\/70{--tw-gradient-from: rgb(30 58 138 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-400{--tw-gradient-from: #34d399 var(--tw-gradient-from-position);--tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from: #059669 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50\/50{--tw-gradient-from: rgb(249 250 251 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-400{--tw-gradient-from: #4ade80 var(--tw-gradient-from-position);--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-50{--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-300{--tw-gradient-from: #fdba74 var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 186 116 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-400{--tw-gradient-from: #fb923c var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-600{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-powertaal-background{--tw-gradient-from: #F8FAFC var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-powertaal-primary-light{--tw-gradient-from: #E8F1FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(232 241 255 / 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: rgb(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: rgb(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: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-400{--tw-gradient-from: #f87171 var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 113 113 / 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: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-100{--tw-gradient-from: #e0f2fe var(--tw-gradient-from-position);--tw-gradient-to: rgb(224 242 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-50{--tw-gradient-from: #f0f9ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-500{--tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-800\/95{--tw-gradient-from: rgb(30 41 59 / .95) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-400{--tw-gradient-from: #a78bfa var(--tw-gradient-from-position);--tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-600{--tw-gradient-from: #7c3aed var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-300{--tw-gradient-from: #fde047 var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-blue-800\/60{--tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(30 64 175 / .6) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-50{--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f9fafb var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-orange-400{--tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fb923c var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-pink-500{--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-pink-600{--tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #db2777 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-50\/30{--tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(254 242 242 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-700\/90{--tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(51 65 85 / .9) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-yellow-400{--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #facc15 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#1E3A5F\]{--tw-gradient-to: #1E3A5F var(--tw-gradient-to-position)}.to-\[\#3D5090\]{--tw-gradient-to: #3D5090 var(--tw-gradient-to-position)}.to-\[\#3D5090\]\/80{--tw-gradient-to: rgb(61 80 144 / .8) var(--tw-gradient-to-position)}.to-\[\#5BA4CF\]{--tw-gradient-to: #5BA4CF var(--tw-gradient-to-position)}.to-\[\#8BC257\]{--tw-gradient-to: #8BC257 var(--tw-gradient-to-position)}.to-\[\#964A38\]{--tw-gradient-to: #964A38 var(--tw-gradient-to-position)}.to-\[\#A660BD\]{--tw-gradient-to: #A660BD var(--tw-gradient-to-position)}.to-\[\#F05AA5\]{--tw-gradient-to: #F05AA5 var(--tw-gradient-to-position)}.to-\[\#F89857\]{--tw-gradient-to: #F89857 var(--tw-gradient-to-position)}.to-amber-300{--tw-gradient-to: #fcd34d var(--tw-gradient-to-position)}.to-amber-400{--tw-gradient-to: #fbbf24 var(--tw-gradient-to-position)}.to-amber-500{--tw-gradient-to: #f59e0b var(--tw-gradient-to-position)}.to-amber-600{--tw-gradient-to: #d97706 var(--tw-gradient-to-position)}.to-amber-700{--tw-gradient-to: #b45309 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.to-blue-900\/80{--tw-gradient-to: rgb(30 58 138 / .8) var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.to-cyan-500\/40{--tw-gradient-to: rgb(6 182 212 / .4) var(--tw-gradient-to-position)}.to-cyan-500\/60{--tw-gradient-to: rgb(6 182 212 / .6) var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-emerald-700{--tw-gradient-to: #047857 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.to-gray-50{--tw-gradient-to: #f9fafb var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.to-powertaal-background{--tw-gradient-to: #F8FAFC var(--tw-gradient-to-position)}.to-powertaal-primary-light{--tw-gradient-to: #E8F1FF var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.to-red-400{--tw-gradient-to: #f87171 var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to: #ef4444 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-sky-100{--tw-gradient-to: #e0f2fe var(--tw-gradient-to-position)}.to-sky-200{--tw-gradient-to: #bae6fd var(--tw-gradient-to-position)}.to-sky-400{--tw-gradient-to: #38bdf8 var(--tw-gradient-to-position)}.to-slate-800\/95{--tw-gradient-to: rgb(30 41 59 / .95) var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to: #0d9488 var(--tw-gradient-to-position)}.to-violet-600{--tw-gradient-to: #7c3aed var(--tw-gradient-to-position)}.to-violet-700{--tw-gradient-to: #6d28d9 var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to: #eab308 var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:center}.fill-yellow-400{fill:#facc15}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.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-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-14{padding-left:3.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pt-28{padding-top:7rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-right{text-align:right}.font-bookerly{font-family:Bookerly,EB Garamond,serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.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-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.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-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#5BA4CF\]{--tw-text-opacity: 1;color:rgb(91 164 207 / var(--tw-text-opacity, 1))}.text-\[\#7DB247\]{--tw-text-opacity: 1;color:rgb(125 178 71 / var(--tw-text-opacity, 1))}.text-\[\#9850B0\]{--tw-text-opacity: 1;color:rgb(152 80 176 / var(--tw-text-opacity, 1))}.text-\[\#E94C9A\]{--tw-text-opacity: 1;color:rgb(233 76 154 / var(--tw-text-opacity, 1))}.text-\[\#F08847\]{--tw-text-opacity: 1;color:rgb(240 136 71 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / 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-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / 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-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-orange-100{--tw-text-opacity: 1;color:rgb(255 237 213 / var(--tw-text-opacity, 1))}.text-orange-100\/90{color:#ffedd5e6}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-powertaal-primary{--tw-text-opacity: 1;color:rgb(30 110 235 / var(--tw-text-opacity, 1))}.text-powertaal-primary-dark{--tw-text-opacity: 1;color:rgb(10 60 145 / var(--tw-text-opacity, 1))}.text-powertaal-text-dark{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-powertaal-text-soft{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / 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-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-sky-600{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.text-sky-700{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-violet-700{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / 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}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);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 rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(251\,146\,60\,0\.2\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.15\)\]{--tw-shadow: 0 8px 32px rgba(251,146,60,.2),inset 0 1px 0 rgba(255,255,255,.15);--tw-shadow-colored: 0 8px 32px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);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 rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(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)}.shadow-blue-500\/25{--tw-shadow-color: rgb(59 130 246 / .25);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-500\/30{--tw-shadow-color: rgb(59 130 246 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-gray-200\/50{--tw-shadow-color: rgb(229 231 235 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-200{--tw-shadow-color: #c7d2fe;--tw-shadow: var(--tw-shadow-colored)}.shadow-orange-500\/30{--tw-shadow-color: rgb(249 115 22 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-orange-500\/40{--tw-shadow-color: rgb(249 115 22 / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-powertaal-primary\/30{--tw-shadow-color: rgb(30 110 235 / .3);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-blue-400\/30{--tw-ring-color: rgb(96 165 250 / .3)}.ring-indigo-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1))}.ring-powertaal-primary-light\/80{--tw-ring-color: rgb(232 241 255 / .8)}.ring-red-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1))}.ring-white\/20{--tw-ring-color: rgb(255 255 255 / .2)}.ring-white\/30{--tw-ring-color: rgb(255 255 255 / .3)}.ring-white\/40{--tw-ring-color: rgb(255 255 255 / .4)}.blur{--tw-blur: blur(8px);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)}.blur-2xl{--tw-blur: blur(40px);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)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));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)}.sepia{--tw-sepia: sepia(100%);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)}.filter{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-blur{--tw-backdrop-blur: blur(8px);-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)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-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)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-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)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-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-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}@font-face{font-family:Bookerly;src:url(/assets/fonts/Bookerly.ttf) format("truetype");font-weight:400;font-style:normal}:root{--primary-color: #1e88e5;--dark-primary-color: #1565c0;--dark-color: #212121;--orange-color: #00b0f0;--black-color: #333333;--accent-color: #ffc107;--success-color: #4caf50}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Bookerly,EB Garamond,serif;font-size:16px;line-height:1.6;color:var(--black-color);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}main{background-color:#fff}html[lang=ar]{direction:rtl}html[lang=ar] .language-dropdown-btn{flex-direction:row-reverse}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--dark-primary-color)}h1{font-size:32px;font-weight:700;margin-bottom:1rem}h2{font-size:26px;font-weight:700;margin-bottom:.875rem}h3{font-size:22px;font-weight:700;margin-bottom:.75rem}h4{font-size:18px;font-weight:700;margin-bottom:.625rem}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:16px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--dark-primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #1e88e54d}.btn-orange{background-color:var(--orange-color);color:#fff}.btn-orange:hover{background-color:#e64a19;transform:translateY(-2px);box-shadow:0 4px 12px #ff57224d}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#43a047}.card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 440px){.container{padding:0 .875rem}}@media (max-width: 428px){.container{padding:0 .75rem}}@media (max-width: 374px){.container{padding:0 .625rem}}@media (max-width: 768px){p,.article-body,.article-content,.reader-content,.text-content{text-align:left!important;word-spacing:normal!important;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}}.text-primary{color:var(--primary-color)}.text-orange{color:var(--orange-color)}.text-success{color:var(--success-color)}.bg-primary{background-color:var(--primary-color)}.bg-dark{background-color:var(--dark-color)}.animate-spin{animation:spin 1s linear infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text{background:linear-gradient(90deg,var(--primary-color),var(--orange-color),var(--accent-color));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}.animate-fade-in{animation:fadeIn .8s ease-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-pulse-slow{animation:pulse 3s ease-in-out infinite}.stable-typing-input{font-weight:400;letter-spacing:0;line-height:1.35;font-variant-ligatures:none;font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;transition:box-shadow .3s ease,border-color .3s ease}@keyframes moveBackground{0%{background-position:0% 0%}to{background-position:0% -1000%}}.rounded-inherit{border-radius:inherit}@keyframes heroFadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-hero-fade-in-1{animation:heroFadeSlideIn .6s ease-out .1s both}.animate-hero-fade-in-2{animation:heroFadeSlideIn .6s ease-out .2s both}.animate-hero-fade-in-3{animation:heroFadeSlideIn .6s ease-out .3s both}.animate-hero-fade-in-4{animation:heroFadeSlideIn .6s ease-out .4s both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-slide-in-1{animation:fadeSlideIn .6s ease-out .1s both}.animate-fade-slide-in-2{animation:fadeSlideIn .6s ease-out .2s both}.animate-fade-slide-in-3{animation:fadeSlideIn .6s ease-out .3s both}.animate-fade-slide-in-4{animation:fadeSlideIn .6s ease-out .4s both}.last\:border-0:last-child{border-width:0px}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-125:hover{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.03\]:hover{--tw-scale-x: 1.03;--tw-scale-y: 1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-400:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-green-300:hover{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.hover\:border-indigo-300:hover{--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}.hover\:border-indigo-400:hover{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.hover\:border-orange-300\/50:hover{border-color:#fdba7480}.hover\:border-powertaal-primary:hover{--tw-border-opacity: 1;border-color:rgb(30 110 235 / var(--tw-border-opacity, 1))}.hover\:border-purple-400:hover{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.hover\:border-red-300:hover{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.hover\:border-red-500:hover{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.hover\:border-sky-400:hover{--tw-border-opacity: 1;border-color:rgb(56 189 248 / var(--tw-border-opacity, 1))}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:border-white\/50:hover{border-color:#ffffff80}.hover\:border-yellow-300:hover{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-green-100:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.hover\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-50\/30:hover{background-color:#eef2ff4d}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-500\/20:hover{background-color:#f9731633}.hover\:bg-powertaal-primary-dark:hover{--tw-bg-opacity: 1;background-color:rgb(10 60 145 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-100:hover{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-200:hover{--tw-bg-opacity: 1;background-color:rgb(186 230 253 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-600:hover{--tw-bg-opacity: 1;background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:from-blue-600:hover{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-green-600:hover{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-orange-500:hover{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-orange-600:hover{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-600:hover{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-700:hover{--tw-gradient-from: #7e22ce var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:via-pink-600:hover{--tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #db2777 var(--tw-gradient-via-position), var(--tw-gradient-to)}.hover\:to-amber-600:hover{--tw-gradient-to: #d97706 var(--tw-gradient-to-position)}.hover\:to-blue-700:hover{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.hover\:to-blue-800:hover{--tw-gradient-to: #1e40af var(--tw-gradient-to-position)}.hover\:to-green-700:hover{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.hover\:to-orange-600:hover{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.hover\:to-pink-600:hover{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.hover\:to-purple-800:hover{--tw-gradient-to: #6b21a8 var(--tw-gradient-to-position)}.hover\:to-yellow-600:hover{--tw-gradient-to: #ca8a04 var(--tw-gradient-to-position)}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-green-700:hover{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.hover\:text-indigo-600:hover{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.hover\:text-powertaal-primary:hover{--tw-text-opacity: 1;color:rgb(30 110 235 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-red-800:hover{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:text-sky-700:hover{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-yellow-400:hover{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.hover\:opacity-10:hover{opacity:.1}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(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)}.hover\:shadow-indigo-100\/50:hover{--tw-shadow-color: rgb(224 231 255 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-orange-500\/25:hover{--tw-shadow-color: rgb(249 115 22 / .25);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-orange-500\/50:hover{--tw-shadow-color: rgb(249 115 22 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-purple-500\/50:hover{--tw-shadow-color: rgb(168 85 247 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-red-500\/30:hover{--tw-shadow-color: rgb(239 68 68 / .3);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-purple-400:focus{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.focus\:border-sky-400:focus{--tw-border-opacity: 1;border-color:rgb(56 189 248 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:shadow-xl:focus{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(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)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500\/50:focus{--tw-ring-color: rgb(59 130 246 / .5)}.focus\:ring-gray-400\/50:focus{--tw-ring-color: rgb(156 163 175 / .5)}.focus\:ring-green-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1))}.focus\:ring-purple-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1))}.focus\:ring-sky-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity, 1))}.focus\:ring-sky-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(56 189 248 / var(--tw-ring-opacity, 1))}.focus\:ring-white\/50:focus{--tw-ring-color: rgb(255 255 255 / .5)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-300:disabled{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:translate-y-0:hover:disabled{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:hover\:scale-100:hover:disabled{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:hover\:shadow-lg:hover:disabled{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\:hover\:shadow-none:hover:disabled{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-12{--tw-rotate: 12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.group\/btn:hover .group-hover\/btn\:animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.group:hover .group-hover\:bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.group:hover .group-hover\:from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:to-pink-600{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.group:hover .group-hover\:bg-clip-text{-webkit-background-clip:text;background-clip:text}.group:hover .group-hover\:text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-transparent{color:transparent}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group\/btn:hover .group-hover\/btn\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-20{opacity:.2}@media (min-width: 640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:h-16{height:4rem}.sm\:h-32{height:8rem}.sm\:h-6{height:1.5rem}.sm\:w-16{width:4rem}.sm\:w-32{width:8rem}.sm\:w-6{width:1.5rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:pt-28{padding-top:7rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:pt-32{padding-top:8rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:inline{display:inline}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pt-40{padding-top:10rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-8xl{font-size:6rem;line-height:1}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 1280px){.xl\:top-4{top:1rem}}@media (prefers-color-scheme: dark){.dark\:border-blue-800{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-600\/50{border-color:#4b556380}.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-gray-700\/50{border-color:#37415180}.dark\:border-gray-700\/80{border-color:#374151cc}.dark\:border-gray-800\/50{border-color:#1f293780}.dark\:border-green-800{--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.dark\:border-purple-800{--tw-border-opacity: 1;border-color:rgb(107 33 168 / var(--tw-border-opacity, 1))}.dark\:bg-amber-900\/20{background-color:#78350f33}.dark\:bg-blue-950\/30{background-color:#1725544d}.dark\:bg-emerald-900\/20{background-color:#064e3b33}.dark\:bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700\/50{background-color:#37415180}.dark\:bg-gray-700\/80{background-color:#374151cc}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800\/30{background-color:#1f29374d}.dark\:bg-gray-800\/80{background-color:#1f2937cc}.dark\:bg-gray-900\/50{background-color:#11182780}.dark\:bg-gray-900\/80{background-color:#111827cc}.dark\:bg-green-950\/30{background-color:#052e164d}.dark\:bg-orange-950\/30{background-color:#4314074d}.dark\:bg-purple-950\/30{background-color:#3b07644d}.dark\:bg-red-950\/30{background-color:#450a0a4d}.dark\:bg-violet-900\/20{background-color:#4c1d9533}.dark\:bg-yellow-950\/30{background-color:#4220064d}.dark\:from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-blue-950\/30{--tw-gradient-from: rgb(23 37 84 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-gray-700\/50{--tw-gradient-from: rgb(55 65 81 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-gray-800{--tw-gradient-from: #1f2937 var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-gray-800\/40{--tw-gradient-from: rgb(31 41 55 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-gray-900{--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-green-900\/20{--tw-gradient-from: rgb(20 83 45 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-purple-950\/30{--tw-gradient-from: rgb(59 7 100 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:via-gray-700{--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #374151 var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:via-gray-800{--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1f2937 var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:via-red-900\/10{--tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(127 29 29 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-emerald-900\/20{--tw-gradient-to: rgb(6 78 59 / .2) var(--tw-gradient-to-position)}.dark\:to-gray-800{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.dark\:to-gray-800\/40{--tw-gradient-to: rgb(31 41 55 / .4) var(--tw-gradient-to-position)}.dark\:to-gray-800\/50{--tw-gradient-to: rgb(31 41 55 / .5) var(--tw-gradient-to-position)}.dark\:to-gray-900{--tw-gradient-to: #111827 var(--tw-gradient-to-position)}.dark\:to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.dark\:to-pink-950\/30{--tw-gradient-to: rgb(80 7 36 / .3) var(--tw-gradient-to-position)}.dark\:to-purple-950\/30{--tw-gradient-to: rgb(59 7 100 / .3) var(--tw-gradient-to-position)}.dark\:text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.dark\:text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.dark\:text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-violet-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.dark\:placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.dark\:ring-red-900{--tw-ring-opacity: 1;--tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity, 1))}.dark\:hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.dark\:hover\:border-purple-500:hover{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.dark\:hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:focus\:border-blue-400:focus{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.dark\:focus\:border-purple-400:focus{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.dark\:focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.dark\:focus\:ring-blue-900\/30:focus{--tw-ring-color: rgb(30 58 138 / .3)}.dark\:focus\:ring-purple-900\/30:focus{--tw-ring-color: rgb(88 28 135 / .3)}.dark\:focus\:ring-offset-gray-900:focus{--tw-ring-offset-color: #111827}.dark\:disabled\:bg-gray-700:disabled{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.group:hover .dark\:group-hover\:bg-blue-900\/30{background-color:#1e3a8a4d}.group:hover .dark\:group-hover\:text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}}.pt-mobile-fix .min-h-screen{min-height:100dvh;min-height:-webkit-fill-available}.pt-mobile-fix .powertaal-header{padding-top:env(safe-area-inset-top,0)}.pt-mobile-fix .powertaal-footer{padding-bottom:env(safe-area-inset-bottom,0)}.pt-mobile-fix .logo-bar{padding:8px 0!important}.pt-mobile-fix .logo-bar:after{height:3px!important}.pt-mobile-fix .brand-logo-img{height:36px!important}.pt-mobile-fix .brand-tagline{display:none!important}.pt-mobile-fix .social-media-icons{gap:8px!important;margin-left:auto!important}.pt-mobile-fix .social-icon{width:32px!important;height:32px!important;font-size:13px!important;min-width:44px;min-height:44px;display:flex!important;align-items:center!important;justify-content:center!important}.pt-mobile-fix .logo-bar-content{gap:12px!important;padding:0 12px}.pt-mobile-fix .nav-bar{overflow:hidden}.pt-mobile-fix .nav-bar-content{padding:6px 12px!important}.pt-mobile-fix .mobile-nav-toggle{min-width:44px!important;min-height:44px!important;padding:10px!important}.pt-mobile-fix .language-selector-btn{min-height:44px!important;padding:8px 14px!important}.pt-mobile-fix .language-flag{font-size:20px!important}.pt-mobile-fix .language-selector-dropdown{right:0!important;left:auto!important;min-width:160px!important;max-width:calc(100vw - 24px)!important}.pt-mobile-fix .language-selector-option{min-height:44px!important;padding:12px 16px!important}.pt-mobile-fix .hero-slider-section{overflow-x:hidden!important;padding:var(--space-4) 0!important}.pt-mobile-fix .slideshow-container-wrapper{padding:0 10px!important;overflow:hidden!important}.pt-mobile-fix .slideshow-container{height:380px!important;border-radius:16px!important;overflow:hidden!important}.pt-mobile-fix .slide-content-box{width:92%!important;max-width:92%!important;padding:20px 16px!important;border-radius:16px!important}.pt-mobile-fix .slide-content-box.premium-slide{width:90%!important;max-width:90%!important;padding:20px 16px!important}.pt-mobile-fix .slide-title{font-size:22px!important;margin-bottom:8px!important;line-height:1.25!important}.pt-mobile-fix .premium-slide .slide-title{font-size:22px!important}.pt-mobile-fix .slide-subtitle{font-size:13px!important;margin-bottom:14px!important;line-height:1.4!important}.pt-mobile-fix .premium-slide .slide-subtitle{font-size:13px!important}.pt-mobile-fix .slide-features-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;flex-wrap:unset!important}.pt-mobile-fix .feature-btn{min-width:unset!important;max-width:unset!important;width:100%!important;padding:10px 8px!important;font-size:10px!important;min-height:44px!important;flex:unset!important;border-radius:20px!important}.pt-mobile-fix .feature-btn i{font-size:14px!important}.pt-mobile-fix .premium-slide .feature-btn{padding:10px 8px!important;font-size:10px!important}.pt-mobile-fix .slide-badge{padding:var(--space-1) var(--space-4)!important;font-size:11px!important;margin-bottom:var(--space-3)!important}.pt-mobile-fix .slider-nav-arrow{width:40px!important;height:40px!important;min-width:44px;min-height:44px}.pt-mobile-fix .arrow-left{left:8px!important}.pt-mobile-fix .arrow-right{right:8px!important}.pt-mobile-fix .slide-dots{gap:10px!important;padding:8px 14px!important;bottom:12px!important}.pt-mobile-fix .dot{width:10px!important;height:10px!important;padding:0!important;margin:4px!important}.pt-mobile-fix .dot.active{width:24px!important}.pt-mobile-fix .quick-access-card{flex-direction:column!important;align-items:flex-start!important;padding:20px!important;gap:16px!important;text-align:center!important}.pt-mobile-fix .quick-access-icon-wrapper{align-self:center!important}.pt-mobile-fix .quick-access-icon{width:60px!important;height:60px!important;font-size:28px!important}.pt-mobile-fix .quick-access-content{text-align:center!important;width:100%!important}.pt-mobile-fix .quick-access-content h3{font-size:20px!important;text-align:center!important}.pt-mobile-fix .quick-access-content p{font-size:14px!important;text-align:center!important;margin-bottom:12px!important}.pt-mobile-fix .quick-access-features{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}.pt-mobile-fix .feature-tag{font-size:11px!important;padding:6px 10px!important;white-space:nowrap!important}.pt-mobile-fix .quick-access-cta{width:100%!important;justify-content:center!important;padding:12px 20px!important;margin-top:4px!important}.pt-mobile-fix .cta-text{font-size:15px!important}.pt-mobile-fix .quick-access-arrow{width:36px!important;height:36px!important;min-width:44px;min-height:44px}.pt-mobile-fix .quick-access-badge{top:-10px!important;right:16px!important}.pt-mobile-fix .quick-access-badge span{font-size:10px!important;padding:4px 12px!important}.pt-mobile-fix .options-section{padding:30px 0 25px!important}.pt-mobile-fix .option-title{font-size:22px!important;margin-bottom:24px!important}.pt-mobile-fix .options-grid{gap:20px!important}.pt-mobile-fix .option-card{padding:28px 20px 24px!important;min-height:auto!important;border-radius:16px!important}.pt-mobile-fix .card-title{font-size:20px!important;margin-bottom:14px!important}.pt-mobile-fix .card-description{font-size:14px!important;margin-bottom:16px!important;line-height:1.6!important}.pt-mobile-fix .card-ribbon{font-size:9px!important;width:110px!important;top:18px!important;right:-32px!important;padding:6px 0!important}.pt-mobile-fix .card-flag-selection{gap:12px!important;margin:20px 0!important;padding:16px 0!important;flex-wrap:wrap!important;justify-content:center!important}.pt-mobile-fix .card-flag-btn{min-width:90px!important;padding:12px 16px!important;gap:8px!important;min-height:44px!important;border-radius:40px!important}.pt-mobile-fix .card-flag-icon{font-size:26px!important}.pt-mobile-fix .card-flag-text{font-size:15px!important}.pt-mobile-fix .card-flag-btn.active:after{width:20px!important;height:20px!important;font-size:12px!important;top:-3px!important;right:-3px!important}.pt-mobile-fix .card-btn{font-size:17px!important;padding:14px 36px!important;min-height:48px!important;border-radius:10px!important;width:100%!important;max-width:280px!important}.pt-mobile-fix .btn-start{font-size:16px!important;padding:12px 32px!important;max-width:200px!important;min-height:44px!important}.pt-mobile-fix .welcome-section{padding:50px 0!important}.pt-mobile-fix .welcome-section .container{padding:28px 16px!important;border-radius:20px!important}.pt-mobile-fix .welcome-title{font-size:28px!important;letter-spacing:1px!important;margin-bottom:12px!important}.pt-mobile-fix .welcome-title:after{width:120px!important;height:3px!important;bottom:-10px!important}.pt-mobile-fix .welcome-text{font-size:14px!important;line-height:1.7!important;margin-top:30px!important;padding:20px 14px!important;border-radius:16px!important}.pt-mobile-fix .highlight-text{font-size:inherit!important}.pt-mobile-fix .powertaal-footer{padding:24px 0 0!important;padding-bottom:env(safe-area-inset-bottom,0)!important}.pt-mobile-fix .powertaal-footer .container{padding:0 16px!important}.pt-mobile-fix .footer-row{gap:20px!important;padding:20px 0 16px!important}.pt-mobile-fix .footer-logo{gap:10px!important;margin-bottom:16px!important;padding-bottom:12px!important}.pt-mobile-fix .footer-logo img{height:40px!important}.pt-mobile-fix .footer-brand{font-size:15px!important}.pt-mobile-fix .footer-tagline{font-size:11px!important}.pt-mobile-fix .footer-heading{font-size:13px!important;margin-bottom:14px!important}.pt-mobile-fix .footer-heading:after{width:35px!important;height:2px!important}.pt-mobile-fix .footer-text{font-size:12px!important;line-height:1.6!important;margin-bottom:10px!important}.pt-mobile-fix .footer-links{gap:10px!important}.pt-mobile-fix .footer-links a{font-size:13px!important;min-height:44px!important;display:flex!important;align-items:center!important}.pt-mobile-fix .contact-item{gap:10px!important;margin-bottom:14px!important}.pt-mobile-fix .contact-icon{width:34px!important;height:34px!important;min-width:44px;min-height:44px}.pt-mobile-fix .contact-icon i{font-size:14px!important}.pt-mobile-fix .contact-text h5{font-size:12px!important}.pt-mobile-fix .contact-text p{font-size:11px!important}.pt-mobile-fix .footer-social{margin-top:20px!important;padding-top:20px!important}.pt-mobile-fix .social-icons{gap:14px!important;justify-content:center!important}.pt-mobile-fix .social-icons .social-icon{width:38px!important;height:38px!important;min-width:44px;min-height:44px}.pt-mobile-fix .social-icons .social-icon i{font-size:16px!important}.pt-mobile-fix .footer-copyright{padding:14px 0!important;padding-bottom:max(14px,env(safe-area-inset-bottom,0))!important}.pt-mobile-fix .footer-copyright p{font-size:11px!important;margin-bottom:10px!important}.pt-mobile-fix .footer-legal-links{gap:6px!important}.pt-mobile-fix .footer-legal-links a{font-size:10px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;padding:0 4px!important}.pt-mobile-fix [style*="position: fixed"][style*="top: 100px"]{top:80px!important;right:12px!important;z-index:999!important}.pt-mobile-fix .flag-modal-overlay{padding:16px!important}.pt-mobile-fix .flag-modal-content{padding:20px 16px!important;border-radius:16px!important}.pt-mobile-fix .flag-modal-title{font-size:20px!important}.pt-mobile-fix .flag-modal-subtitle{font-size:13px!important}.pt-mobile-fix .flag-modal-cards{gap:14px!important}.pt-mobile-fix .flag-modal-card{min-height:160px!important;padding:20px 16px!important}.pt-mobile-fix .flag-icon-large{font-size:32px!important}.pt-mobile-fix .flag-card-title{font-size:16px!important}.pt-mobile-fix .flag-card-description{font-size:12px!important}.pt-mobile-fix .flag-modal-close{width:32px!important;height:32px!important;min-width:44px;min-height:44px}.pt-mobile-fix body,.pt-mobile-fix #root{overflow-x:hidden!important;max-width:100vw!important}.pt-mobile-fix .container{padding:0 14px!important;max-width:100%!important;overflow-x:hidden!important}.pt-mobile-fix{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.pt-mobile-fix button,.pt-mobile-fix a{-webkit-tap-highlight-color:transparent}.pt-mobile-fix *,.pt-mobile-fix *:before,.pt-mobile-fix *:after{box-sizing:border-box}:root{--nav-bg: #0F172A;--nav-text: #E5E7EB;--nav-text-muted: #9CA3AF;--nav-accent: #FACC15;--nav-accent-hover: #FDE047;--nav-border: rgba(255, 255, 255, .1);--nav-hover-bg: rgba(255, 255, 255, .08);--nav-active-bg: rgba(250, 204, 21, .1)}.powertaal-header-new{width:100%;position:sticky;top:0;z-index:9999;background:var(--nav-bg);box-shadow:0 1px 3px #0000004d}.powertaal-header-new:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--nav-border)}.header-container{max-width:1400px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-language{position:relative;flex-shrink:0}.language-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--nav-border);border-radius:8px;color:var(--nav-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.language-btn:hover{background:var(--nav-hover-bg);border-color:#fff3;color:var(--nav-accent)}.language-btn.open{background:var(--nav-hover-bg);border-color:var(--nav-accent);color:var(--nav-accent)}.language-btn:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}.language-flag-img{width:24px;height:18px;-o-object-fit:cover;object-fit:cover;border-radius:3px;box-shadow:0 1px 3px #0003}.language-emoji{font-size:20px}.language-name{font-weight:500}.flag-hidden{display:none!important}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#0f172a!important;border:1px solid rgba(250,204,21,.3);border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff0d;overflow:hidden;z-index:1000;padding:8px}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;font-size:15px;font-weight:500;color:#e5e7eb!important;transition:all .2s ease}.language-option:hover{background:#facc151a;color:#facc15!important}.language-option.active{background:#facc1526;color:#facc15!important;font-weight:600;border-left:3px solid #FACC15}.language-option:focus-visible{outline:2px solid #FACC15;outline-offset:-2px}.language-flag-img-small{width:22px;height:16px;-o-object-fit:cover;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px #0000001a}.language-emoji-small{font-size:18px}.header-nav{flex:1;display:flex;justify-content:center}.header-logo{flex-shrink:0;display:flex;align-items:center}.logo-img{height:55px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.mobile-toggle{display:none;padding:10px;background:transparent;border:1px solid var(--nav-border);border-radius:8px;color:var(--nav-text);cursor:pointer;transition:all .2s ease}.mobile-toggle:hover{background:var(--nav-hover-bg);color:var(--nav-accent)}.mobile-toggle:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}.mobile-menu{display:none;flex-direction:column;padding:16px;background:var(--nav-bg);border-top:1px solid var(--nav-border);overflow:hidden}.mobile-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--nav-text);text-decoration:none;font-size:15px;font-weight:500;border-radius:8px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.mobile-nav-item:hover{background:var(--nav-hover-bg);color:var(--nav-accent)}.mobile-nav-item.active{background:var(--nav-active-bg);color:var(--nav-accent);border-left:3px solid var(--nav-accent)}.mobile-nav-item:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}.mobile-contact{background:linear-gradient(135deg,#ff5722,#ff7043);color:#fff;margin-top:8px}.mobile-contact:hover{background:linear-gradient(135deg,#ff6e40,#ff8a65);color:#fff}.text-blue-400{color:#60a5fa}.text-green-400{color:#4ade80}.text-purple-400{color:#c084fc}.text-pink-400{color:#f472b6}.text-amber-400{color:var(--nav-accent)}.text-indigo-400{color:#818cf8}.text-red-400{color:#f87171}.text-orange-300{color:#fdba74}.text-white{color:#fff}.text-nav-accent{color:var(--nav-accent)}@media (max-width: 1024px){.header-container{padding:10px 20px}}@media (max-width: 768px){.header-container{padding:10px 16px}.header-nav{display:none}.header-logo{order:1}.header-language{order:2;margin-left:auto}.logo-img{height:45px}.mobile-toggle{display:flex;order:3}.mobile-menu{display:flex}.language-name{display:none}}@media (max-width: 480px){.header-container{padding:8px 12px;gap:12px}.logo-img{height:38px}.language-btn{padding:8px 12px}.language-flag-img{width:20px;height:15px}.mobile-toggle{padding:8px}}@media (min-width: 428px) and (max-width: 480px){.header-container{padding:8px 14px}.logo-img{height:36px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.powertaal-header-new{position:static;box-shadow:none;background:#fff}.header-nav,.mobile-toggle{display:none}}.powertaal-footer{background:linear-gradient(135deg,#1a1a1a,#212121);color:#fff;padding:30px 0 0;position:relative;border-top:4px solid #ff5722;border-bottom:5px solid #ff5722;margin-top:0;margin-bottom:0;box-shadow:inset 0 1px #ffffff0d}.powertaal-footer:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;background:linear-gradient(to bottom,#0000,#1a1a1a26);pointer-events:none}.powertaal-footer .container{max-width:1200px;padding:0 20px}.footer-row{display:grid;grid-template-columns:1fr .9fr 1fr;gap:20px;padding:20px 0 15px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-col-left,.footer-col-middle,.footer-col-right{display:flex;flex-direction:column}.footer-logo{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,87,34,.3)}.footer-logo img{height:50px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .3s ease}.footer-logo:hover img{transform:scale(1.05)}.footer-logo-text{display:flex;flex-direction:column;justify-content:center}.footer-brand{display:block;font-size:18px;font-weight:700;color:#ff5722;font-family:Bookerly,EB Garamond,serif;letter-spacing:1px}.footer-tagline{display:block;color:#b0b0b0;margin-top:4px;font-size:13px;font-family:Bookerly,EB Garamond,serif;font-style:italic;letter-spacing:.5px}.footer-text{color:#d0d0d0;line-height:1.8;margin-bottom:15px;font-size:14px;font-family:Bookerly,EB Garamond,serif;text-align:justify;transition:color .3s ease}.footer-text:last-of-type{margin-bottom:0}@media (max-width: 768px){.footer-text{text-align:left}}.footer-text:hover{color:#fff}.footer-text strong{color:#ff5722;font-weight:600}.footer-heading{color:#fff;margin-bottom:18px;font-weight:700;position:relative;padding-bottom:10px;display:flex;align-items:center;gap:8px;font-family:Bookerly,EB Garamond,serif;letter-spacing:.5px;text-transform:uppercase;font-size:15px}.footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(90deg,#ff5722,#ff57224d)}.footer-heading i{color:#ff5722;font-size:18px;transition:transform .3s ease}.footer-heading:hover i{transform:rotate(15deg)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links li{transition:transform .2s ease}.footer-links li:hover{transform:translate(5px)}.footer-links a{color:#d0d0d0;text-decoration:none;font-size:14px;font-family:Bookerly,EB Garamond,serif;position:relative;display:inline-block;transition:all .3s ease}.footer-links a:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#ff5722;transition:width .3s ease}.footer-links a:hover{color:#ff5722}.footer-links a:hover:before{width:100%}.footer-contact-info{margin-bottom:20px}.contact-item{display:flex;gap:12px;margin-bottom:20px;transition:all .3s ease}.contact-item:hover{transform:translate(3px)}.contact-icon{width:40px;height:40px;background:linear-gradient(135deg,#ff572226,#ff57220d);border:1px solid rgba(255,87,34,.3);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-shadow:0 4px 12px #0003;transition:all .3s ease}.contact-item:hover .contact-icon{background:linear-gradient(135deg,#ff5722,#ff5722cc);border-color:#ff5722;transform:translateY(-3px) rotate(10deg);box-shadow:0 6px 20px #ff57224d}.contact-icon i{color:#ff5722;font-size:16px;transition:color .3s ease}.contact-item:hover .contact-icon i{color:#fff}.contact-text{flex-grow:1;padding-top:2px}.contact-text h5{color:#ff5722;font-size:14px;margin-bottom:4px;font-weight:700;letter-spacing:.5px;font-family:Bookerly,EB Garamond,serif}.contact-text p{color:#d0d0d0;margin-bottom:0;font-size:13px;line-height:1.6;font-family:Bookerly,EB Garamond,serif}.contact-text p a{color:#d0d0d0;text-decoration:none;transition:all .3s ease;position:relative}.contact-text p a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:#ff5722;transition:width .3s ease}.contact-text p a:hover{color:#ff5722}.contact-text p a:hover:after{width:100%}.footer-social{margin-top:25px;padding-top:25px;border-top:1px solid rgba(255,255,255,.08)}.social-icons{display:flex;gap:15px;flex-wrap:wrap}.social-icon{width:42px;height:42px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #00000040;position:relative;overflow:hidden;border:1.5px solid rgba(255,255,255,.1)}.social-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .8s ease;z-index:1}.social-icon:hover{transform:translateY(-6px) scale(1.15);box-shadow:0 12px 25px #0006;border-color:#ffffff4d}.social-icon:hover:before{left:100%}.social-icon i{font-size:18px;position:relative;z-index:2}.social-icon.facebook{background:linear-gradient(135deg,#3b5998,#2d4373)}.social-icon.facebook:hover{background:linear-gradient(135deg,#4a6ab8,#3b5998);box-shadow:0 12px 25px #3b599866}.social-icon.twitter{background:linear-gradient(135deg,#1da1f2,#1a8cd8)}.social-icon.twitter:hover{background:linear-gradient(135deg,#2bb3ff,#1da1f2);box-shadow:0 12px 25px #1da1f266}.social-icon.linkedin{background:linear-gradient(135deg,#0077b5,#005a87)}.social-icon.linkedin:hover{background:linear-gradient(135deg,#0088d9,#0077b5);box-shadow:0 12px 25px #0077b566}.social-icon.instagram:hover{background:linear-gradient(45deg,#fa7e1e,#f09433,#e6683c,#dc2743,#cc2366);box-shadow:0 12px 25px #e0663c66}.footer-copyright{padding:15px 0;text-align:center;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(to bottom,rgba(255,87,34,.05),transparent)}.footer-copyright p{color:#ffffffb3;font-size:13px;margin-bottom:12px;font-family:Bookerly,EB Garamond,serif;letter-spacing:.3px}.footer-legal-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;align-items:center}.footer-legal-links a{color:#fff9;text-decoration:none;font-size:12px;font-family:Bookerly,EB Garamond,serif;transition:all .3s ease;position:relative}.footer-legal-links a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:#ff5722;transition:width .3s ease}.footer-legal-links a:hover{color:#ff5722}.footer-legal-links a:hover:after{width:100%}.footer-legal-links .separator{color:#ff572280;display:inline-block;margin:0 4px}@media (max-width: 992px){.footer-row{grid-template-columns:1fr;gap:25px;padding:25px 0 20px}.powertaal-footer{padding:40px 0 0}.footer-heading{font-size:14px}.footer-heading:after{width:40px}}@media (max-width: 768px){.powertaal-footer{padding:30px 0 0;margin-top:0}.footer-row{gap:20px;padding:20px 0 15px}.footer-heading{font-size:13px}.footer-text{font-size:13px;text-align:left}.footer-tagline{font-size:12px}.contact-icon{width:36px;height:36px}.contact-icon i{font-size:15px}.contact-text p{font-size:12px}.social-icon{width:38px;height:38px}.social-icon i{font-size:16px}.footer-copyright{padding:20px 0}.footer-copyright p{font-size:12px}.footer-legal-links a{font-size:11px}}@media (max-width: 480px){.powertaal-footer{border-top:3px solid #ff5722;border-bottom:4px solid #ff5722;margin-top:0;padding:30px 0 0}.footer-row{grid-template-columns:1fr;gap:25px;padding:25px 0 15px}.footer-logo img{height:40px}.footer-logo{gap:12px;margin-bottom:20px}.footer-brand{font-size:16px}.footer-tagline{font-size:11px}.footer-heading{font-size:12px;margin-bottom:18px}.footer-heading:after{width:30px;height:2px}.footer-text{font-size:12px;margin-bottom:12px;line-height:1.7}.footer-links{gap:10px}.footer-links a{font-size:13px}.contact-item{gap:10px;margin-bottom:15px}.contact-icon{width:34px;height:34px}.contact-icon i{font-size:14px}.contact-text h5{font-size:13px}.contact-text p{font-size:11px}.social-icons{gap:12px}.social-icon{width:36px;height:36px}.social-icon i{font-size:15px}.footer-copyright{padding:15px 0}.footer-copyright p{font-size:11px;margin-bottom:10px}.footer-legal-links{gap:6px}.footer-legal-links a{font-size:10px}.footer-legal-links .separator{margin:0 3px;font-size:10px}}.powertaal-footer{animation:slideInUp .6s ease-out}.premium-quick-access-card{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#f59e0b,#d97706 35%,#b45309 65%,#92400e);background-size:200% 200%;padding:18px 28px;border-radius:20px;max-width:95%;border:2px solid rgba(0,0,0,.7);box-shadow:0 20px 40px -10px #f59e0b66,0 10px 20px -5px #d977064d,0 0 0 1px #ffffff1a inset;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;animation:premium-gradient 8s ease infinite;text-decoration:none;color:inherit}@keyframes premium-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.premium-quick-access-badge{position:absolute;top:-12px;right:40px;z-index:10}.premium-quick-access-badge span{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:800;padding:5px 14px;border-radius:20px;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 4px 8px #f59e0b4d,0 0 0 1px #ffffff1a inset;animation:premium-badge-pulse 2s ease-in-out infinite}@keyframes premium-badge-pulse{0%,to{transform:scale(1);box-shadow:0 4px 8px #f59e0b4d,0 0 0 1px #ffffff1a inset}50%{transform:scale(1.05);box-shadow:0 6px 12px #f59e0b80,0 0 0 1px #fff3 inset,0 0 20px #f59e0b4d,inset 0 1px #ffffff4d}}.premium-quick-access-icon-wrapper{position:relative;flex-shrink:0}.premium-quick-access-icon{width:72px;height:72px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#b45309;border:3px solid rgba(255,255,255,.3);box-shadow:0 8px 16px #00000026,inset 0 1px #ffffff4d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.premium-quick-access-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(245,158,11,.2) 0%,transparent 70%);border-radius:50%;opacity:0;transition:all .4s ease}.premium-quick-access-card:hover .premium-quick-access-icon:before{animation:premium-pulse 1.5s ease-in-out infinite}@keyframes premium-pulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.premium-quick-access-card:hover .premium-quick-access-icon{transform:rotate(-10deg) scale(1.1);background:linear-gradient(135deg,#fff6,#fff3);border-color:#fff6;box-shadow:0 12px 24px #0003,0 15px 35px #0003,inset 0 1px #ffffff80}.premium-quick-access-content{flex:1;color:#fff}.premium-quick-access-content h3{font-family:Bookerly,EB Garamond,serif;font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 10px;text-shadow:0 1px 2px rgba(255,255,255,.5);letter-spacing:-.5px;line-height:1.2}.premium-quick-access-content p{font-family:Bookerly,EB Garamond,serif;font-size:16px;color:#2c2c2c;margin:0 0 16px;text-shadow:0 1px 1px rgba(255,255,255,.3);line-height:1.5;font-weight:600}.premium-quick-access-features{display:flex;gap:12px;flex-wrap:nowrap;align-items:center}.premium-feature-tag{display:inline-flex;align-items:center;gap:6px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 14px;border-radius:50px;font-size:13px;color:#2c2c2c;font-weight:700;border:1px solid rgba(0,0,0,.8);transition:all .3s ease;font-family:Bookerly,EB Garamond,serif;white-space:nowrap}.premium-feature-tag i{font-size:12px;opacity:.9}.premium-quick-access-card:hover .premium-feature-tag{background:#ffffff4d;transform:translateY(-2px);border-color:#000000e6}.premium-quick-access-cta{display:flex;align-items:center;gap:14px;flex-shrink:0;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px 10px 24px;border-radius:50px;border:1px solid rgba(0,0,0,.8);transition:all .3s ease}.premium-cta-text{font-family:Bookerly,EB Garamond,serif;font-size:17px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:1.2px;text-shadow:0 1px 2px rgba(255,255,255,.5);white-space:nowrap}.premium-quick-access-card:hover .premium-quick-access-cta{background:#ffffff4d;border-color:#000000e6;transform:scale(1.05)}.premium-quick-access-arrow{width:40px;height:40px;background:linear-gradient(135deg,#ffffffe6,#fffc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#1a1a1a;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.premium-quick-access-card:hover .premium-quick-access-arrow{transform:translate(3px);background:linear-gradient(135deg,#ffffff59,#ffffff40)}.premium-quick-access-card:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .8s ease}.premium-quick-access-card:hover:before{left:100%}.premium-quick-access-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 40px 80px -20px #f59e0b99,0 30px 60px -30px #d9770680,0 15px 30px -15px #0000004d,0 0 0 2px #ffffff4d inset;border-color:#000000e6}.premium-quick-access-card:active{transform:translateY(-3px) scale(1.01);transition:all .1s ease}@media (max-width: 768px){.premium-quick-access-card{padding:16px 20px;gap:16px}.premium-quick-access-icon{width:50px;height:50px;font-size:24px}.premium-quick-access-content h3{font-size:18px}.premium-quick-access-content p{font-size:13px;margin-bottom:12px}.premium-quick-access-features{gap:8px}.premium-feature-tag{font-size:11px;padding:5px 10px}.premium-feature-tag i{font-size:10px}.premium-quick-access-arrow{width:36px;height:36px;font-size:16px}.premium-quick-access-arrow svg{width:16px;height:16px}}@media (max-width: 480px){.premium-quick-access-card{padding:14px 18px;gap:12px}.premium-quick-access-icon{width:45px;height:45px;font-size:20px}.premium-quick-access-content h3{font-size:16px}.premium-quick-access-content p{font-size:12px;margin-bottom:10px}.premium-quick-access-features{gap:6px}.premium-feature-tag{font-size:10px;padding:4px 8px}.premium-feature-tag i{font-size:9px}.premium-quick-access-arrow{width:32px;height:32px;font-size:14px}.premium-quick-access-arrow svg{width:14px;height:14px}}:root{--primary-900: #0B4D6A;--primary-800: #0E5D7E;--primary-700: #1E7B9B;--primary-600: #2E8FB8;--primary-500: #3EA3D5;--primary-400: #5FB3E0;--primary-300: #8FC7EA;--primary-200: #BFDBF4;--primary-100: #EBEEF2;--accent-900: #C5470C;--accent-800: #D9570F;--accent-700: #FF7A45;--accent-600: #FF8B5A;--accent-500: #FF9C6E;--accent-400: #FFAD83;--accent-300: #FFBE97;--accent-200: #FFCFAC;--accent-100: #FFE0C0;--premium-900: #B45309;--premium-800: #D97706;--premium-700: #F59E0B;--premium-600: #F6AD17;--premium-500: #F7BC23;--premium-400: #F8CB2F;--premium-300: #F9DA3B;--premium-200: #FAE947;--premium-100: #FBF853;--success-900: #065F46;--success-800: #047857;--success-700: #10B981;--success-600: #34D399;--success-500: #6EE7B7;--success-400: #A7F3D0;--success-300: #D1FAE5;--success-200: #ECFDF5;--success-100: #F0FDF4;--gray-900: #111827;--gray-800: #1F2937;--gray-700: #374151;--gray-600: #4B5563;--gray-500: #6B7280;--gray-400: #9CA3AF;--gray-300: #D1D5DB;--gray-200: #E5E7EB;--gray-100: #F3F4F6;--gray-50: #F9FAFB;--white: #FFFFFF;--black: #000000;--error: #EF4444;--warning: #F59E0B;--info: var(--primary-600);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out}.text-primary{color:var(--primary-700)}.text-accent{color:var(--accent-700)}.text-premium{color:var(--premium-700)}.text-success{color:var(--success-700)}.text-gray{color:var(--gray-600)}.bg-primary{background-color:var(--primary-700)}.bg-accent{background-color:var(--accent-700)}.bg-premium{background-color:var(--premium-700)}.bg-success{background-color:var(--success-700)}.bg-gray{background-color:var(--gray-100)}.btn-primary{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-600) 100%);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;transition:var(--transition-base);cursor:pointer}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-800) 0%,var(--primary-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-accent{background:linear-gradient(135deg,var(--accent-700) 0%,var(--accent-600) 100%);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;transition:var(--transition-base);cursor:pointer}.btn-accent:hover{background:linear-gradient(135deg,var(--accent-800) 0%,var(--accent-700) 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.hero-slider-section{position:relative;overflow:hidden;padding:var(--space-8) 0;background:linear-gradient(135deg,var(--accent-100) 0%,var(--accent-200) 60%,var(--accent-100) 100%);margin-bottom:var(--space-6)}.slideshow-container-wrapper{width:100%;max-width:1140px;margin:0 auto;padding:0 15px}.slideshow-container{position:relative;width:100%;height:520px;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;border:none;transition:var(--transition-slow);max-width:1140px;margin:0 auto;background:#000}.slideshow-container.premium-active{box-shadow:var(--shadow-2xl),0 0 0 3px var(--premium-200),0 0 50px var(--premium-300);border-color:var(--premium-400)}.slideshow-container .premium-particles{position:absolute;width:6px;height:6px;background:radial-gradient(circle,gold,orange);border-radius:50%;opacity:0;pointer-events:none;z-index:15;box-shadow:0 0 20px #ffd700e6,0 0 40px #ffd70099,0 0 60px #ffa50066;animation:premiumParticleFloat 8s ease-in-out infinite}.slideshow-container .premium-particles:nth-of-type(1){top:15%;left:15%;animation-delay:0s}.slideshow-container .premium-particles:nth-of-type(2){top:25%;right:20%;animation-delay:3s}.slideshow-container .premium-particles:nth-of-type(3){bottom:30%;left:25%;animation-delay:6s}.slideshow-container .premium-particles:nth-of-type(4){bottom:20%;right:15%;animation-delay:9s}@keyframes premiumParticleFloat{0%,to{opacity:0;transform:translateY(0) scale(0) rotate(0)}10%{opacity:.9;transform:translateY(-15px) scale(1.2) rotate(90deg)}50%{opacity:.7;transform:translateY(-40px) scale(1.5) rotate(180deg)}90%{opacity:.3;transform:translateY(-60px) scale(.8) rotate(360deg)}}@keyframes floatParticle{0%{transform:translate(0) scale(0);opacity:0}10%{transform:translate(50px,-20px) scale(1);opacity:.7}50%{transform:translate(200px,-100px) scale(1.2);opacity:.5}90%{transform:translate(350px,-180px) scale(.8);opacity:.2}to{transform:translate(400px,-200px) scale(0);opacity:0}}@keyframes containerGlow{0%,to{box-shadow:0 30px 80px #00000059,0 0 0 2px #fff3,0 0 120px #00b0f04d,0 0 80px #f603}50%{box-shadow:0 35px 90px #0006,0 0 0 2px #ffffff4d,0 0 150px #00b0f066,0 0 100px #ff66004d}}.light-streak{position:absolute;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.9) 50%,transparent 100%);box-shadow:0 0 30px #fffc,0 0 60px #ffc86480,0 0 90px #ff96324d;animation:lightStreakMove 4s ease-in-out infinite}.light-streak.streak-1{top:45%;left:-100%;width:70%;animation-delay:0s}.light-streak.streak-2{top:48%;left:-100%;width:55%;animation-delay:.4s}.light-streak.streak-3{top:51%;left:-100%;width:60%;animation-delay:.8s}@keyframes lightStreakMove{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:200%;opacity:0}}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 2s cubic-bezier(.4,0,.2,1),transform 2s cubic-bezier(.4,0,.2,1);transform:scale(1.1);z-index:1;background:linear-gradient(135deg,#ff6b35,#ff8c42,#ffc857)}.slide.slide-showcase{background:#1a1a1a}.slide.active{opacity:1;z-index:2;transform:scale(1)}.slide img{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;transform:translate(-50%,-50%);display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;filter:brightness(1.05) contrast(1.1) saturate(1.05);animation:none}.slide img[src*="slide-1.jpg"]{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;filter:brightness(.95) contrast(1.15) saturate(1.1);image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;transform:translate(-50%,-50%) scale(1.05)}.slide img[src*="slide-2.jpg"],.slide img[src*="slide-3.jpg"]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;filter:brightness(.98) contrast(1.12) saturate(1.08);image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;transform:none;animation:none}.slide img[src*="slide-5.png"],.slide img[src*="slide-6.png"]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;filter:brightness(.98) contrast(1.08) saturate(1.05);image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;transform:none;animation:none}.slide.slide-showcase img{transform:none!important}.slide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0003,#0006,#0000004d);pointer-events:none;z-index:1}@keyframes kenBurns{0%{transform:scale(1) translate(0) translateY(0)}25%{transform:scale(1.02) translate(-.5%) translateY(-.5%)}50%{transform:scale(1.03) translate(-1%) translateY(.5%)}75%{transform:scale(1.02) translate(.5%) translateY(-.5%)}to{transform:scale(1) translate(0) translateY(0)}}.slide-content-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:580px;max-width:90%;background:linear-gradient(135deg,#0b4d6af5,#1e7b9bf0);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-radius:20px;padding:35px 40px;box-shadow:0 20px 40px #0000004d,0 0 80px #1e88e533,inset 0 1px #ffffff1a;border:2px solid rgba(255,255,255,.25);transition:opacity .8s ease-in-out,visibility .8s ease-in-out;opacity:1;visibility:visible}.slide-content-box.content-hidden{opacity:0;visibility:hidden;pointer-events:none}.slide-content-box.premium-slide{background:linear-gradient(135deg,#19191efa,#2d233cf5,#412d55f5);border:2px solid;-o-border-image:linear-gradient(135deg,#FFD700,#FFA500,#FF8C00,#FFD700) 1;border-image:linear-gradient(135deg,gold,orange,#ff8c00,gold) 1;box-shadow:0 20px 60px #ffd7004d,0 0 0 1px #ffd70033 inset,0 0 100px #ffd7001a;width:580px;max-width:90%;padding:35px 40px}.slide-content-box.premium-slide:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,gold,orange,#ff8c00,orange,gold);background-size:300% 300%;border-radius:var(--radius-2xl);z-index:-1;animation:premiumBorderGlow 3s linear infinite;opacity:.6}@keyframes premiumBorderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes contentFloat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.02)}}.slide-content-inner{text-align:center;color:#fff;animation:contentFadeIn .8s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(5px)}50%{filter:blur(0px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.slide-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#fff3,#ffffff1a);color:#fff;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-5);box-shadow:0 4px 12px #0003;border:2px solid rgba(255,255,255,.3)}.slide-badge.premium-badge{background:linear-gradient(135deg,gold,orange,#ff8c00);color:#1a1a1a;font-weight:900;box-shadow:0 6px 20px #ffd70080,0 0 40px #ffd7004d,inset 0 1px #ffffff80;border:2px solid #FFD700;animation:premiumBadgePulse 2s ease-in-out infinite}@keyframes premiumBadgePulse{0%,to{transform:scale(1);box-shadow:0 6px 20px #ffd70080,0 0 40px #ffd7004d}50%{transform:scale(1.05);box-shadow:0 8px 25px #ffd700b3,0 0 60px #ffd70080}}.slide-title{font-size:38px;font-weight:900;background:linear-gradient(135deg,#fff,#f8f9fa,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 18px;text-shadow:none;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(255,255,255,.4));line-height:1.2;letter-spacing:1px;animation:titleShimmer 3s ease-in-out infinite}.premium-slide .slide-title{background:linear-gradient(135deg,gold,#fff8dc,#ffe44d,gold,orange);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.8)) drop-shadow(0 0 40px rgba(255,215,0,.6));animation:premiumTitleGlow 4s ease-in-out infinite;font-size:38px}@keyframes premiumTitleGlow{0%,to{background-position:0% 50%;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.8)) drop-shadow(0 0 40px rgba(255,215,0,.6))}50%{background-position:100% 50%;filter:drop-shadow(2px 2px 6px rgba(0,0,0,.8)) drop-shadow(0 0 60px rgba(255,215,0,.8)) drop-shadow(0 0 20px rgba(255,255,255,.3))}}@keyframes titleShimmer{0%,to{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(255,255,255,.4))}50%{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6)) drop-shadow(0 0 40px rgba(255,255,255,.6)) drop-shadow(0 0 20px rgba(255,102,0,.3))}}.slide-subtitle{font-size:19px;color:#fffffffa;margin:0 0 28px;text-shadow:1px 1px 3px rgba(0,0,0,.6),0 0 15px rgba(255,255,255,.3);font-weight:500;letter-spacing:.5px;animation:subtitleFade 2s ease-out}.premium-slide .slide-subtitle{color:#fff;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,215,0,.4),0 0 10px rgba(255,255,255,.3);font-size:19px}@keyframes subtitleFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-features-buttons{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:nowrap;width:100%;margin-top:5px}.feature-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ffc107,#ffb300,#ff9800);background-size:200% 200%;color:#1a1a1a;padding:14px 20px;min-width:160px;border-radius:25px;border:2px solid rgba(255,255,255,.4);font-size:13px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #ffc10780,0 0 30px #ffc1074d,inset 0 1px #fff9;text-transform:none;letter-spacing:.3px;position:relative;overflow:visible;animation:buttonEntrance .8s ease-out backwards;flex:1;max-width:180px;white-space:normal;text-align:center;line-height:1.3}.feature-btn:nth-child(1){animation-delay:.1s}.feature-btn:nth-child(2){animation-delay:.2s}.feature-btn:nth-child(3){animation-delay:.3s}@keyframes buttonEntrance{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #ffc107b3,0 0 50px #ffc10766,inset 0 1px #fffc;background-position:100% 100%;border-color:#fff9}.feature-btn:active{transform:translateY(-1px) scale(1.02)}.feature-btn i{font-size:18px;color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.5);animation:iconPulse 2s ease-in-out infinite}.premium-slide .feature-btn{background:linear-gradient(135deg,gold,orange,#ff8c00);border:2px solid #FFD700;color:#1a1a1a;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.5);position:relative;overflow:visible;box-shadow:0 6px 20px #ffd70066,0 0 30px #ffd70033,inset 0 1px #fff9;padding:14px 20px;font-size:13px;white-space:normal;text-align:center;line-height:1.3}.premium-slide .feature-btn:hover{background:linear-gradient(135deg,#ffe44d,gold,orange);border-color:#ffe44d;box-shadow:0 10px 30px #ffd70099,0 0 50px #ffd70066,inset 0 1px #fffc;transform:translateY(-3px) scale(1.05)}.premium-slide .feature-btn i{color:#1a1a1a;text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.slider-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#fffffff2,#f0f0f0e6);border:2px solid rgba(255,255,255,.5);color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:15;box-shadow:0 4px 15px #00000040,0 0 20px #ffffff4d,inset 0 1px #fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:arrowFadeIn .8s ease-out}@keyframes arrowFadeIn{0%{opacity:0;transform:translateY(-50%) scale(.5)}to{opacity:1;transform:translateY(-50%) scale(1)}}.slider-nav-arrow:hover{background:linear-gradient(135deg,#fff,#fffffffa);transform:translateY(-50%) scale(1.15) rotate(5deg);box-shadow:0 8px 25px #00000059,0 0 40px #ffffff80,inset 0 1px #fff;border-color:#fffc}.slider-nav-arrow:active{transform:translateY(-50%) scale(1.05)}.arrow-left{left:15px;animation-delay:.2s}.arrow-right{right:15px;animation-delay:.3s}.slider-nav-arrow i{font-size:18px;transition:transform .3s ease}.slider-nav-arrow:hover i{transform:scale(1.2)}.arrow-left:hover i{transform:translate(-2px)}.arrow-right:hover i{transform:translate(2px)}.slide-dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:20;padding:8px 16px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;animation:dotsFadeIn 1s ease-out}@keyframes dotsFadeIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.7);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);padding:0;position:relative}.dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:all .3s ease}.dot.active{background:linear-gradient(135deg,var(--orange-color) 0%,#ff7a3d 100%);width:30px;height:10px;border-radius:5px;box-shadow:0 0 20px #f60c,0 0 40px #f606;border-color:#ff660080;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dot:hover{background:#ffffffe6;transform:scale(1.3);border-color:#fff}.dot:hover:before{opacity:1}.quick-access-section{padding:50px 0;background:transparent;position:relative}@keyframes premiumGlow{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.1) saturate(1.2)}}.quick-access-card{display:flex;align-items:center;gap:28px;background:linear-gradient(135deg,#ffc107,#ffb300,#ffa000,#ff8f00,#ff6f00,#ffc107);background-size:300% 300%;animation:premiumGradientShift 8s ease infinite,premiumGlow 3s ease-in-out infinite;border-radius:24px;padding:24px 40px;box-shadow:0 30px 60px -15px #ffc10780,0 20px 40px -20px #ffb30066,0 10px 20px -10px #0003,0 0 120px #ffc1074d,0 0 0 1px #fff3 inset;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none;border:1px solid rgba(0,0,0,.8);max-width:800px;margin:0 auto;position:relative;overflow:visible}@keyframes premiumGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.quick-access-badge{position:absolute;top:-12px;right:40px;z-index:10}.quick-access-badge span{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:800;padding:6px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 4px 20px #10b98166,0 0 0 1px #10b98133,inset 0 1px #fff3;animation:badgeGlow 2s ease-in-out infinite;font-family:Bookerly,EB Garamond,serif}@keyframes badgeGlow{0%,to{transform:scale(1);box-shadow:0 4px 20px #10b98166,0 0 0 1px #10b98133,inset 0 1px #fff3}50%{transform:scale(1.05);box-shadow:0 6px 30px #10b98180,0 0 0 2px #10b9814d,inset 0 1px #ffffff4d}}.quick-access-icon-wrapper{position:relative;flex-shrink:0}.quick-access-icon{width:80px;height:80px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.9);border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#ff8f00;box-shadow:0 10px 25px #00000026,inset 0 1px #fffc;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}.icon-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:22px;background:linear-gradient(135deg,#ffffff4d,#fff0);animation:pulseWave 2s ease-in-out infinite;z-index:1}@keyframes pulseWave{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.quick-access-card:hover .quick-access-icon{transform:rotate(-10deg) scale(1.1);background:linear-gradient(135deg,#fff6,#fff3);border-color:#fff6;box-shadow:0 15px 35px #0003,inset 0 1px #ffffff80}.quick-access-content{flex:1;color:#fff}.quick-access-content h3{font-family:Bookerly,EB Garamond,serif;font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 10px;text-shadow:0 1px 2px rgba(255,255,255,.5);letter-spacing:-.5px;line-height:1.2}.quick-access-content p{font-family:Bookerly,EB Garamond,serif;font-size:16px;color:#2c2c2c;margin:0 0 16px;text-shadow:0 1px 1px rgba(255,255,255,.3);line-height:1.5;font-weight:600}.quick-access-features{display:flex;gap:12px;flex-wrap:nowrap;align-items:center}.feature-tag{display:inline-flex;align-items:center;gap:6px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 14px;border-radius:50px;font-size:13px;color:#2c2c2c;font-weight:700;border:1px solid rgba(0,0,0,.8);transition:all .3s ease;font-family:Bookerly,EB Garamond,serif;white-space:nowrap}.feature-tag i{font-size:12px;opacity:.9}.quick-access-card:hover .feature-tag{background:#ffffff4d;transform:translateY(-2px);border-color:#000000e6}.quick-access-cta{display:flex;align-items:center;gap:14px;flex-shrink:0;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px 10px 24px;border-radius:50px;border:1px solid rgba(0,0,0,.8);transition:all .3s ease}.cta-text{font-family:Bookerly,EB Garamond,serif;font-size:17px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:1.2px;text-shadow:0 1px 2px rgba(255,255,255,.5)}.quick-access-card:hover .quick-access-cta{background:#ffffff4d;border-color:#000000e6;transform:scale(1.05)}.quick-access-arrow{width:40px;height:40px;background:linear-gradient(135deg,#ffffffe6,#fffc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#1a1a1a;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.quick-access-card:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,255,255,.3),rgba(255,255,255,.2),transparent);transition:left .8s ease}.quick-access-card:hover:before{left:100%}.quick-access-card:hover .quick-access-arrow{transform:translate(3px);background:linear-gradient(135deg,#ffffff59,#ffffff40)}.quick-access-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 40px 80px -20px #ffc10799,0 30px 60px -30px #ffb30080,0 15px 30px -15px #0000004d,0 0 0 2px #ffffff4d inset;border-color:#000000e6}.quick-access-card:active{transform:translateY(-3px) scale(1.01);transition:all .1s ease}.options-section{padding:40px 0 35px;background:linear-gradient(180deg,#fff,#f8f9fa);position:relative;overflow:visible}@keyframes floatBubble{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,-50px) scale(1.1)}66%{transform:translate(-50px,100px) scale(.9)}}.option-title{margin-bottom:35px;font-size:28px;font-weight:900;text-align:center;position:relative;display:inline-block;width:100%;padding-bottom:15px;color:#333}.option-title .text-orange{color:#ff5722;font-weight:900}.option-title .text-blue{color:#2196f3;font-weight:900}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin:0 auto;max-width:1200px}.option-card{height:100%;border-radius:20px;padding:40px 35px;color:#fff;position:relative;overflow:visible;transition:all .3s ease;border:3px solid;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;min-height:420px}.button-container{margin-top:auto}.option-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}.option-free{background:linear-gradient(135deg,#4fc3f7,#29b6f6,#26a69a,#42a5f5,#2196f3);background-size:150% 150%;border-color:#ffa726;box-shadow:0 10px 30px #2196f34d,0 5px 15px #ffa72633,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;position:relative;animation:cardShimmer 8s ease-in-out infinite}.option-free:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,#ffa726,#ff9800,#ffb74d,#ffa726,#ff9800);border-radius:25px;z-index:-1;opacity:.5;animation:orangeGlow 3s ease-in-out infinite}@keyframes orangeGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.option-premium{background:linear-gradient(135deg,#1e88e5,#1976d2,#1565c0,#0d47a1,#0277bd);background-size:150% 150%;border-color:#ffb74d;box-shadow:0 10px 30px #1565c066,0 5px 15px #ffb74d33,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;position:relative;animation:cardShimmer 8s ease-in-out infinite reverse}.option-premium:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,#ffb74d,#ffa726,#ff9800,#ffb74d,#ffa726);border-radius:25px;z-index:-1;opacity:.4;animation:orangeGlow 3s ease-in-out infinite reverse}@keyframes cardShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card-ribbon{position:absolute;top:20px;right:-35px;background:#ff6b35;color:#fff;font-weight:800;padding:8px 0;transform:rotate(45deg);font-size:11px;box-shadow:0 4px 15px #ff6b3580;z-index:2;letter-spacing:1.5px;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;width:140px;display:flex;align-items:center;justify-content:center;line-height:1;text-transform:uppercase}.option-premium .card-ribbon{background:#ff6b35;box-shadow:0 4px 15px #ff6b3580}.card-title{font-size:24px;font-weight:700;margin-bottom:20px;margin-top:5px;text-align:left;line-height:1.3;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:.5px;font-family:Bookerly,EB Garamond,serif}.card-description{font-size:16px;margin-bottom:20px;line-height:1.8;text-align:left;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.2);font-weight:400;font-family:Bookerly,EB Garamond,serif}.card-flag-selection{display:flex;gap:20px;margin:30px 0;justify-content:center;align-items:center;padding:20px 0;position:relative}.card-flag-selection:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.card-flag-selection:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.card-flag-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;background:#fffffff2;border:3px solid rgba(255,255,255,.4);border-radius:50px;padding:14px 28px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 16px #00000026,inset 0 1px #fffc;min-width:130px;position:relative;overflow:hidden}.card-flag-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.card-flag-btn:hover:before{left:100%}.card-flag-btn:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 12px 28px #00000040,inset 0 1px #fff;border-color:#fffc;background:#fff}.card-flag-btn.active{border-color:gold;background:linear-gradient(135deg,#fff9e6,#fff);box-shadow:0 8px 24px #ffd70066,0 0 30px #ffd70033,inset 0 1px #fff;transform:scale(1.05)}.card-flag-btn.active:after{content:"✓";position:absolute;top:-4px;right:-4px;width:24px;height:24px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff;box-shadow:0 2px 8px #ffd70080;animation:checkmarkPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes checkmarkPop{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.card-flag-btn.active .card-flag-text{color:#ff8c00;font-weight:900}.card-flag-icon{font-size:32px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));transition:all .3s ease}.card-flag-btn:hover .card-flag-icon{transform:scale(1.1) rotate(5deg)}.card-flag-btn.active .card-flag-icon{transform:scale(1.15);filter:drop-shadow(0 4px 8px rgba(255,215,0,.4))}.card-flag-text{font-size:18px;font-weight:700;color:#1e293b;font-family:Bookerly,EB Garamond,serif;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}.card-button-container{margin-top:auto;display:flex;justify-content:center;align-items:center}.card-btn{background:#546e7a;color:#fff;font-size:20px;font-weight:600;padding:14px 50px;border-radius:12px;transition:all .3s ease;border:none;text-decoration:none;display:inline-block;text-align:center;cursor:pointer;box-shadow:0 6px 20px #00000040;text-shadow:0 1px 2px rgba(0,0,0,.2);font-family:Bookerly,EB Garamond,serif}.card-btn:hover{background:#607d8b;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.option-premium .card-btn{background:#6b5b7b}.option-premium .card-btn:hover{background:#7a6a8a}.card-btn.disabled,.card-btn:disabled{opacity:.5;cursor:not-allowed;background:#9e9e9e!important;pointer-events:none}.card-btn.disabled:hover,.card-btn:disabled:hover{transform:none!important;box-shadow:none!important;background:#9e9e9e!important}.card-flag-btn.active{background:linear-gradient(135deg,#4caf50,#45a049);transform:scale(1.05);box-shadow:0 6px 20px #4caf5066;border-color:#4caf50}.card-flag-btn.active .card-flag-icon{transform:scale(1.1)}.btn-start{background:#546e7a;color:#fff;font-size:18px;font-weight:600;padding:12px 40px;border-radius:30px;transition:all .3s ease;width:100%;max-width:220px;box-shadow:0 4px 15px #455a6440;position:relative;overflow:hidden;z-index:1;border:none;text-transform:none;letter-spacing:.3px;text-decoration:none;display:inline-block;text-align:center;cursor:pointer;margin:0 auto;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-start:hover{background:#607d8b;transform:translateY(-2px);box-shadow:0 6px 20px #455a6459}.btn-start:active{transform:translateY(0)}.option-premium .btn-start{background:#6b5b7b;box-shadow:0 4px 15px #6b5b7b40}.option-premium .btn-start:hover{background:#7a6a8a;transform:translateY(-2px);box-shadow:0 6px 20px #7a6a8a59}.welcome-section{padding:100px 0;margin:0;background:#212121;position:relative;overflow:hidden;color:#fff;isolation:isolate}.welcome-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(30,136,229,.4) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,87,34,.3) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(76,175,80,.3) 0%,transparent 50%),radial-gradient(circle at 90% 10%,rgba(255,193,7,.3) 0%,transparent 50%);mix-blend-mode:screen;opacity:.6;animation:meshFloat 20s ease-in-out infinite;z-index:1}@keyframes meshFloat{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(-20px,-20px) scale(1.1) rotate(90deg)}50%{transform:translate(20px,-10px) scale(.95) rotate(180deg)}75%{transform:translate(-10px,20px) scale(1.05) rotate(270deg)}}.welcome-section:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,255,255,.03) 35px,rgba(255,255,255,.03) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(255,255,255,.02) 35px,rgba(255,255,255,.02) 70px);z-index:2;pointer-events:none}.welcome-section .container{position:relative;z-index:10;text-align:center;max-width:1200px;padding:60px 40px;background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;border:3px solid #FFC107;box-shadow:0 20px 80px #0000004d,0 0 0 1px #ffc1074d inset,0 0 120px #ffc10766;animation:borderColorChange 15s ease-in-out infinite}.welcome-section .container:before,.welcome-section .container:after{content:"";position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(80px);opacity:.5;pointer-events:none}.welcome-section .container:before{width:300px;height:300px;background:radial-gradient(circle,#1e88e5,transparent);top:-150px;left:-100px;animation:orb1 15s ease-in-out infinite}.welcome-section .container:after{width:250px;height:250px;background:radial-gradient(circle,#ff5722,transparent);bottom:-100px;right:-50px;animation:orb2 20s ease-in-out infinite reverse}@keyframes orb1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,30px) scale(1.2)}}@keyframes orb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-50px) scale(1.1)}}@keyframes borderColorChange{0%,33.33%{border-color:#ffc107;box-shadow:0 20px 80px #0000004d,0 0 0 1px #ffc1074d inset,0 0 120px #ffc10780,0 0 60px #ffc1074d}33.34%,66.66%{border-color:#ff5722;box-shadow:0 20px 80px #0000004d,0 0 0 1px #ff57224d inset,0 0 120px #ff572280,0 0 60px #ff57224d}66.67%,to{border-color:#1e88e5;box-shadow:0 20px 80px #0000004d,0 0 0 1px #1e88e54d inset,0 0 120px #1e88e580,0 0 60px #1e88e54d}}.welcome-title{font-size:clamp(42px,7vw,64px);font-weight:900;font-family:Arial Black,Impact,Helvetica Neue,Arial,sans-serif;font-style:italic;color:#fff;margin:0 0 30px;text-align:center;position:relative;display:inline-block;letter-spacing:3px;line-height:1.2;text-transform:uppercase;text-shadow:0 4px 12px rgba(0,0,0,.5),0 0 40px rgba(30,136,229,.4),0 0 80px rgba(30,136,229,.2);width:100%;animation:titleGlow 3s ease-in-out infinite}.powertaal-p,.powertaal-t{color:#1e88e5;font-family:Arial Black,Impact,Helvetica Neue,Arial,sans-serif;font-weight:900;font-style:italic;text-shadow:0 4px 12px rgba(0,0,0,.5),0 0 40px rgba(30,136,229,.6),0 0 80px rgba(30,136,229,.4)}.powertaal-rest{color:#ff5722;font-family:Arial Black,Impact,Helvetica Neue,Arial,sans-serif;font-weight:900;font-style:italic;text-shadow:0 4px 12px rgba(0,0,0,.5),0 0 40px rgba(255,87,34,.6),0 0 80px rgba(255,87,34,.4)}@keyframes titleGlow{0%,to{text-shadow:0 4px 12px rgba(0,0,0,.5),0 0 40px rgba(30,136,229,.4),0 0 80px rgba(30,136,229,.2)}50%{text-shadow:0 4px 12px rgba(0,0,0,.5),0 0 60px rgba(30,136,229,.6),0 0 100px rgba(30,136,229,.3),0 0 30px rgba(255,255,255,.2)}}.welcome-title:after{content:"";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);width:280px;height:6px;background:linear-gradient(90deg,transparent,#1e88e5 15%,#42a5f5 35%,#fff 50%,#42a5f5 65%,#1e88e5 85%,transparent);border-radius:3px;box-shadow:0 0 30px #1e88e599,0 0 60px #1e88e54d;animation:underlineGlow 4s ease-in-out infinite}@keyframes underlineGlow{0%,to{width:280px;opacity:.8}50%{width:320px;opacity:1}}@keyframes titleGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.welcome-title:after{content:"";display:block;width:150px;height:4px;background:linear-gradient(90deg,var(--orange-color) 0%,#ff7a3d 50%,var(--orange-color) 100%);background-size:300% 100%;margin:10px auto 0;border-radius:3px;box-shadow:0 2px 10px #ff66004d,0 0 20px #ff660040;animation:underlineFlow 4s ease-in-out infinite}@keyframes underlineFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.welcome-text{font-size:clamp(17px,2.2vw,21px);line-height:2;margin:50px auto 0;max-width:900px;font-weight:500;position:relative;z-index:5;padding:30px 40px;letter-spacing:.5px;border-radius:24px;background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:3px solid #FFC107;box-shadow:0 12px 48px #0000004d,0 0 0 1px #ffc1074d inset,0 0 60px #ffc10766,0 0 30px #ffc10733;color:#fffffff2;animation:textFadeIn 1.2s ease-out;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes textFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(10px)}50%{filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.welcome-text:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,#1e88e5,#42a5f5,#64b5f6,#90caf9,#1e88e5);background-size:300% 300%;border-radius:20px;opacity:0;z-index:-1;transition:opacity .5s ease;animation:borderGlow 6s linear infinite}@keyframes borderGlow{0%{background-position:0% 50%}to{background-position:300% 50%}}.welcome-text:hover:before{opacity:.3}.highlight-text{color:#ffc107;font-weight:900;position:relative;display:inline-block;padding:0 4px;text-shadow:0 0 20px rgba(255,193,7,.6),0 0 40px rgba(255,193,7,.4),0 2px 4px rgba(0,0,0,.3);animation:highlightPulse 2s ease-in-out infinite}@keyframes highlightPulse{0%,to{text-shadow:0 0 20px rgba(255,193,7,.6),0 0 40px rgba(255,193,7,.4),0 2px 4px rgba(0,0,0,.3)}50%{text-shadow:0 0 30px rgba(255,193,7,.8),0 0 60px rgba(255,193,7,.6),0 0 10px rgba(255,255,255,.3),0 2px 4px rgba(0,0,0,.3)}}.highlight-text:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ffc107,#ffeb3b,#ffc107,transparent);border-radius:2px;opacity:.8;animation:underlineSlide 3s ease-in-out infinite}@keyframes underlineSlide{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes highlightFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes highlightUnderline{0%,to{background-position:0% 50%;opacity:.6}50%{background-position:100% 50%;opacity:1}}.mb-3{margin-bottom:1rem}@media (max-width: 768px){.slideshow-container{height:450px}.slide-content-box{width:95%;padding:30px 20px}.slide-content-box.premium-slide{width:92%;padding:30px 20px;max-width:92%}.slide-title,.premium-slide .slide-title{font-size:28px}.slide-subtitle{font-size:16px;margin-bottom:20px}.premium-slide .slide-subtitle{font-size:16px}.slide-features-buttons{gap:8px;flex-wrap:nowrap}.feature-btn{font-size:11px;padding:10px 12px;min-width:100px;max-width:120px}.premium-slide .feature-btn{font-size:12px;padding:8px 15px}.slider-nav-arrow{width:40px;height:40px}.arrow-left{left:10px}.arrow-right{right:10px}.options-grid{grid-template-columns:1fr;gap:15px}.option-title{font-size:20px}.option-card{padding:25px 20px 20px}.option-card h3{font-size:18px}.option-card p{font-size:14px}.btn-start{font-size:18px;padding:10px 30px;max-width:200px}.welcome-section{padding:60px 0}.welcome-section .container{padding:35px 20px}.welcome-title{font-size:38px;margin-bottom:18px}.welcome-title:after{width:160px;height:4px;bottom:-15px}.welcome-text{font-size:15px;line-height:1.8;margin-top:40px}.card-ribbon{font-size:9px;width:120px;top:22px;right:-30px}.quick-access-card{padding:16px 20px;gap:16px}.quick-access-icon{width:50px;height:50px;font-size:24px}.quick-access-content h3{font-size:18px}.quick-access-content p{font-size:13px;margin-bottom:12px}.quick-access-features{gap:8px}.feature-tag{font-size:11px;padding:6px 10px}.feature-tag i{font-size:10px}.quick-access-arrow{width:36px;height:36px;font-size:16px}}@media (max-width: 480px){.slideshow-container{height:400px}.slide-content-box{padding:25px 15px}.slide-content-box.premium-slide{padding:25px 15px;max-width:90%;width:90%}.slide-title,.premium-slide .slide-title{font-size:24px;margin-bottom:10px}.slide-subtitle,.premium-slide .slide-subtitle{font-size:14px;margin-bottom:15px}.slide-features-buttons{gap:6px;flex-wrap:wrap}.feature-btn{font-size:10px;padding:8px 10px;min-width:85px;max-width:100px}.premium-slide .feature-btn{font-size:11px;padding:7px 12px}.option-title{font-size:18px}.option-card h3{font-size:16px}.option-card p{font-size:13px}.btn-start{font-size:16px;padding:10px 25px}.welcome-section{padding:50px 0}.welcome-section .container{padding:30px 18px}.welcome-title{font-size:30px;margin-bottom:14px;letter-spacing:1px}.welcome-title:after{width:140px;height:3px;bottom:-12px}.welcome-text{font-size:14px;line-height:1.7;margin-top:35px;padding:0 15px}.quick-access-card{padding:14px 18px;gap:12px}.quick-access-icon{width:45px;height:45px;font-size:20px}.quick-access-content h3{font-size:16px}.quick-access-content p{font-size:12px;margin-bottom:10px}.quick-access-features{gap:6px}.feature-tag{font-size:10px;padding:5px 8px}.feature-tag i{font-size:9px}.quick-access-arrow{width:32px;height:32px;font-size:14px}}.flag-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}@media (min-width: 769px){.flag-modal-overlay{justify-content:flex-start;padding-left:calc((100vw - 900px)/2)}}.flag-modal-content{background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:20px;padding:1.5rem;max-width:500px;width:100%;position:relative;box-shadow:0 25px 70px #0006;animation:slideUp .3s ease}@media (min-width: 769px){.flag-modal-content{max-width:440px;width:440px}}.flag-modal-header{text-align:center;margin-bottom:1.2rem}.flag-modal-title{font-family:Bookerly,EB Garamond,serif;font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:.3rem;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.flag-modal-subtitle{font-family:Bookerly,EB Garamond,serif;font-size:.85rem;color:#ffffffe6}.flag-modal-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.flag-modal-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border-radius:15px;padding:1.2rem 1rem;text-align:center;transition:all .3s ease;box-shadow:0 10px 30px #0003;border:3px solid transparent;position:relative;overflow:hidden;color:#333;cursor:pointer;min-height:170px}.flag-modal-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.flag-modal-card:hover:before{left:100%}.flag-modal-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 20px 48px #00000040}.nl-flag{border-color:#ff4500}.nl-flag:hover{border-color:#f63;background:linear-gradient(135deg,#fff5f0,#fff)}.de-flag{border-color:#fc0}.de-flag:hover{border-color:#ffd633;background:linear-gradient(135deg,#fffdf0,#fff)}.flag-icon-large{font-size:2.5rem;margin-bottom:.5rem;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));transition:all .3s ease}.flag-card-title{font-family:Bookerly,EB Garamond,serif;font-size:1.1rem;font-weight:700;margin-bottom:.4rem;color:#1e293b}.flag-card-description{font-family:Bookerly,EB Garamond,serif;font-size:.75rem;color:#64748b;margin-bottom:.5rem;line-height:1.3}.flag-arrow{font-size:1.2rem;color:#0ea5e9;transition:all .3s ease}.flag-modal-card:hover .flag-icon-large{transform:scale(1.1)}.flag-modal-card:hover .flag-arrow{transform:translate(10px);color:#0284c7}.flag-modal-close{position:absolute;top:.8rem;right:.8rem;background:#fff3;border:2px solid white;color:#fff;font-size:1.1rem;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.flag-modal-close:hover{background:#fff;color:#0891b2;transform:rotate(90deg)}@media (max-width: 768px){.flag-modal-content{padding:2rem 1.5rem}.flag-modal-title{font-size:2rem}.flag-modal-subtitle{font-size:1rem}.flag-modal-cards{gap:1.5rem}.flag-modal-card{min-height:250px;padding:2rem 1.5rem}.flag-card-title{font-size:1.5rem}.flag-card-description{font-size:.9rem}}@media (max-width: 480px){.flag-modal-overlay{padding:1rem}.flag-modal-content{padding:1.5rem 1rem}.flag-modal-title{font-size:1.6rem}.flag-modal-subtitle{font-size:.9rem}.flag-modal-cards{grid-template-columns:1fr;gap:1.2rem}.flag-modal-card{min-height:220px;padding:1.8rem 1.2rem}.flag-card-title{font-size:1.3rem}.flag-card-description{font-size:.85rem}.flag-modal-close{width:35px;height:35px;font-size:1.3rem}}.typing-hero-section{padding:50px 0;background:transparent}.typing-hero-container{position:relative;width:100%;max-width:1140px;height:420px;margin:0 auto;padding:0 15px;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.typing-hero-streaks{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden}.streak{position:absolute;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);box-shadow:0 0 20px #fff9,0 0 40px #ffc86466;animation:streakMove 4s ease-in-out infinite}.streak-1{top:45%;left:-100%;width:60%;animation-delay:0s}.streak-2{top:48%;left:-100%;width:50%;animation-delay:.3s}.streak-3{top:51%;left:-100%;width:55%;animation-delay:.6s}@keyframes streakMove{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:200%;opacity:0}}.typing-hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px 20px}.typing-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#8b5a2b99;border:2px solid rgba(200,150,100,.5);color:#e8d5b7;padding:10px 24px;border-radius:50px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.typing-hero-title{font-size:56px;font-weight:900;font-style:italic;color:#d4a853;margin:0 0 15px;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 40px rgba(212,168,83,.4);letter-spacing:2px;font-family:Georgia,Times New Roman,serif}.typing-hero-subtitle{font-size:20px;color:#e8d5b7e6;margin:0 0 30px;font-weight:400;letter-spacing:1px}.typing-hero-btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f5a623,#e8941c,#d4820f);color:#1a1a1a;padding:18px 40px;border-radius:50px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px #f5a62366,0 0 30px #f5a62333;border:none;cursor:pointer;margin-bottom:30px}.typing-hero-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #f5a62380,0 0 50px #f5a6234d;background:linear-gradient(135deg,#ffc046,#f5a623,#e8941c)}.typing-hero-btn i{font-size:20px}.typing-hero-flags{display:flex;align-items:center;gap:20px}.typing-hero-flags .flag{font-size:32px;cursor:pointer;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.typing-hero-flags .flag:hover{transform:scale(1.2)}@media (max-width: 768px){.typing-hero-container{height:380px}.typing-hero-title{font-size:36px}.typing-hero-subtitle{font-size:16px}.typing-hero-btn{padding:14px 30px;font-size:16px}.typing-hero-flags .flag{font-size:28px}}@media (max-width: 480px){.typing-hero-container{height:350px}.typing-hero-badge{font-size:12px;padding:8px 18px}.typing-hero-title{font-size:28px}.typing-hero-subtitle{font-size:14px}.typing-hero-btn{padding:12px 24px;font-size:14px}.typing-hero-flags .flag{font-size:24px;gap:15px}}.typing-slide-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;transition:opacity .8s ease-in-out,visibility .8s ease-in-out;opacity:1;visibility:visible}.typing-slide-content.content-hidden{opacity:0;visibility:hidden;pointer-events:none}.typing-slide-inner{animation:contentFadeIn .8s ease-out;display:flex;flex-direction:column;align-items:center}.typing-slide-badge{display:inline-flex;align-items:center;gap:8px;background:#8b5a2b99;border:2px solid rgba(200,150,100,.5);color:#e8d5b7;padding:10px 24px;border-radius:50px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.typing-slide-title{font-size:56px;font-weight:900;font-style:italic;color:#d4a853;margin:0 0 15px;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 40px rgba(212,168,83,.4);letter-spacing:2px;font-family:Georgia,Times New Roman,serif}.typing-slide-subtitle{font-size:20px;color:#e8d5b7e6;margin:0 0 30px;font-weight:400;letter-spacing:1px}.typing-slide-btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f5a623,#e8941c,#d4820f);color:#1a1a1a;padding:18px 40px;border-radius:50px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px #f5a62366,0 0 30px #f5a62333;border:none;cursor:pointer;margin-bottom:30px}.typing-slide-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #f5a62380,0 0 50px #f5a6234d;background:linear-gradient(135deg,#ffc046,#f5a623,#e8941c);color:#1a1a1a}.typing-slide-btn i{font-size:20px}.typing-slide-flags{display:flex;align-items:center;gap:20px}.typing-slide-flags .flag{font-size:32px;cursor:pointer;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.typing-slide-flags .flag:hover{transform:scale(1.2)}@media (max-width: 768px){.typing-slide-title{font-size:36px}.typing-slide-subtitle{font-size:16px}.typing-slide-btn{padding:14px 30px;font-size:16px}.typing-slide-flags .flag{font-size:28px}}@media (max-width: 480px){.typing-slide-badge{font-size:12px;padding:8px 18px}.typing-slide-title{font-size:28px}.typing-slide-subtitle{font-size:14px}.typing-slide-btn{padding:12px 24px;font-size:14px}.typing-slide-flags .flag{font-size:24px;gap:15px}}.login-section{padding:40px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);min-height:calc(100vh - 180px);display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border-radius:24px;padding:50px 60px;margin:0 auto;max-width:480px;width:100%;box-shadow:0 25px 50px -12px #00000040;border:none;position:relative}.login-brand{font-size:42px;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin:0 0 16px;padding-top:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:700;letter-spacing:-.5px}.login-subtitle{font-size:16px;color:#64748b;text-align:center;margin:0 0 35px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}.login-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:14px 18px;border-radius:12px;margin-bottom:25px;font-size:14px;text-align:center;animation:shake .5s ease-in-out;box-shadow:0 4px 15px #ef44444d;display:flex;align-items:center;justify-content:center;gap:8px}.error-icon{font-size:16px;flex-shrink:0}.login-form{max-width:100%;margin:0 auto}.email-input,.password-input{width:100%;padding:16px 20px;font-size:16px;border:2px solid #e2e8f0;border-radius:12px;background-color:#f8fafc;color:#1e293b;font-family:Segoe UI,system-ui,-apple-system,sans-serif;box-sizing:border-box;transition:all .3s ease}.password-input{padding-right:56px}.password-toggle{position:absolute;right:20px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;z-index:1;transition:color .3s ease;border-radius:4px}.password-toggle:hover{color:#64748b;background-color:#0000000d}.password-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}.email-input::-moz-placeholder,.password-input::-moz-placeholder{color:#94a3b8;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.email-input::placeholder,.password-input::placeholder{color:#94a3b8;transition:opacity .3s ease}.email-input:focus,.password-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.email-input:focus::-moz-placeholder,.password-input:focus::-moz-placeholder{opacity:.5}.email-input:focus::placeholder,.password-input:focus::placeholder{opacity:.5}.email-input:disabled,.password-input:disabled{opacity:.6;cursor:not-allowed}.btn-login,.btn-register{width:100%;padding:16px 24px;font-size:15px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Segoe UI,system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:1px;position:relative;gap:8px}.btn-login{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f666}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.btn-register{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;border:none!important;box-shadow:0 4px 14px #f9731666}.btn-register:hover{background:linear-gradient(135deg,#ea580c,#c2410c)!important;box-shadow:0 6px 20px #f9731680;transform:translateY(-2px);text-decoration:none}.btn-register:active{transform:translateY(0)}.btn-register:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.forgot-password{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.forgot-password a{color:#3b82f6;text-decoration:none;font-size:14px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;transition:all .3s ease}.forgot-password a:hover{color:#1d4ed8;text-decoration:underline}@media (max-width: 768px){.login-section{padding:30px 20px}.login-card{padding:40px 35px;max-width:95%;border-radius:20px}.login-brand{font-size:36px;margin-bottom:14px}.login-subtitle{font-size:15px;margin-bottom:30px}.email-input,.password-input{padding:14px 18px;font-size:16px}.btn-login,.btn-register{padding:14px 20px;font-size:14px}.forgot-password a{font-size:14px}}@media (max-width: 480px){.login-section{padding:20px 15px;min-height:calc(100vh - 140px)}.login-card{padding:35px 28px;border-radius:18px;max-width:100%}.login-brand{font-size:32px;margin-bottom:12px}.login-subtitle{font-size:14px;margin-bottom:25px}.login-error{padding:12px 16px;font-size:13px;margin-bottom:20px}.email-input,.password-input{padding:14px 16px;font-size:16px;border-radius:10px}.form-group{margin-bottom:16px}.btn-login,.btn-register{padding:14px 18px;font-size:14px;border-radius:10px}.button-group{gap:12px;margin-top:25px;margin-bottom:20px}.forgot-password{margin-top:16px;padding-top:16px}.forgot-password a{font-size:13px}}@media (max-width: 374px){.login-section{padding:15px 12px}.login-card{padding:30px 24px;border-radius:16px}.login-brand{font-size:28px;margin-bottom:10px}.login-subtitle{font-size:13px;margin-bottom:22px}.email-input,.password-input{padding:12px 14px;font-size:15px}.btn-login,.btn-register{padding:12px 16px;font-size:13px}.forgot-password a{font-size:12px}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.btn-login:disabled{animation:pulse 1.5s ease-in-out infinite}.register-section{padding:40px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);min-height:calc(100vh - 180px);display:flex;align-items:center;justify-content:center}.register-section .container{width:100%;max-width:100%;display:flex;align-items:center;justify-content:center}.animate-fade-in{animation:reg-fade-in .7s cubic-bezier(.16,1,.3,1) both}@keyframes reg-fade-in{0%{opacity:0;transform:translateY(20px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media (prefers-reduced-motion: reduce){.animate-fade-in{animation:none;opacity:1;transform:none;filter:none}}.register-card{background:#fff;border-radius:24px;padding:50px 60px;margin:0 auto;max-width:520px;width:100%;box-shadow:0 25px 50px -12px #00000040;border:none;position:relative}.register-card:hover{transform:translateY(-2px);box-shadow:0 30px 60px -12px #0000004d}.register-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;position:relative;z-index:1;padding-bottom:20px;border-bottom:1px solid #e2e8f0;text-align:center}.register-title{font-size:42px;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:700;letter-spacing:-.5px}.register-title:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px}.lang-switch{display:inline-flex;background:linear-gradient(135deg,#f9fafbf2,#f3f4f6fa);padding:10px;border-radius:24px;box-shadow:0 4px 12px #00000014;border:1px solid rgba(229,231,235,.6);gap:10px;transition:all .3s ease;overflow:visible;flex-direction:row;justify-content:center;flex-wrap:nowrap}.lang-switch:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-1px)}.lang-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:18px;border:none;background:#fff;color:#4b5563;font-weight:700;letter-spacing:.5px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 6px #00000014;font-size:1rem;position:relative;overflow:visible;min-width:80px;margin:0 5px}.lang-pill:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #0000001a}.lang-pill:active{transform:translateY(0) scale(.98)}.lang-pill:focus-visible{outline:3px solid rgba(59,130,246,.3);outline-offset:3px}.lang-pill .lang-code{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:1.05rem;font-weight:700;position:relative;z-index:1}.lang-pill .lang-flag{font-size:1.75rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;transform:scale(1);transition:transform .25s ease;min-width:1.75rem;height:auto}.lang-pill:hover .lang-flag{transform:scale(1.08)}.lang-pill.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 6px 20px #3b82f666;transform:translateY(-1px)}.lang-pill.active .lang-code{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.lang-pill.active .lang-flag{filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));transform:scale(1.02)}.register-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:14px 18px;border-radius:12px;margin-bottom:25px;font-size:14px;text-align:center;animation:shake .5s ease-in-out;box-shadow:0 4px 15px #ef44444d;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.error-icon{flex-shrink:0;color:#fff}.register-form{position:relative;z-index:1;display:flex;flex-direction:column;width:100%}.form-group{margin-bottom:20px;position:relative}.register-form label{display:block;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:8px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;letter-spacing:.01em}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-icon{position:absolute;left:20px;color:#94a3b8;z-index:1;pointer-events:none;transition:color .3s ease}.input-wrapper:focus-within .input-icon{color:#3b82f6}.register-input{width:100%;padding:16px 20px 16px 56px;font-size:16px;border:2px solid #e2e8f0;border-radius:12px;background-color:#f8fafc;color:#1e293b;font-family:Segoe UI,system-ui,-apple-system,sans-serif;box-sizing:border-box;transition:all .3s ease}.register-input::-moz-placeholder{color:#94a3b8;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.register-input::placeholder{color:#94a3b8;transition:opacity .3s ease}.register-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.register-input:focus::-moz-placeholder{opacity:.5}.register-input:focus::placeholder{opacity:.5}.register-input:disabled{opacity:.6;cursor:not-allowed}.input-hint{margin-top:8px;color:#64748b;font-size:.85rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-style:italic;padding-left:4px}.button-group{margin-top:30px;margin-bottom:25px;display:flex;flex-direction:column;gap:14px}.register-submit{width:100%;padding:16px 24px;font-size:15px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Segoe UI,system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:1px;position:relative;gap:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f666}.register-submit:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.register-submit:active:not(:disabled){transform:translateY(0)}.register-submit:disabled{opacity:.7;cursor:not-allowed}.register-submit svg{width:20px;height:20px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0;position:relative;z-index:1}.register-footer .muted{color:#64748b;font-size:14px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400}.register-footer .login-link{color:#3b82f6;text-decoration:none;font-size:14px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;transition:all .3s ease;margin-left:4px}.register-footer .login-link:hover{color:#1d4ed8;text-decoration:underline}.register-card>div[class*=mb-6]{background:linear-gradient(135deg,#ef4444,#dc2626);border:none!important;border-radius:12px;padding:14px 18px;margin-bottom:25px;animation:reg-soft-shake .35s ease-in-out,reg-fade-in .4s ease-out;box-shadow:0 4px 15px #ef44444d;position:relative;z-index:1;display:flex;align-items:center;gap:8px}.register-card>div[class*=mb-6] p{color:#fff;font-size:.95rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;line-height:1.5;margin:0}.register-card>div[class*=mb-6] svg{color:#fff;flex-shrink:0}@keyframes reg-soft-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@media (max-width: 768px){.register-section{padding:30px 20px}.register-card{padding:40px 35px;max-width:95%;border-radius:20px}.register-head{gap:16px;margin-bottom:25px;padding-bottom:16px}.register-title{font-size:36px}.lang-switch{width:100%;justify-content:center}.lang-pill{min-width:70px;padding:8px 12px}}@media (max-width: 480px){.register-section{padding:20px 15px;min-height:calc(100vh - 140px)}.register-card{padding:35px 28px;border-radius:18px;max-width:100%}.register-title{font-size:32px}.register-head{margin-bottom:20px;padding-bottom:14px}.lang-pill{padding:10px 14px;gap:10px}.lang-pill .lang-flag{font-size:1.65rem;min-width:1.65rem}.lang-pill .lang-code{font-size:.85rem}.register-input{padding:14px 16px 14px 50px;font-size:16px;border-radius:10px}.form-group{margin-bottom:16px}.register-submit{padding:14px 18px;font-size:14px;border-radius:10px}.button-group{gap:12px;margin-top:25px;margin-bottom:20px}.register-footer{margin-top:16px;padding-top:16px}}@media (max-width: 374px){.register-section{padding:15px 12px}.register-card{padding:30px 24px;border-radius:16px}.register-title{font-size:28px}.register-input{padding:12px 14px 12px 46px;font-size:15px}.register-submit{padding:12px 16px;font-size:13px}}@media (prefers-contrast: high){.register-card{border:2px solid #000}.register-input{border-width:2px!important}.lang-pill.active{outline:2px solid currentColor}}@media print{.register-card{box-shadow:none;border:1px solid #000}}.contact-page{min-height:100vh;background:#f3f4f6}.contact-hero{background:linear-gradient(135deg,#0ea5e9,#0891b2);padding:2.5rem 1rem;text-align:center}.contact-hero-title{font-family:Bookerly,EB Garamond,serif;font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 8px rgba(0,0,0,.2)}.contact-hero-subtitle{font-family:Bookerly,EB Garamond,serif;font-size:1.05rem;color:#fffffff2;max-width:600px;margin:0 auto}.contact-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.contact-info-card{background:#fff;border-radius:16px;padding:1.8rem;box-shadow:0 8px 20px #00000014}.contact-info-header{background:linear-gradient(135deg,#475569,#334155);color:#fff;padding:1rem 1.5rem;border-radius:12px 12px 0 0;margin:-1.8rem -1.8rem 1.5rem;display:flex;align-items:center;gap:.75rem}.contact-info-header svg{width:1.5rem;height:1.5rem}.contact-info-header h2{font-family:Bookerly,EB Garamond,serif;font-size:1.4rem;font-weight:700;margin:0}.contact-info-item{display:flex;align-items:flex-start;margin-bottom:1.5rem}.contact-info-icon{background:linear-gradient(135deg,#0ea5e9,#0891b2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0;box-shadow:0 3px 10px #0ea5e940}.contact-info-icon svg{width:20px;height:20px}.contact-info-content h3{font-family:Bookerly,EB Garamond,serif;font-size:1.05rem;font-weight:600;color:#1f2937;margin-bottom:.3rem}.contact-info-content p{font-family:Bookerly,EB Garamond,serif;font-size:.95rem;color:#6b7280;margin:0;line-height:1.5}.contact-info-content a{color:#0ea5e9;text-decoration:none;transition:color .3s ease}.contact-info-content a:hover{color:#0891b2;text-decoration:underline}.social-section{margin-top:1.8rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.social-section h3{font-family:Bookerly,EB Garamond,serif;font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.social-icons{display:flex;gap:.75rem}.social-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;box-shadow:0 3px 10px #0000001a}.social-icon.facebook{background:#3b5998}.social-icon.twitter{background:#1da1f2}.social-icon.linkedin{background:#0077b5}.social-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-icon:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.social-icon svg{width:24px;height:24px;color:#fff}.contact-form-card{background:#fff;border-radius:16px;padding:1.8rem;box-shadow:0 8px 20px #00000014}.contact-form-header{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;padding:1rem 1.5rem;border-radius:12px 12px 0 0;margin:-1.8rem -1.8rem 1.5rem;display:flex;align-items:center;gap:.75rem}.contact-form-header svg{width:1.5rem;height:1.5rem}.contact-form-header h2{font-family:Bookerly,EB Garamond,serif;font-size:1.4rem;font-weight:700;margin:0}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.form-group{display:flex;flex-direction:column}.form-group label{font-family:Bookerly,EB Garamond,serif;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.4rem}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:0;top:0;bottom:0;width:42px;background:linear-gradient(135deg,#0ea5e9,#0891b2);border-radius:8px 0 0 8px;display:flex;align-items:center;justify-content:center;color:#fff}.form-input-icon svg{width:18px;height:18px}.form-group input,.form-group textarea{font-family:Bookerly,EB Garamond,serif;font-size:.95rem;padding:.75rem .9rem .75rem 52px;border:2px solid #e5e7eb;border-radius:8px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.form-group textarea{resize:vertical;min-height:120px;padding-top:.9rem}.form-submit-btn{font-family:Bookerly,EB Garamond,serif;font-size:1.05rem;font-weight:700;padding:.85rem 1.8rem;background:linear-gradient(135deg,#475569,#334155);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 6px 16px #00000026;align-self:flex-end;min-width:180px}.form-submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000004d;background:linear-gradient(135deg,#334155,#1e293b)}.form-submit-btn svg{width:20px;height:20px}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert{padding:.85rem 1.2rem;border-radius:8px;margin-bottom:1.2rem;font-family:Bookerly,EB Garamond,serif;font-size:.95rem;display:flex;align-items:center;gap:.65rem}.alert-success{background:#d1fae5;border:2px solid #10b981;color:#065f46}.alert-error{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.alert svg{width:20px;height:20px;flex-shrink:0}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr}.contact-hero-title{font-size:2rem}.contact-hero-subtitle{font-size:1rem}}@media (max-width: 768px){.contact-hero{padding:2rem 1rem}.contact-hero-title{font-size:1.8rem}.contact-hero-subtitle{font-size:.95rem}.contact-content{padding:1.5rem 1rem}.contact-info-card,.contact-form-card{padding:1.5rem}.contact-info-header,.contact-form-header{margin:-1.5rem -1.5rem 1.2rem;padding:.9rem 1.2rem}.contact-info-header h2,.contact-form-header h2{font-size:1.25rem}.form-row{grid-template-columns:1fr;gap:1.2rem}.form-submit-btn{width:100%}.social-icons{justify-content:center}}@media (max-width: 480px){.contact-hero-title{font-size:1.6rem}.contact-hero-subtitle{font-size:.9rem}.contact-info-icon{width:36px;height:36px}.social-icon{width:38px;height:38px}.contact-info-content h3{font-size:1rem}.form-group input,.form-group textarea{font-size:.9rem}}.language-selection-section{min-height:auto;display:flex;align-items:center;justify-content:center;padding:60px 0;background:transparent;overflow:visible}.language-combination-section{min-height:auto;display:flex;align-items:center;justify-content:center;padding:20px;background:#f3f4f6;overflow:visible}.language-combination-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:transparent;overflow:visible}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;overflow:visible}.flex{display:flex}.col-12{flex:0 0 100%;max-width:100%;padding-right:15px;padding-left:15px}.col-2{flex:0 0 16.666667%;max-width:16.666667%;padding-right:15px;padding-left:15px}.col-lang{flex:0 0 auto;width:150px;padding-right:10px;padding-left:10px;margin-bottom:15px}.col-auto{flex:0 0 auto;width:auto;padding-right:15px;padding-left:15px;overflow:visible}.gx-3{margin-right:-12px;margin-left:-12px}.gx-3>*{padding-right:12px;padding-left:12px}.justify-content-center{justify-content:center}.language-selection-card{background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-radius:30px;padding:45px 30px 35px;box-shadow:0 4px 20px #00000014;max-width:1000px;width:100%;margin:0 auto;border:none;outline:none;overflow:hidden}.step-title{display:inline-block;background:#ffffff4d;color:#fff;font-family:Bookerly,EB Garamond,serif;font-size:16px;font-weight:600;padding:8px 18px;border-radius:25px;margin-bottom:15px;letter-spacing:.5px;box-shadow:0 4px 12px #00000026}.combo-title{font-family:Bookerly,EB Garamond,serif;font-size:32px;font-weight:800;color:#fff;text-align:center;margin-bottom:8px;text-shadow:0 6px 20px rgba(0,0,0,.25);line-height:1.2}.subtitle{font-family:Bookerly,EB Garamond,serif;font-size:16px;font-weight:400;color:#fff;text-align:center;margin-bottom:30px;text-shadow:0 2px 8px rgba(0,0,0,.2);opacity:.95}.language-buttons{margin-bottom:30px}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;transition:all .3s ease;cursor:pointer;text-decoration:none}.language-combo{width:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:18px 12px;border:none;border-radius:20px;color:#fff;font-family:Bookerly,EB Garamond,serif;box-shadow:0 10px 25px #0000004d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.language-combo:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0006}.language-combo.selected{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #ffd70080,0 0 0 4px gold}.language-combo.selected:after{content:"✓";position:absolute;top:5px;right:5px;width:22px;height:22px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;box-shadow:0 3px 10px #ffd70080}.nl-en{background:linear-gradient(135deg,#06b6d4,#0891b2)}.nl-nl{background:linear-gradient(135deg,#3b82f6,#2563eb)}.nl-de{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.nl-ar{background:linear-gradient(135deg,#22c55e,#16a34a)}.nl-es{background:linear-gradient(135deg,#f97316,#ea580c)}.nl-fr{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.nl-tr{background:linear-gradient(135deg,#ef4444,#dc2626)}.nl-it{background:linear-gradient(135deg,#ec4899,#db2777)}.de-nl{background:linear-gradient(135deg,#06b6d4,#0891b2)}.de-en{background:linear-gradient(135deg,#3b82f6,#2563eb)}.de-de{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.de-ar{background:linear-gradient(135deg,#22c55e,#16a34a)}.de-es{background:linear-gradient(135deg,#f97316,#ea580c)}.de-fr{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.de-tr{background:linear-gradient(135deg,#ef4444,#dc2626)}.de-it{background:linear-gradient(135deg,#ec4899,#db2777)}.en-nl{background:linear-gradient(135deg,#06b6d4,#0891b2)}.en-en{background:linear-gradient(135deg,#3b82f6,#2563eb)}.en-de{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.en-ar{background:linear-gradient(135deg,#22c55e,#16a34a)}.en-es{background:linear-gradient(135deg,#f97316,#ea580c)}.en-fr{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.en-tr{background:linear-gradient(135deg,#ef4444,#dc2626)}.en-it{background:linear-gradient(135deg,#ec4899,#db2777)}.top-text{font-size:12px;font-weight:600;text-transform:capitalize;opacity:.95;text-shadow:0 2px 4px rgba(0,0,0,.2)}.middle-text{font-size:28px;font-weight:800;letter-spacing:1px;text-shadow:0 4px 12px rgba(0,0,0,.3);margin:3px 0}.bottom-text{font-size:12px;font-weight:600;text-transform:capitalize;opacity:.95;text-shadow:0 2px 4px rgba(0,0,0,.2)}.action-buttons{display:flex;justify-content:center;gap:25px;margin-top:35px;margin-bottom:0;padding:0 30px;flex-wrap:wrap}.action-btn{flex:1 1 280px;max-width:320px;min-height:60px!important;padding:18px 40px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;font-size:24px!important;font-weight:600!important;line-height:1!important;border:none!important;border-radius:45px!important;color:#fff!important;text-transform:none!important;letter-spacing:1px!important;box-shadow:0 18px 45px #00000059!important;transition:all .3s ease!important;cursor:pointer!important;text-shadow:0 4px 8px rgba(0,0,0,.3)!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}.action-btn:hover{transform:translateY(-3px);box-shadow:0 18px 45px #0006}.learn-btn{background:#c4915c!important;background:linear-gradient(135deg,#d4a574,#b8895a)!important}.learn-btn:disabled{opacity:.5!important;cursor:not-allowed!important;filter:grayscale(.7)!important;background:linear-gradient(135deg,#9ca3af,#6b7280)!important}.learn-btn:not(:disabled):hover{background:linear-gradient(135deg,#b8895a,#9c6f42)!important;transform:translateY(-4px)!important;box-shadow:0 25px 60px #00000080!important}.type-btn{background:#c05689!important;background:linear-gradient(135deg,#d06799,#b04679)!important}.type-btn:hover{background:linear-gradient(135deg,#b04679,#903560)!important;transform:translateY(-4px)!important;box-shadow:0 25px 60px #00000080!important}.back-button-container{text-align:center;margin-top:20px;position:relative;z-index:5}.back-btn{display:inline-block;padding:10px 25px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:600;background:#ffffff40;color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:50px;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 2px 4px rgba(0,0,0,.2)}.back-btn:hover{background:#ffffff59;border-color:#fff9;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.me-2{margin-right:8px}.mt-3{margin-top:20px}.mb-3{margin-bottom:20px}@media (max-width: 1024px){.col-2{flex:0 0 33.333333%;max-width:33.333333%;margin-bottom:15px}.col-lang{width:130px}}@media (max-width: 768px){.language-combination-section{padding:15px 0}.language-selection-card{padding:30px 20px 25px}.combo-title{font-size:32px}.subtitle{font-size:16px}.col-2{flex:0 0 50%;max-width:50%}.col-lang{width:110px}.language-combo{min-height:100px;padding:14px 10px}.middle-text{font-size:28px}.action-buttons{flex-direction:column;gap:20px;padding:0 20px}.action-btn{width:100%!important;max-width:100%!important;font-size:22px!important;padding:16px 30px!important;min-height:55px!important}}@media (max-width: 480px){.language-combination-section{padding:15px 0}.language-selection-card{padding:25px 15px 20px}.step-title{font-size:14px;padding:6px 14px}.combo-title{font-size:26px}.subtitle{font-size:14px}.col-lang{width:100px}.language-combo{min-height:95px;padding:12px 8px;border-radius:15px}.top-text,.bottom-text{font-size:10px}.middle-text{font-size:20px}.action-buttons{flex-direction:column;gap:18px;padding:0 15px;margin-top:35px}.action-btn{width:100%!important;max-width:100%!important;font-size:20px!important;padding:14px 25px!important;min-height:50px!important;letter-spacing:.5px!important}.back-btn{font-size:16px;padding:10px 25px}}.demo-practice-section{min-height:auto;display:block;padding:28px 16px;background:radial-gradient(1200px 600px at 20% -10%,#ffffff40,#fff0 60%),radial-gradient(1000px 800px at 120% -10%,#fff3,#fff0 60%)}.demo-card{--card-shadow: 0 18px 50px rgba(0,0,0,.18);--glass-bg: linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.12) 100%);--accent: #ff7a00;--accent-dark: #e06900;--success: #10b981;--danger: #ef4444;width:100%;max-width:980px;background:linear-gradient(135deg,#08aeea,#2af598);border-radius:22px;border:2px solid var(--accent);padding:22px;box-shadow:var(--card-shadow);color:#fff;margin:10px auto;position:relative;overflow:hidden}.demo-card:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at -10% -20%,rgba(255,255,255,.25),transparent 60%),radial-gradient(700px 350px at 110% -30%,rgba(255,255,255,.18),transparent 60%);pointer-events:none}.lang-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0 4px}.lang-label{font-family:Bookerly,EB Garamond,serif;font-size:34px;font-weight:800;letter-spacing:.3px}.speak-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0000002e;border-radius:12px;cursor:pointer;transition:transform .12s ease,background .12s ease}.speak-btn:hover{transform:translateY(-1px);background:#00000047}.speak-btn:active{transform:translateY(0)}.speak-btn i{font-size:18px}.prompt-display,.answer-input{width:100%;background:#f8fafc;color:#222;border-radius:18px;border:2px solid rgba(0,0,0,.08);outline:none;padding:16px 20px;font-size:33px;line-height:1.26;box-shadow:inset 0 6px 16px #00000014;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;font-family:SF Pro Text,SF Arabic,Geeza Pro,Dubai,Tahoma,Segoe UI,Noto Naskh Arabic,Traditional Arabic,Simplified Arabic,Arial,sans-serif;direction:ltr!important;text-align:left!important;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.answer-input::placeholder{color:#333;opacity:1}.answer-input::-webkit-input-placeholder{color:#333;opacity:1}.answer-input::-moz-placeholder{color:#333;opacity:1}.answer-input:-ms-input-placeholder{color:#333;opacity:1}.answer-input::-ms-input-placeholder{color:#333;opacity:1}.prompt-display{margin-bottom:12px}.answer-input{margin-bottom:10px}.prompt-display:focus,.answer-input:focus{border-color:#ffffffbf;box-shadow:0 0 0 4px #ffffff40,inset 0 6px 16px #00000014}.answer-input.success{border-color:var(--success);box-shadow:0 0 0 4px #10b98140,inset 0 6px 16px #00000014}.answer-input.error{border-color:var(--danger);box-shadow:0 0 0 4px #ef444438,inset 0 6px 16px #00000014}.correct-answer{color:#064e3b;background:#d1fae5;font-weight:700;border-radius:10px;padding:8px 12px;margin-bottom:8px}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.scoreline{margin:8px 0;font-weight:700;color:#eef;text-shadow:0 1px 0 rgba(0,0,0,.15)}.start-row{display:flex;align-items:center;gap:12px;margin:10px 0;flex-wrap:wrap}.start-row .hint{font-size:14px;opacity:.92;color:#fffffff2}.progress-bar{width:100%;height:12px;background:#e6e6e6;border-radius:10px;overflow:hidden;box-shadow:inset 0 4px 8px #0000002e}.progress-fill{height:100%;background-image:linear-gradient(90deg,#ffffff59,#ffffff26),linear-gradient(90deg,#f59e0b,#f97316,#fb923c);border-radius:10px 0 0 10px}.controls{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:16px;align-items:center;margin-top:12px}.speed-label{font-weight:700}.speed-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.speed-slider::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:#ffffff8c;box-shadow:inset 0 2px 4px #00000026}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.08);box-shadow:0 6px 12px #0003;margin-top:-7px;cursor:pointer}.speed-slider::-moz-range-track{height:8px;border-radius:999px;background:#ffffff8c;box-shadow:inset 0 2px 4px #00000026}.speed-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.08);box-shadow:0 6px 12px #0003;cursor:pointer}.repeat-toggle{display:inline-flex;gap:8px;align-items:center;font-weight:700}.repeat-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#22c55e}.repeat-toggle span{color:#fff}.stop-btn{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 10px 20px #00000029;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,filter .12s ease}.stop-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #00000038;filter:brightness(1.05)}.stop-btn:active{transform:translateY(0);box-shadow:0 10px 20px #0000002e;filter:brightness(.98)}.stop-btn:disabled{opacity:.7;cursor:not-allowed}.start-row .stop-btn:first-child{background:#16a34a}.start-row .stop-btn:first-child:hover{filter:brightness(1.06)}.start-row .stop-btn:first-child:active{filter:brightness(.98)}.start-row .stop-btn+.stop-btn{background:#fb923c}.controls .stop-btn{background:#ef4444}.controls .stop-btn:hover{filter:brightness(1.06)}@media (max-width: 900px){.lang-label,.prompt-display,.answer-input{font-size:26px}}@media (max-width: 600px){.demo-card{padding:16px}.lang-label{font-size:20px}.prompt-display,.answer-input{font-size:22px;padding:12px 14px}.speak-btn{width:38px;height:38px}}.category-selection-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.category-selection-section:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;animation:backgroundMove 20s linear infinite}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.category-selection-container{max-width:900px;width:100%;z-index:1;position:relative}.category-selection-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a inset;transform:translateY(20px);opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.category-selection-card.animate-in{transform:translateY(0);opacity:1}.header-section{margin-bottom:2rem}.step-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.step-number{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Bookerly,EB Garamond,serif;font-weight:600;font-size:.9rem;box-shadow:0 2px 8px #667eea66}.step-text{font-family:Bookerly,EB Garamond,serif;font-size:.9rem;color:#64748b;font-weight:500}.progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:100px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:100px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #667eea80}.content-section{margin-bottom:2rem}.category-title{font-family:Bookerly,EB Garamond,serif;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:.5rem;letter-spacing:-.5px}.category-subtitle{font-family:Bookerly,EB Garamond,serif;font-size:1rem;color:#64748b;text-align:center;margin-bottom:2rem;font-weight:400}.categories-container{display:flex;flex-direction:column;gap:1.5rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.category-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-card.category-blue:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.category-card.category-green:hover{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.category-card.category-purple:hover{border-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#ede9fe)}.category-card.category-orange:hover{border-color:#f97316;background:linear-gradient(135deg,#fff7ed,#fed7aa)}.category-card.category-pink:hover{border-color:#ec4899;background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.category-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #00000026}.category-card.selected{border-color:#667eea;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);transform:scale(1.02);box-shadow:0 8px 20px #667eea33}.selected-badge{position:absolute;top:8px;right:8px;color:#667eea;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.category-icon{color:#667eea;margin-bottom:.75rem;transition:transform .3s ease}.category-card:hover .category-icon{transform:scale(1.1) rotate(5deg)}.category-content{text-align:center}.category-name{font-family:Bookerly,EB Garamond,serif;font-size:.95rem;font-weight:600;color:#1f2937;margin:0 0 .25rem;line-height:1.2}.category-description{font-family:Bookerly,EB Garamond,serif;font-size:.75rem;color:#6b7280;margin:0;line-height:1.3}.category-hover-effect{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(102,126,234,.05) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.category-card:hover .category-hover-effect{opacity:1}.special-section{width:100%}.overtypen-card{width:100%;background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #ec48994d}.overtypen-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem}.overtypen-icon{color:#fff;flex-shrink:0}.overtypen-text{flex:1;text-align:left}.overtypen-text h3{font-family:Bookerly,EB Garamond,serif;font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.overtypen-text p{font-family:Bookerly,EB Garamond,serif;font-size:.85rem;color:#ffffffe6;margin:0}.overtypen-arrow{color:#fff;transition:transform .3s ease}.overtypen-card:hover .overtypen-arrow{transform:translate(6px)}.overtypen-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.overtypen-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ec489966}.overtypen-card:hover .overtypen-bg{opacity:1}.action-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.start-oefenen-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Bookerly,EB Garamond,serif;font-size:1.05rem;font-weight:600;padding:.875rem 2.5rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #667eea4d;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.start-oefenen-btn: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 .5s ease}.start-oefenen-btn:hover:before{left:100%}.btn-text{position:relative;z-index:1}.btn-icon{position:relative;z-index:1;transition:transform .3s ease}.start-oefenen-btn:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.start-oefenen-btn:not(.disabled):hover .btn-icon{transform:translate(3px)}.start-oefenen-btn:not(.disabled):active{transform:translateY(0)}.start-oefenen-btn.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none}.help-text{font-family:Bookerly,EB Garamond,serif;font-size:.85rem;color:#64748b;margin:0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.category-selection-card{padding:1.5rem}.category-title{font-size:1.75rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.category-card{min-height:120px;padding:1rem}.category-icon svg{width:28px;height:28px}.overtypen-content{flex-direction:column;text-align:center}.overtypen-text{text-align:center}.start-oefenen-btn{width:100%;justify-content:center}}@media (max-width: 480px){.category-selection-section{padding:1rem}.category-selection-card{padding:1.25rem}.category-title{font-size:1.5rem}.category-subtitle{font-size:.9rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.category-card{min-height:100px;padding:.75rem}.category-name{font-size:.85rem}.category-description{font-size:.7rem}.overtypen-card{padding:1.25rem}.start-oefenen-btn{font-size:1rem;padding:.75rem 2rem}}@media (prefers-contrast: high){.category-card{border-width:3px}.category-card.selected{border-width:4px}}@media (prefers-reduced-motion: reduce){.category-selection-card,.category-card,.overtypen-card,.start-oefenen-btn,.category-icon,.overtypen-arrow,.btn-icon{transition:none}.category-selection-section:before{animation:none}@keyframes slideUp{0%,to{opacity:1;transform:none}}@keyframes bounceIn{0%,to{transform:scale(1);opacity:1}}}.language-selection-section{padding:48px 0 56px;background:linear-gradient(180deg,#f8fdff,#eef7fb);margin:0;box-shadow:inset 0 0 10px #0000000a;min-height:calc(100vh - 150px)}.language-selection-card{background:linear-gradient(135deg,#12b0e8,#0ea5e9,#118cd1);border-radius:28px;padding:36px 28px 48px;color:#fff;margin:0 auto;max-width:1100px;box-shadow:0 16px 40px #0ea5e959,inset 0 1px #ffffff2e;border:1px solid rgba(255,255,255,.18)}.step-title{font-size:18px;margin-bottom:8px;text-align:left;margin-left:6px;background:#ffffff2e;display:inline-block;padding:6px 12px;border-radius:999px;letter-spacing:.5px;box-shadow:0 2px 6px #0000000f;font-weight:600}.combo-title{font-size:40px;margin-bottom:6px;text-align:center;font-weight:800;text-shadow:0 6px 20px rgba(0,0,0,.25)}.subtitle{font-size:18px;margin-bottom:32px;text-align:center;color:#ffffffd9}.combination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;padding:0 10px}.combination-btn{background:#1836c9;border:4px solid transparent;border-radius:20px;padding:32px 20px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #0003;position:relative;overflow:hidden;min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center}.combination-btn: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 .6s}.combination-btn:hover:before{left:100%}.combination-btn:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 16px 32px #0000004d;border-color:#ffffff80}.combination-btn.selected{border-color:#fff;box-shadow:0 0 0 4px #ffffff4d,0 16px 32px #0000004d;transform:scale(1.08)}.combination-top{font-size:20px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.combination-code{font-size:36px;font-weight:900;margin:8px 0;letter-spacing:2px;text-shadow:0 4px 12px rgba(0,0,0,.3)}.combination-bottom{font-size:20px;font-weight:600;margin-top:12px;text-transform:uppercase;letter-spacing:1px}.action-buttons{display:flex;justify-content:center;gap:20px;margin-bottom:28px;flex-wrap:wrap}.action-btn{padding:18px 48px;font-size:20px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px #0003;position:relative;overflow:hidden}.action-btn: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 .5s}.action-btn:hover:before{left:100%}.action-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 10px 28px #0000004d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.btn-leren{background:linear-gradient(135deg,#7b68a6,#8977b3);color:#fff}.btn-leren:hover:not(:disabled){background:linear-gradient(135deg,#8977b3,#9688c0)}.btn-overtypen{background:linear-gradient(135deg,#8a8a7f,#9a9a8f);color:#fff}.btn-overtypen:hover:not(:disabled){background:linear-gradient(135deg,#9a9a8f,#aaaa9f)}.btn-profiel{background:linear-gradient(135deg,#1565c0,#1e88e5);color:#fff}.btn-profiel:hover{background:linear-gradient(135deg,#1976d2,#42a5f5)}.back-button-container{text-align:center;margin-top:32px}.back-to-flags-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);padding:14px 40px;font-size:17px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.back-to-flags-btn:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-12{flex:0 0 100%;max-width:100%;position:relative;width:100%;padding-right:15px;padding-left:15px}@media (max-width: 992px){.combination-grid{grid-template-columns:repeat(2,1fr)}.combo-title{font-size:34px}.combination-btn{min-height:140px;padding:24px 16px}.combination-code{font-size:30px}.combination-top,.combination-bottom{font-size:18px}}@media (max-width: 768px){.language-selection-card{padding:22px 16px 32px}.combo-title{font-size:28px}.subtitle{font-size:16px}.combination-grid{grid-template-columns:1fr;gap:16px}.combination-btn{min-height:130px;padding:20px 16px}.combination-top,.combination-bottom{font-size:16px}.combination-code{font-size:28px}.action-buttons{flex-direction:column;gap:12px}.action-btn{width:100%;padding:16px 32px;font-size:18px}}@media (max-width: 480px){.combo-title{font-size:24px}.subtitle{font-size:14px}.combination-btn{min-height:120px;padding:18px 12px}.combination-top,.combination-bottom{font-size:14px}.combination-code{font-size:24px}.action-btn{padding:14px 28px;font-size:16px}}.typing-setup-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#e0f2fe,#cdeffd,#b9e6fb)}.typing-setup-container{max-width:900px;width:100%;margin:0 auto}.typing-setup-card{background:#fffffff2;border-radius:30px;padding:40px 35px;box-shadow:0 20px 60px #00000026;border:2px solid rgba(255,255,255,.5)}.step-badge-typing{display:none}.typing-setup-title{font-family:Bookerly,EB Garamond,serif;font-size:2rem;font-weight:800;color:#0891b2;text-align:center;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.name-input-container{max-width:700px;margin:0 auto 35px}.typing-name-input{width:100%;font-family:Bookerly,EB Garamond,serif;font-size:1.1rem;padding:15px 25px;border:2px solid #cbd5e1;border-radius:15px;background:#fff;color:#475569;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.typing-name-input:focus{outline:none;border-color:#0891b2;box-shadow:0 6px 20px #0891b233}.typing-name-input::-moz-placeholder{color:#94a3b8}.typing-name-input::placeholder{color:#94a3b8}.name-helper{text-align:center;margin-top:12px;font-family:Bookerly,EB Garamond,serif;font-size:.95rem;color:#64748b;opacity:.9}.word-count-title{font-family:Bookerly,EB Garamond,serif;font-size:1.8rem;font-weight:800;color:#0891b2;text-align:center;margin-bottom:25px}.word-count-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:700px;margin:0 auto 30px}.word-count-btn{background:#fff;color:#475569;border:2px solid #cbd5e1;border-radius:18px;padding:30px 20px;font-family:Bookerly,EB Garamond,serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.word-count-btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;border-color:#94a3b8}.word-count-btn.selected{background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff;border-color:#0891b2;transform:translateY(-4px) scale(1.02);box-shadow:0 10px 25px #0891b24d}.word-count-number{font-size:3rem;font-weight:800;line-height:1}.word-count-label{font-size:.95rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.start-typing-container{text-align:center}.start-typing-btn{background:linear-gradient(135deg,#f59e8f,#ea8c7a);color:#fff;font-family:Bookerly,EB Garamond,serif;font-size:1.3rem;font-weight:700;padding:14px 50px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ea8c7a59;text-transform:none}.start-typing-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.start-typing-btn:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 30px #ea8c7a73;background:linear-gradient(135deg,#f3968a,#e8836f)}.start-typing-btn:not(:disabled):active{transform:translateY(-1px)}@media (max-width: 768px){.typing-setup-card{padding:30px 25px}.typing-setup-title{font-size:1.6rem}.word-count-title{font-size:1.5rem}.word-count-grid{gap:15px}.word-count-btn{padding:25px 15px}.word-count-number{font-size:2.5rem}.word-count-label{font-size:.9rem}.typing-name-input{font-size:1rem;padding:12px 20px}.start-typing-btn{font-size:1.1rem;padding:12px 40px}}@media (max-width: 480px){.typing-setup-card{padding:25px 20px}.typing-setup-title{font-size:1.4rem}.word-count-title{font-size:1.3rem}.word-count-grid{grid-template-columns:1fr;gap:12px}.word-count-btn{padding:20px 15px}.word-count-number{font-size:2.2rem}.word-count-label{font-size:.85rem}.typing-name-input{font-size:.95rem;padding:12px 18px}.start-typing-btn{font-size:1rem;padding:12px 35px;width:100%}}.typing-game-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#e0f2fe,#cdeffd,#b9e6fb)}.typing-game-container{max-width:900px;width:100%;margin:0 auto}.stats-card{background:#fffffff2;border-radius:20px;padding:25px 30px;box-shadow:0 10px 40px #0000001a;margin-bottom:20px;border:2px solid rgba(255,255,255,.5)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-number{font-family:Bookerly,EB Garamond,serif;font-size:2rem;font-weight:800;line-height:1}.stat-number.blue{color:#0891b2}.stat-number.cyan{color:#06b6d4}.stat-number.red{color:#ef4444}.stat-label{font-family:Bookerly,EB Garamond,serif;font-size:.9rem;color:#64748b;font-weight:500}.progress-container{margin-bottom:20px}.progress-bar-wrapper{width:100%;background:#fff6;border-radius:10px;height:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0891b2,#06b6d4);border-radius:10px;transition:width .3s ease;box-shadow:0 0 10px #0891b280}.game-card{background:#fffffff2;border-radius:25px;padding:40px 35px;box-shadow:0 15px 50px #0000001f;border:2px solid rgba(255,255,255,.5)}.game-instruction{font-family:Bookerly,EB Garamond,serif;font-size:1.1rem;color:#475569;margin-bottom:20px;text-align:left;font-weight:500}.current-word{font-family:Bookerly,EB Garamond,serif;font-size:3.5rem;font-weight:800;color:#0891b2;text-align:center;margin-bottom:30px;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.typing-input{width:100%;font-family:Bookerly,EB Garamond,serif;font-size:1.5rem;padding:18px 25px;border:3px solid #0891b2;border-radius:15px;background:#fff;color:#1e293b;text-align:center;transition:box-shadow .3s ease,border-color .3s ease;box-shadow:0 4px 12px #0891b233;font-weight:400;letter-spacing:0;line-height:1.35;font-variant-ligatures:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.typing-input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d433,0 6px 20px #0891b24d}.typing-input::-moz-placeholder{color:#94a3b8}.typing-input::placeholder{color:#94a3b8}.next-words-section{margin-top:30px;text-align:center}.next-words-label{font-family:Bookerly,EB Garamond,serif;font-size:.9rem;color:#64748b;margin-bottom:12px;font-weight:500}.next-words-list{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.next-word-chip{font-family:Bookerly,EB Garamond,serif;padding:8px 16px;background:#f1f5f9;border-radius:10px;font-size:.95rem;color:#475569;border:1px solid #e2e8f0;font-weight:500}.loading-container,.error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe,#cdeffd,#b9e6fb)}.loading-text{font-family:Bookerly,EB Garamond,serif;font-size:1.8rem;color:#0891b2;font-weight:600}.error-card{background:#fffffff2;border-radius:20px;padding:40px;box-shadow:0 15px 50px #00000026;text-align:center;border:2px solid rgba(255,255,255,.5)}.error-text{font-family:Bookerly,EB Garamond,serif;font-size:1.3rem;color:#475569;margin-bottom:20px}.error-btn{background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff;font-family:Bookerly,EB Garamond,serif;font-size:1.1rem;font-weight:700;padding:12px 35px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #0891b24d}.error-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0891b266}@media (max-width: 768px){.typing-game-section{padding:30px 15px}.stats-card{padding:20px 15px}.stat-number{font-size:1.6rem}.stat-label{font-size:.8rem}.game-card{padding:30px 20px}.current-word{font-size:2.5rem}.typing-input{font-size:1.2rem;padding:15px 20px}}@media (max-width: 480px){.stats-grid{gap:15px}.stat-number{font-size:1.4rem}.stat-label{font-size:.75rem}.current-word{font-size:2rem;letter-spacing:1px}.typing-input{font-size:1.1rem;padding:12px 18px}.next-word-chip{font-size:.85rem;padding:6px 12px}}.keyboard-container{background:#fff;border-radius:10px;padding:12px;box-shadow:0 2px 10px #00000014}.keyboard{display:flex;flex-direction:column;gap:4px;max-width:clamp(500px,55vw,750px);width:100%;margin:0 auto}.keyboard-row{display:flex;justify-content:center;gap:3px}.key{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;font-weight:600;cursor:default;transition:all .15s ease;position:relative;box-shadow:0 1px 3px #00000014;border:2px solid transparent}.key{background:#f7fafc;color:#2d3748;border-color:#e2e8f0}.key.left-pinky,.key.right-pinky,.key.finger-left-pinky,.key.finger-right-pinky{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.key.left-ring,.key.right-ring,.key.finger-left-ring,.key.finger-right-ring{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.key.left-middle,.key.right-middle,.key.finger-left-middle,.key.finger-right-middle{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.key.left-index,.key.right-index,.key.finger-left-index,.key.finger-right-index{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.key.thumb,.key.finger-thumb{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.key.special{background:#cbd5e0;color:#2d3748;font-size:11px;font-weight:500}.key.active{transform:translateY(-4px) scale(1.1);box-shadow:0 6px 20px #667eea80;border-color:#667eea;animation:pulse .6s infinite}.key.wrong{animation:shake .4s;background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;border-color:#dc2626}.key.home-key:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:20px;height:3px;background:#fff9;border-radius:2px}.key[style*="width: 6.25"]{min-width:312px}.key-label{display:flex;flex-direction:column;align-items:center;font-size:12px;line-height:1.2}.keyboard-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#4a5568}.legend-color{width:16px;height:16px;border-radius:4px;box-shadow:0 1px 2px #00000014}.legend-color.pinky,.legend-color.finger-left-pinky,.legend-color.finger-right-pinky{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.legend-color.ring,.legend-color.finger-left-ring,.legend-color.finger-right-ring{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.legend-color.middle,.legend-color.finger-left-middle,.legend-color.finger-right-middle{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.legend-color.index,.legend-color.finger-left-index,.legend-color.finger-right-index{background:linear-gradient(135deg,#34d399,#10b981)}.legend-color.thumb,.legend-color.finger-thumb{background:linear-gradient(135deg,#f87171,#ef4444)}@keyframes pulse{0%,to{box-shadow:0 6px 20px #667eea80}50%{box-shadow:0 6px 30px #667eeacc}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 1024px){.key{min-width:45px;height:45px;font-size:12px}}@media (max-width: 768px){.keyboard-container{padding:15px}.keyboard{gap:5px}.keyboard-row{gap:4px}.key{min-width:35px;height:35px;font-size:10px;border-radius:6px}.keyboard-legend{gap:10px}.legend-item{font-size:11px}.legend-color{width:20px;height:20px}}.typing-area-container{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 10px #00000014;position:relative;min-height:120px}.typing-text-display{font-family:Bookerly,EB Garamond,Georgia,serif;font-size:22px;line-height:1.9;text-align:left;padding:12px 16px;background:#f7fafc;border-radius:8px;border:2px solid #e2e8f0;min-height:80px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:text;white-space:pre-wrap;word-break:normal;overflow-wrap:break-word;word-wrap:break-word;font-weight:400;font-kerning:normal;font-variant-ligatures:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;will-change:auto;transform:translateZ(0)}.typing-text-display .char{position:relative;display:inline-block;padding:2px 3px;margin:0;transition:none;font-weight:400}.typing-text-display .char.correct{color:#10b981;padding:2px 3px;margin:0;font-weight:400}.typing-text-display .char.incorrect{color:#ef4444;background:#ef444426;border-radius:3px;text-decoration:line-through;text-decoration-color:#dc2626;text-decoration-thickness:1px;padding:2px 3px;margin:0;font-weight:400}.typing-text-display .char.current{position:relative;padding:2px 3px;margin:0;font-weight:400}.typing-text-display .char.current.cursor-block{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;box-shadow:0 2px 8px #667eea66;outline:2px solid rgba(255,255,255,.85)}.typing-text-display .char.current.cursor-underline{color:#2d3748}.typing-text-display .char.current.cursor-underline:after{content:"";position:absolute;left:2px;right:2px;bottom:.1em;height:3px;background:#667eea;animation:caretBlink 1s steps(1,end) infinite;pointer-events:none}.typing-text-display .char.current.cursor-line{color:#2d3748}.typing-text-display .char.current.cursor-line:after{content:"";position:absolute;left:0;top:.05em;width:2px;height:1em;background:#667eea;animation:caretBlink 1s steps(1,end) infinite;pointer-events:none}.typing-text-display .char.current.cursor-outline{color:#2d3748;outline:2px solid #667eea;outline-offset:0;border-radius:4px;box-shadow:0 2px 8px #667eea4d}.typing-text-display .char.current.cursor-beam{color:#2d3748}.typing-text-display .char.current.cursor-beam:after{content:"";position:absolute;left:-1px;top:.05em;width:4px;height:1em;background:#667eea;animation:caretBlink 1s steps(1,end) infinite;pointer-events:none}.typing-text-display .char.current.cursor-hollow{color:#2d3748;border:3px solid #667eea;border-radius:4px;background:transparent;box-shadow:0 2px 8px #667eea4d}.typing-text-display .char.current.cursor-glow{color:#667eea;background:#667eea1a;border-radius:4px;box-shadow:0 0 12px #667eea99,0 0 24px #667eea4d;animation:glowPulse 2s ease-in-out infinite}.typing-text-display .char.wrong-flash{animation:wrongFlash .3s ease}.typing-input-hidden{position:absolute;inset:0;opacity:0;width:100%;height:100%}.typing-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:20px 30px;background:#667eeaf2;color:#fff;border-radius:12px;font-size:18px;font-weight:600;box-shadow:0 4px 20px #667eea66;animation:pulse 2s infinite;pointer-events:none;z-index:10}.typing-hint i{font-size:24px;animation:bounce 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}@keyframes wrongFlash{0%,to{background:transparent}50%{background:#ef44444d}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.typing-text-display .char.current.cursor-block:after{content:"";position:absolute;right:-2px;top:2px;width:2px;height:1.2em;background:#fffc;animation:caretBlink 1s steps(1,end) infinite}@keyframes underlineBlink{0%,49%{border-bottom-color:#667eea}50%,to{border-bottom-color:transparent}}@keyframes lineBlink{0%,49%{border-left-color:#667eea}50%,to{border-left-color:transparent}}@keyframes outlineBlink{0%,49%{border-color:#667eea}50%,to{border-color:#cbd5e0}}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #667eea99,0 0 24px #667eea4d}50%{box-shadow:0 0 20px #667eeacc,0 0 40px #667eea80}}.typing-area-container:focus-within .typing-text-display{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media (max-width: 1024px){.typing-text-display{font-size:24px;letter-spacing:1.5px;padding:18px}.typing-hint{font-size:16px;padding:16px 24px}.typing-hint i{font-size:20px}}@media (max-width: 768px){.typing-area-container{padding:20px}.typing-text-display{font-size:20px;letter-spacing:1px;padding:15px;line-height:1.6}.typing-text-display .char.current{padding:3px 5px}.typing-hint{font-size:14px;padding:12px 20px;gap:8px}.typing-hint i{font-size:18px}}@media (max-width: 480px){.typing-text-display{font-size:18px;padding:12px}.typing-hint{font-size:13px;padding:10px 16px}}.stats-container{background:#fff;border-radius:10px;padding:12px;box-shadow:0 2px 10px #00000014;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative}.stat-card{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:8px;border:2px solid #e2e8f0;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001a;border-color:#667eea}.stat-card:nth-child(1){border-left:4px solid #667eea}.stat-card:nth-child(2){border-left:4px solid #10b981}.stat-card:nth-child(3){border-left:4px solid #f59e0b}.stat-card:nth-child(4){border-left:4px solid #8b5cf6}.stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px;color:#fff}.stat-card:nth-child(1) .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-content{flex:1;display:flex;flex-direction:column;gap:5px}.stat-label{font-size:11px;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.stat-value{font-size:24px;font-weight:700;color:#2d3748;line-height:1;display:flex;align-items:baseline;gap:3px}.stat-unit{font-size:14px;font-weight:600;color:#718096;margin-left:4px}.stats-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stats-overlay i{font-size:48px;color:#667eea;animation:bounce 2s infinite}.stats-overlay span{font-size:16px;color:#4a5568;font-weight:600}.stat-value{animation:countUp .5s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stat-value.excellent{color:#10b981}.stat-value.good{color:#3b82f6}.stat-value.average{color:#f59e0b}.stat-value.poor{color:#ef4444}@media (max-width: 1200px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-container{grid-template-columns:1fr;padding:20px;gap:15px}.stat-card{padding:16px;gap:12px}.stat-icon{width:45px;height:45px;font-size:20px}.stat-value{font-size:28px}.stat-label{font-size:12px}.stats-overlay i{font-size:40px}.stats-overlay span{font-size:14px}}@media (max-width: 480px){.stat-card{padding:14px;gap:10px}.stat-icon{width:40px;height:40px;font-size:18px}.stat-value{font-size:24px}.stat-unit{font-size:12px}}.hand-guide-container{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 20px #0000001a}.hand-guide{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:20px;flex-wrap:wrap}.hand{display:flex;flex-direction:column;align-items:center;gap:15px;transition:all .4s ease;opacity:.7}.hand.active{opacity:1;transform:scale(1.08)}.hand svg{width:240px;height:360px;filter:drop-shadow(0 6px 15px rgba(0,0,0,.15))}.palm{fill:#fbbf24;stroke:#f59e0b;stroke-width:2;transition:all .3s ease}.hand.active .palm{fill:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.4))}.finger{fill:#e2e8f0;stroke:#cbd5e0;stroke-width:2;transition:all .3s ease}.finger.highlighted.pinky{fill:#fbbf24;stroke:#f59e0b;stroke-width:3;filter:drop-shadow(0 0 8px rgba(251,191,36,.6));animation:fingerPulse .8s infinite}.finger.highlighted.ring{fill:#a78bfa;stroke:#8b5cf6;stroke-width:3;filter:drop-shadow(0 0 8px rgba(167,139,250,.6));animation:fingerPulse .8s infinite}.finger.highlighted.middle{fill:#60a5fa;stroke:#3b82f6;stroke-width:3;filter:drop-shadow(0 0 8px rgba(96,165,250,.6));animation:fingerPulse .8s infinite}.finger.highlighted.index{fill:#34d399;stroke:#10b981;stroke-width:3;filter:drop-shadow(0 0 8px rgba(52,211,153,.6));animation:fingerPulse .8s infinite}.finger.highlighted.thumb{fill:#f87171;stroke:#ef4444;stroke-width:3;filter:drop-shadow(0 0 8px rgba(248,113,113,.6));animation:fingerPulse .8s infinite}@keyframes fingerPulse{0%,to{opacity:1}50%{opacity:.7}}.hand-label{font-size:18px;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:1.5px;padding:8px 16px;background:#f7fafc;border-radius:8px;transition:all .3s ease}.hand.active .hand-label{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;font-weight:800}.finger-instruction{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-size:18px;font-weight:600;box-shadow:0 4px 15px #667eea4d;animation:slideInUp .5s ease-out}.finger-instruction i{font-size:24px;animation:bounce 1.5s infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hand-guide-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;border-top:2px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#4a5568;font-weight:500}.legend-dot{width:16px;height:16px;border-radius:50%;border:2px solid}.legend-dot.pinky{background:#fbbf24;border-color:#f59e0b}.legend-dot.ring{background:#a78bfa;border-color:#8b5cf6}.legend-dot.middle{background:#60a5fa;border-color:#3b82f6}.legend-dot.index{background:#34d399;border-color:#10b981}.legend-dot.thumb{background:#f87171;border-color:#ef4444}@media (max-width: 1024px){.hand-guide{gap:30px}.hand svg{width:180px;height:270px}.finger-instruction{font-size:16px;padding:16px 20px}.finger-instruction i{font-size:22px}}@media (max-width: 768px){.hand-guide-container{padding:20px 15px}.hand-guide{gap:20px}.hand svg{width:180px;height:270px}.hand-label{font-size:15px;padding:6px 14px;letter-spacing:1px}.finger-instruction{font-size:15px;padding:14px 18px;gap:10px}.finger-instruction i{font-size:20px}}@media (max-width: 480px){.hand-guide{flex-direction:column;gap:25px}.hand svg{width:160px;height:240px}.hand-label{font-size:14px;padding:6px 12px}.finger-instruction{font-size:14px;padding:12px 16px}.hand-guide-legend{gap:10px}.legend-item{font-size:12px}.legend-dot{width:14px;height:14px}}.category-tabs-vertical{display:flex;flex-direction:column;gap:8px;height:100%}.category-button-wrapper{position:relative;display:flex;align-items:center}.category-button{width:100%;height:64px;border:2px solid transparent;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #0000000f}.category-button i{font-size:24px;color:#64748b;transition:all .3s ease;flex-shrink:0}.category-button-label{font-size:14px;font-weight:600;color:#475569;white-space:nowrap;transition:all .3s ease}.category-button:hover{border-color:var(--category-color);transform:translate(3px);box-shadow:0 4px 12px #00000014;background:linear-gradient(135deg,#fff,#fffffff2)}.category-button:hover i{color:var(--category-color);transform:scale(1.1)}.category-button:hover .category-button-label{color:var(--category-color)}.category-button.active{background:linear-gradient(135deg,var(--category-color) 0%,var(--category-color) 100%);border-color:var(--category-color);box-shadow:0 4px 16px #0000001f;transform:translate(4px)}.category-button.active i{color:#fff;transform:scale(1.05)}.category-button.active .category-button-label{color:#fff}.category-arrow{position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:12px 0 12px 14px;border-color:transparent transparent transparent var(--category-color);z-index:10;animation:slideInLeft .3s ease-out;filter:drop-shadow(2px 0 3px rgba(0,0,0,.1))}.category-divider{height:1px;background:linear-gradient(90deg,transparent,#cbd5e0,transparent);margin:12px 4px;opacity:.6}.category-tabs-container{width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:20px;margin-bottom:24px;animation:fadeIn .6s ease-out}.category-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;max-width:100%}.category-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 16px;background:#f7fafc;border:3px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.category-tab:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--category-color, #667eea);transform:scaleX(0);transition:transform .3s ease}.category-tab:hover{background:#fff;border-color:var(--category-color, #667eea);transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.category-tab:hover:before{transform:scaleX(1)}.category-tab.active{background:#fff;border-color:var(--category-color, #667eea);box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.category-tab.active:before{transform:scaleX(1);height:6px}.category-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);transition:all .3s ease}.category-tab:hover .category-icon,.category-tab.active .category-icon{background:var(--category-color, #667eea);transform:scale(1.1)}.category-icon i{font-size:28px;color:var(--category-color, #667eea);transition:all .3s ease}.category-tab:hover .category-icon i,.category-tab.active .category-icon i{color:#fff}.category-label{font-size:15px;font-weight:600;color:#2d3748;text-align:center;transition:all .3s ease}.category-tab:hover .category-label,.category-tab.active .category-label{color:var(--category-color, #667eea)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px) translateY(-50%)}to{opacity:1;transform:translate(0) translateY(-50%)}}@media (max-width: 1024px){.category-tabs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.category-tab{padding:16px 12px;gap:8px}.category-icon{width:48px;height:48px}.category-icon i{font-size:24px}.category-label{font-size:14px}}@media (max-width: 768px){.category-tabs-container{padding:16px}.category-tabs{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.category-tab{padding:14px 10px;gap:6px}.category-icon{width:42px;height:42px}.category-icon i{font-size:20px}.category-label{font-size:13px}}@media (max-width: 480px){.category-tabs{grid-template-columns:1fr 1fr;gap:8px}.category-tab{padding:12px 8px}.category-icon{width:36px;height:36px}.category-icon i{font-size:18px}.category-label{font-size:12px}}.settings-panel-tabs{background:#fff;border-radius:12px;padding:0;box-shadow:0 4px 20px #0000001a;max-width:1000px;margin:0 auto;overflow:hidden}.settings-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;display:flex;align-items:center;gap:16px;border-bottom:3px solid rgba(255,255,255,.2)}.settings-header i{font-size:28px;opacity:.95}.settings-header h2{margin:0;font-size:26px;font-weight:600;letter-spacing:.3px}.settings-categories{display:flex;background:#f7fafc;border-bottom:2px solid #e2e8f0;padding:0 24px;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.settings-categories::-webkit-scrollbar{height:4px}.settings-categories::-webkit-scrollbar-track{background:#f7fafc}.settings-categories::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.category-tab{background:transparent;border:none;padding:16px 24px;cursor:pointer;font-size:15px;font-weight:500;color:#64748b;transition:all .3s ease;position:relative;white-space:nowrap;display:flex;align-items:center;gap:10px;border-bottom:3px solid transparent}.category-tab i{font-size:18px;opacity:.8}.category-tab:hover{color:#667eea;background:#667eea0d}.category-tab.active{color:#667eea;font-weight:600;border-bottom-color:#667eea;background:#fff}.category-tab.active i{opacity:1}.settings-content{padding:28px;background:#fff;min-height:320px}.settings-category-content{max-width:800px;margin:0 auto}.category-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.category-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 6px;display:flex;align-items:center;gap:10px}.category-header h3 i{color:#667eea;font-size:20px}.category-header p{font-size:13px;color:#64748b;margin:0;line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:10px}.form-label{font-size:13px;font-weight:600;color:#334155;display:flex;align-items:center;gap:8px}.form-label i{font-size:14px;color:#667eea}.form-value{margin-left:auto;font-size:12px;font-weight:700;color:#667eea;background:#667eea1a;padding:3px 10px;border-radius:12px}.form-select{width:100%;padding:10px 36px 10px 14px;font-size:14px;font-family:Bookerly,EB Garamond,Georgia,serif;color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23667eea' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:hover{border-color:#667eea;background-color:#fff}.form-select:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea14}.form-slider{width:100%;height:5px;border-radius:3px;background:linear-gradient(to right,#e2e8f0,#cbd5e0);outline:none;-webkit-appearance:none;cursor:pointer}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 1px 4px #667eea66;-webkit-transition:all .2s ease;transition:all .2s ease}.form-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #667eea80}.form-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 1px 4px #667eea66;-moz-transition:all .2s ease;transition:all .2s ease}.form-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #667eea80}.slider-labels{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8;font-weight:500;margin-top:4px}.button-group{display:flex;gap:8px;flex-wrap:wrap}.button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.toggle-btn{padding:9px 16px;font-size:13px;font-weight:500;color:#475569;background:#f8fafc;border:2px solid #e2e8f0;border-radius:7px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.toggle-btn:hover{border-color:#667eea;color:#667eea;background:#667eea0d}.toggle-btn.active{background:#667eea;color:#fff;border-color:#667eea;font-weight:600}.cursor-compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:28px}.cursor-compact-card{position:relative;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:10px;padding:16px 40px 16px 18px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#475569;text-align:left;min-height:56px}.cursor-compact-card i:first-child{font-size:20px;color:#667eea;flex-shrink:0;width:24px;text-align:center}.cursor-compact-card span{flex:1;line-height:1.4;font-weight:600}.cursor-compact-card .check-icon{position:absolute;top:8px;right:8px;font-size:16px;color:#10b981;opacity:0;transform:scale(0) rotate(-45deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.cursor-compact-card:hover{border-color:#667eea;background:linear-gradient(135deg,#fff,#f8fafc);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.cursor-compact-card.active{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#667eea;border-width:3px;color:#667eea;font-weight:600;box-shadow:0 4px 16px #667eea40;transform:translateY(-1px)}.cursor-compact-card.active i:first-child{color:#667eea;transform:scale(1.1)}.cursor-compact-card.active .check-icon{opacity:1;transform:scale(1) rotate(0)}.cursor-compact-card.active span{color:#667eea}.alignment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.alignment-btn{padding:12px 8px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:7px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.alignment-btn i{font-size:18px;color:#667eea}.alignment-btn span{font-size:11px;font-weight:600;color:#64748b}.alignment-btn:hover{border-color:#667eea;background:#fff}.alignment-btn.active{background:#667eea;border-color:#667eea}.alignment-btn.active i,.alignment-btn.active span{color:#fff}.margins-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.margin-control{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border-radius:7px;border:1px solid #e2e8f0}.margin-control label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#475569;min-width:60px}.margin-control label i{font-size:11px;color:#667eea}.margin-control input{width:50px;padding:5px 8px;border:1px solid #cbd5e0;border-radius:5px;font-size:13px;font-weight:600;text-align:center;color:#1e293b}.margin-control input:focus{outline:none;border-color:#667eea}.margin-control span{font-size:11px;color:#94a3b8;font-weight:500}.category-save-btn{margin-top:24px;padding:12px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s ease;box-shadow:0 2px 10px #667eea4d}.category-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #667eea66}.category-save-btn:active{transform:translateY(0)}.category-save-btn.saved{background:linear-gradient(135deg,#10b981,#059669)}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.save-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.save-button:active{transform:translateY(0)}.save-button i{font-size:16px}.save-feedback{display:flex;align-items:center;gap:8px;color:#10b981;font-weight:600;font-size:14px;opacity:0;animation:fadeInOut 2s ease}.save-feedback i{font-size:18px}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-10px)}10%,90%{opacity:1;transform:translate(0)}}.coming-soon-content{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:10px;border:2px dashed #cbd5e0}.coming-soon-content>i{font-size:48px;color:#667eea;opacity:.5;margin-bottom:16px;display:block}.coming-soon-content h4{font-size:18px;color:#1e293b;margin:0 0 10px;font-weight:600}.coming-soon-content p{font-size:13px;color:#64748b;margin:0 0 16px}.coming-soon-content ul{list-style:none;padding:0;margin:0;display:inline-block;text-align:left}.coming-soon-content ul li{font-size:13px;color:#475569;padding:6px 0;display:flex;align-items:center;gap:8px}.coming-soon-content ul li i{font-size:12px;color:#10b981}@media (max-width: 1024px){.cursor-compact-grid,.alignment-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.settings-header{padding:18px 24px}.settings-header h2{font-size:22px}.settings-categories{padding:0 12px;gap:4px}.category-tab{padding:12px 16px;font-size:13px}.category-tab i{font-size:16px}.settings-content{padding:20px}.category-header h3{font-size:18px}.cursor-compact-grid,.button-grid,.margins-grid{grid-template-columns:1fr}.category-save-btn{width:100%;justify-content:center}}@media (max-width: 480px){.settings-panel-tabs{border-radius:8px}.settings-header{padding:16px 20px}.settings-header h2{font-size:20px}.settings-header i{font-size:24px}.category-tab{padding:10px 14px;font-size:12px}.settings-content{padding:16px}.category-header{margin-bottom:20px}.category-header h3{font-size:16px}.category-header p{font-size:12px}.alignment-grid{grid-template-columns:1fr}}.category-tab:focus,.category-save-btn:focus,.toggle-btn:focus,.form-select:focus,.cursor-compact-card:focus,.alignment-btn:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}@media print{.settings-panel-tabs{box-shadow:none}.category-save-btn,.save-feedback{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body:has(.read-aloud-container),html:has(.read-aloud-container){overflow:hidden}.read-aloud-container{position:fixed!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;padding:0!important;background:#fff!important;z-index:9999!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;transform:none!important;inset:0!important}.read-aloud-content-wrapper{max-width:1200px;width:100%;margin:0 auto;padding:0;flex:1;display:flex;flex-direction:column}.read-aloud-header{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb;max-width:1200px;width:calc(100% - 48px);box-sizing:border-box;position:relative;z-index:1}.read-aloud-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.read-aloud-title i{font-size:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}.read-aloud-close{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;padding:4px 8px;transition:all .2s ease;border-radius:6px}.read-aloud-close:hover{background:#f1f5f9;color:#dc2626}.read-aloud-text-display{background:#fff;border:1px solid #e5e7eb;position:relative;border-radius:16px;padding:32px 28px;margin:0 24px 24px;max-height:500px;overflow-y:auto;width:calc(100% - 48px);box-sizing:border-box}.read-aloud-text-display-fullwidth{max-width:1200px;width:100%;margin:0 auto 24px;max-height:500px;padding:32px 24px;background:#fff;box-sizing:border-box;border:none;border-radius:0;position:relative;z-index:1}.read-aloud-text{font-family:Bookerly,EB Garamond,Georgia,serif!important;font-size:20px;line-height:2;color:#1e293b;margin:0!important;padding:0!important;width:100%;max-width:100%;word-wrap:break-word;font-weight:400;text-align:justify;text-indent:0!important}@media (max-width: 768px){.read-aloud-text{text-align:left!important;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}}@media (max-width: 440px){.read-aloud-text{text-align:left!important;word-spacing:normal;letter-spacing:normal}.read-aloud-title{font-size:14px;gap:8px}.read-aloud-title i{font-size:16px}}.read-aloud-text span{transition:none}.read-aloud-highlight{background:linear-gradient(120deg,#fef08a,#fde047);color:#1e3a8a!important;padding:0;margin:0;border-radius:2px;font-weight:400;box-shadow:0 1px 2px #eab30826}.read-aloud-text-display::-webkit-scrollbar{width:8px}.read-aloud-text-display::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.read-aloud-text-display::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.read-aloud-text-display::-webkit-scrollbar-thumb:hover{background:#94a3b8}.read-aloud-main-controls{display:flex;align-items:center;justify-content:space-between;margin:0 auto 24px;padding:20px;background:#f9fafb;border-radius:16px;border:1px solid #e5e7eb;position:relative;max-width:1200px;width:calc(100% - 48px);box-sizing:border-box;z-index:1}.read-aloud-controls-left{display:flex;align-items:center;flex:0 0 auto;min-width:60px}.read-aloud-controls-center{display:flex;align-items:center;justify-content:center;gap:20px;flex:1 1 auto}.read-aloud-controls-right{display:flex;align-items:center;flex:0 0 auto;min-width:60px}.read-aloud-back-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff!important;border:none!important;box-shadow:0 4px 12px #6366f14d}.read-aloud-back-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.read-aloud-control-btn{background:#fff;border:2px solid #e5e7eb;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:22px;color:#6366f1;pointer-events:auto;position:relative;box-shadow:0 2px 8px #00000014}.read-aloud-control-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0000001f;border-color:#6366f1;background:#f0f4ff}.read-aloud-control-btn:active:not(:disabled){transform:translateY(0) scale(.95)}.read-aloud-control-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.read-aloud-next-btn{border-color:#2563eb;color:#2563eb}.read-aloud-next-btn:hover:not(:disabled){border-color:#1d4ed8;background:#eef2ff}.read-aloud-play-btn{width:80px;height:80px;background:#6366f1;color:#fff;font-size:32px;border-color:#6366f1;box-shadow:0 4px 16px #6366f14d}.read-aloud-play-btn:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5;box-shadow:0 6px 20px #6366f166;transform:translateY(-3px) scale(1.05)}.read-aloud-repeat-btn{position:relative;border-color:#10b981;color:#10b981}.read-aloud-repeat-active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 4px 16px #10b9814d}.read-aloud-repeat-active:hover:not(:disabled){border-color:#10b981;box-shadow:0 6px 20px #10b98166;transform:translateY(-2px) scale(1.05)}.read-aloud-tooltip{visibility:hidden;width:160px;background-color:#101c26e6;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:100;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;pointer-events:none;font-size:12px;font-weight:400;box-shadow:0 4px 12px #0003;white-space:nowrap}.read-aloud-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(16,28,38,.9) transparent transparent transparent}.read-aloud-control-btn:hover .read-aloud-tooltip{visibility:visible;opacity:1}.read-aloud-translate-control{color:#3b82f6;border-color:#3b82f6;position:relative}.read-aloud-advanced-controls{background:#f9fafb;border-radius:16px;padding:24px;margin:0 24px 24px;border:1px solid #e5e7eb}.read-aloud-setting{margin-bottom:20px}.read-aloud-setting:last-child{margin-bottom:0}.read-aloud-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#334155;margin-bottom:10px}.read-aloud-label i{font-size:14px;color:#667eea}.read-aloud-select{width:100%;padding:10px 14px;font-size:14px;font-family:Bookerly,EB Garamond,Georgia,serif;color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.read-aloud-select:hover{border-color:#667eea}.read-aloud-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.read-aloud-slider{width:100%;height:8px;border-radius:10px;background:linear-gradient(to right,#8b5cf633,#8b5cf666,#8b5cf6);outline:none;-webkit-appearance:none;cursor:pointer;margin-bottom:10px;position:relative;overflow:visible}.read-aloud-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#ec4899);cursor:pointer;box-shadow:0 4px 12px #8b5cf666,0 0 0 3px #ffffffe6,0 0 0 5px #8b5cf633;-webkit-transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.read-aloud-slider::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 6px 20px #8b5cf699,0 0 0 3px #ffffffe6,0 0 0 8px #8b5cf64d}.read-aloud-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 8px #667eea66;-moz-transition:all .2s ease;transition:all .2s ease}.read-aloud-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 12px #667eea99}.read-aloud-slider-labels{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8;font-weight:500}.read-aloud-status{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#667eea1a;border-radius:8px;margin-top:16px;font-size:14px;font-weight:600;color:#667eea}.read-aloud-pulse{width:10px;height:10px;background:#667eea;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.read-aloud-warning,.read-aloud-info{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:10000!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#fffffffa!important;margin:0!important;padding:40px!important;box-sizing:border-box!important}.read-aloud-warning-content,.read-aloud-info-content{max-width:500px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:10px;padding:40px;text-align:center;box-shadow:0 20px 60px #0000001a}.read-aloud-warning i,.read-aloud-info i{font-size:40px;color:#f59e0b;margin-bottom:12px;display:block}.read-aloud-warning p,.read-aloud-info p{margin:8px 0;font-size:14px;color:#78350f;line-height:1.6}.read-aloud-hint{font-size:12px!important;color:#92400e!important;opacity:.8}.read-aloud-try-anyway{margin-top:16px;padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 10px #667eea4d}.read-aloud-try-anyway:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}@media (max-width: 768px){.read-aloud-container{padding:0;overflow-x:hidden}.read-aloud-header{padding:16px;max-width:100%}.read-aloud-text-display,.read-aloud-text-display-fullwidth{margin:0 auto 16px;padding:20px 16px;width:100%;max-width:100%;border-radius:0;box-sizing:border-box}.read-aloud-text{font-size:18px;line-height:1.8}.read-aloud-main-controls{margin:0 auto 16px;padding:16px;border-radius:0;flex-wrap:wrap;max-width:100%;width:100%}.read-aloud-controls-center{gap:12px;flex-wrap:wrap;width:100%;justify-content:center}.read-aloud-controls-left,.read-aloud-controls-right{min-width:48px}.read-aloud-control-btn{width:48px;height:48px;font-size:18px}.read-aloud-play-btn{width:64px;height:64px;font-size:24px}.read-aloud-advanced-controls,.read-aloud-extended-panel,.read-aloud-translate-panel,.read-aloud-multilang-panel{margin:0 0 16px;padding:16px;border-radius:0}.read-aloud-tooltip{display:none}}@media (max-width: 480px){.read-aloud-header{padding:12px}.read-aloud-title{font-size:16px;gap:8px}.read-aloud-text-display,.read-aloud-text-display-fullwidth{padding:16px 12px}.read-aloud-text{font-size:16px;line-height:1.6}.read-aloud-main-controls{padding:12px}.read-aloud-controls-center{gap:8px}.read-aloud-controls-left,.read-aloud-controls-right{min-width:40px}.read-aloud-control-btn{width:40px;height:40px;font-size:14px}.read-aloud-play-btn{width:56px;height:56px;font-size:20px}.read-aloud-advanced-controls,.read-aloud-extended-panel,.read-aloud-translate-panel,.read-aloud-multilang-panel{padding:12px}.read-aloud-button-group{flex-direction:column}.read-aloud-btn-option{width:100%}.read-aloud-theme-buttons{flex-direction:row;justify-content:space-between}.read-aloud-theme-btn{min-width:auto;flex:1;padding:8px;font-size:14px}}.read-aloud-extended-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px;margin:16px 24px 0}.read-aloud-panel-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.read-aloud-button-group{display:flex;gap:8px;flex-wrap:wrap}.read-aloud-btn-option{flex:1;padding:10px 16px;border:2px solid #cbd5e1;border-radius:6px;background:#fff;color:#475569;cursor:pointer;font-weight:500;transition:all .2s ease;min-width:80px}.read-aloud-btn-option:hover{background:#f1f5f9;border-color:#667eea}.read-aloud-btn-option-active{background:#667eea;border-color:#667eea;color:#fff}.read-aloud-toggle{position:relative;display:inline-block;width:50px;height:26px}.read-aloud-toggle input{opacity:0;width:0;height:0}.read-aloud-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:26px}.read-aloud-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.read-aloud-toggle input:checked+.read-aloud-toggle-slider{background-color:#667eea}.read-aloud-toggle input:checked+.read-aloud-toggle-slider:before{transform:translate(24px)}.read-aloud-hint{display:block;font-size:12px;font-weight:400;opacity:.7;margin-top:4px;font-style:italic}.read-aloud-theme-buttons{display:flex;gap:8px;flex-wrap:wrap}.read-aloud-theme-btn{flex:1;min-width:60px;padding:12px;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease}.read-aloud-theme-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.read-aloud-theme-btn-active{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.read-aloud-theme-btn-white{background:#fff;color:#000}.read-aloud-theme-btn-sepia{background:#f4ecd8;color:#5b4636}.read-aloud-theme-btn-light-gray{background:#d9d9d9;color:#000}.read-aloud-theme-btn-dark{background:#1e1e1e;color:#d4d4d4}.read-aloud-theme-btn-black{background:#000;color:#fff}.read-aloud-btn-active{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-color:#667eea!important;box-shadow:0 4px 15px #667eea66!important;transform:scale(1.05)}.read-aloud-theme-white{background:#fff!important;color:#1e293b}.read-aloud-theme-white .read-aloud-text-display,.read-aloud-theme-white .read-aloud-text-display-fullwidth{background:#fff;color:#1e293b}.read-aloud-theme-sepia{background:#f4ecd8!important;color:#5b4636}.read-aloud-theme-sepia .read-aloud-header{border-bottom-color:#d4c5a9}.read-aloud-theme-sepia .read-aloud-text-display,.read-aloud-theme-sepia .read-aloud-text-display-fullwidth{background:#faf6ed;border-color:#d4c5a9}.read-aloud-theme-sepia .read-aloud-text{color:#5b4636}.read-aloud-theme-sepia .read-aloud-main-controls{background:#f0e6d2;border-color:#d4c5a9}.read-aloud-theme-light-gray{background:#e5e7eb!important;color:#1f2937}.read-aloud-theme-light-gray .read-aloud-header{border-bottom-color:#9ca3af}.read-aloud-theme-light-gray .read-aloud-text-display,.read-aloud-theme-light-gray .read-aloud-text-display-fullwidth{background:#f3f4f6;border-color:#9ca3af}.read-aloud-theme-light-gray .read-aloud-text{color:#1f2937}.read-aloud-theme-light-gray .read-aloud-main-controls{background:#d1d5db;border-color:#9ca3af}.read-aloud-theme-dark{background:#1f2937!important;color:#f3f4f6;border-color:#374151}.read-aloud-theme-dark .read-aloud-header{border-bottom-color:#4b5563}.read-aloud-theme-dark .read-aloud-title{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.read-aloud-theme-dark .read-aloud-text-display,.read-aloud-theme-dark .read-aloud-text-display-fullwidth{background:#374151;border-color:#4b5563}.read-aloud-theme-dark .read-aloud-text{color:#f3f4f6}.read-aloud-theme-dark .read-aloud-highlight{background:#fbbf24;color:#000!important}.read-aloud-theme-dark .read-aloud-main-controls{background:#374151;border-color:#4b5563}.read-aloud-theme-dark .read-aloud-control-btn{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.read-aloud-theme-dark .read-aloud-control-btn:hover:not(:disabled){background:#6b7280;border-color:#9ca3af}.read-aloud-theme-black{background:#000!important;color:#fff;border-color:#27272a}.read-aloud-theme-black .read-aloud-header{border-bottom-color:#3f3f46}.read-aloud-theme-black .read-aloud-title{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.read-aloud-theme-black .read-aloud-text-display,.read-aloud-theme-black .read-aloud-text-display-fullwidth{background:#18181b;border-color:#3f3f46}.read-aloud-theme-black .read-aloud-text{color:#fff}.read-aloud-theme-black .read-aloud-highlight{background:#facc15;color:#000!important}.read-aloud-theme-black .read-aloud-main-controls{background:#18181b;border-color:#3f3f46}.read-aloud-theme-black .read-aloud-control-btn{background:#27272a;border-color:#3f3f46;color:#fff}.read-aloud-theme-black .read-aloud-control-btn:hover:not(:disabled){background:#3f3f46;border-color:#52525b}.read-aloud-text-small .read-aloud-text{font-size:16px}.read-aloud-text-medium .read-aloud-text{font-size:18px}.read-aloud-text-large .read-aloud-text{font-size:22px}.read-aloud-text-spacing .read-aloud-text{letter-spacing:.08em;word-spacing:.2em;line-height:2.2}.read-aloud-font-bookerly .read-aloud-text{font-family:Bookerly,EB Garamond,Georgia,serif!important}.read-aloud-font-calibri .read-aloud-text{font-family:Calibri,sans-serif!important}.read-aloud-font-sitka .read-aloud-text{font-family:Georgia,serif!important}.read-aloud-font-comic-sans .read-aloud-text{font-family:Comic Sans MS,cursive!important}.read-aloud-column-narrow{max-width:700px;margin-left:auto;margin-right:auto}.read-aloud-column-narrow .read-aloud-text{max-width:100%;margin:0}.read-aloud-column-medium{max-width:1000px;margin-left:auto;margin-right:auto}.read-aloud-column-medium .read-aloud-text,.read-aloud-column-wide,.read-aloud-column-wide .read-aloud-text{max-width:100%;margin:0}.read-aloud-translate-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px;margin:16px 24px 0;animation:slideDown .3s ease-out}.read-aloud-translate-panel .read-aloud-panel-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:#667eea}.read-aloud-translate-buttons{display:flex;flex-direction:column;gap:10px}.read-aloud-translate-btn{padding:14px 20px;border:2px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:500;text-align:left;width:100%;box-shadow:0 1px 3px #0000000d}.read-aloud-translate-btn:hover:not(:disabled){background:#f8fafc;border-color:#667eea;transform:translate(4px);box-shadow:0 2px 8px #667eea33}.read-aloud-translate-btn:disabled{opacity:.5;cursor:not-allowed}.read-aloud-translate-btn-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.read-aloud-translate-reset{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.read-aloud-translate-reset:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706;transform:translate(0);box-shadow:0 4px 12px #f59e0b66}.read-aloud-translate-progress{margin-top:16px;padding:20px;background:#ffffffe6;border-radius:8px;border:2px solid #667eea;text-align:center}.read-aloud-translate-spinner{font-size:32px;color:#667eea;margin-bottom:12px}.read-aloud-translate-status{font-size:14px;font-weight:500;color:#667eea;margin:0}.read-aloud-multilang-panel{background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border:2px solid #10b981;border-radius:12px;padding:24px;margin:16px 24px 0;animation:slideDown .3s ease-out;box-shadow:0 4px 15px #10b98126}.read-aloud-multilang-panel .read-aloud-panel-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.read-aloud-panel-description{font-size:14px;color:#475569;margin:0 0 20px;line-height:1.6;padding:12px;background:#fff9;border-radius:8px;border-left:3px solid #10b981}.read-aloud-multilang-buttons{display:flex;flex-direction:column;gap:12px}.read-aloud-multilang-combo-btn{padding:16px 20px;border:2px solid #cbd5e1;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:6px}.read-aloud-multilang-combo-btn:hover{background:#f0fdf4;border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 16px #10b98133}.read-aloud-multilang-combo-active{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff;box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.read-aloud-multilang-combo-label{font-size:18px;font-weight:700;letter-spacing:.5px}.read-aloud-multilang-combo-active .read-aloud-multilang-combo-label{color:#fff}.read-aloud-multilang-combo-name{font-size:14px;color:#64748b;font-weight:500}.read-aloud-multilang-combo-active .read-aloud-multilang-combo-name{color:#ffffffe6}.read-aloud-multilang-status{margin-top:20px;padding:16px;background:#fffc;border-radius:10px;border:2px solid #10b981;display:flex;flex-direction:column;gap:12px;align-items:center}.read-aloud-multilang-skip-btn{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #2563eb40}.read-aloud-multilang-skip-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb59}.read-aloud-multilang-stop-btn{padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #ef44444d}.read-aloud-multilang-stop-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.read-aloud-multilang-status-text{font-size:14px;font-weight:600;color:#059669;margin:0;display:flex;align-items:center;gap:8px}.read-aloud-multilang-btn{position:relative}.read-aloud-multilang-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.read-aloud-multilang-active:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#059669}.read-aloud-translated-preview{margin-top:16px;padding:16px;background:#fffc;border-radius:8px;border:1px solid #e2e8f0}.read-aloud-translated-label{font-size:12px;font-weight:600;color:#64748b;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.read-aloud-translated-text{font-size:14px;color:#334155;margin:0;line-height:1.6;font-style:italic}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.blind-typing-container{min-height:100vh;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);background-attachment:fixed;position:relative;overflow-x:hidden;transform:translateZ(0);will-change:contents}.blind-typing-container:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.blind-typing-header{position:relative;z-index:10;padding:1rem 2rem .5rem;text-align:center;animation:slideDown .8s cubic-bezier(.4,0,.2,1);display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.back-button{position:absolute;left:2rem;top:2rem;display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-family:Bookerly,EB Garamond,serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.back-button:hover{background:#ffffff40;border-color:#fff6;transform:translate(-4px);box-shadow:0 6px 20px #00000026}.back-button:active{transform:translate(-2px) scale(.98)}.back-button i{font-size:1rem;transition:transform .3s ease}.back-button:hover i{transform:translate(-3px)}.blind-typing-title{display:inline-flex;align-items:center;gap:1.2rem;font-family:Bookerly,EB Garamond,serif;font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#fff,#fbbf24,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2),0 4px 20px rgba(0,0,0,.1);letter-spacing:-.02em}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.blind-typing-title i{font-size:2rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(251,191,36,.3));animation:pulseIcon 2s ease-in-out infinite}@keyframes pulseIcon{0%,to{opacity:1}50%{opacity:.8}}.blind-typing-main{position:relative;z-index:5;padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .8s ease-out .3s backwards;transform:translateZ(0);backface-visibility:hidden}.typing-layout-container{display:flex;gap:0;width:100%;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff1a inset;overflow:hidden;animation:scaleIn .6s cubic-bezier(.4,0,.2,1) .4s backwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.category-sidebar{width:260px;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border-right:1px solid #e2e8f0;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.category-tab{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;background:#fff;border:2px solid transparent;border-radius:12px;font-family:Bookerly,EB Garamond,serif;font-size:.95rem;font-weight:600;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease}.category-tab:hover{transform:translate(4px);border-color:#e2e8f0;box-shadow:0 4px 12px #00000014}.category-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 6px 20px #6366f14d,0 2px 8px #8b5cf633;transform:translate(4px)}.category-tab.active:before{opacity:.1}.category-tab i{font-size:1.25rem;width:1.5rem;text-align:center;transition:transform .3s ease}.category-tab:hover i{transform:rotate(5deg) scale(1.1)}.category-tab.active i{transform:rotate(5deg) scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.category-tab span{flex:1;text-align:left}.main-content-area{flex:1;padding:2rem;background:#fff;min-height:600px;display:flex;flex-direction:column;position:relative}.main-content-area>*{animation:contentFadeIn .5s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.lesson-info{padding:0;margin-bottom:2rem;animation:slideInRight .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.lesson-title{font-family:Bookerly,EB Garamond,serif;font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.2)}.lesson-description{font-family:Bookerly,EB Garamond,serif;font-size:1rem;color:#ffffffe6;margin:0;line-height:1.6}.blind-typing-content{width:100%;max-width:1200px;margin:0 auto;padding:0;animation:contentSlideUp .8s cubic-bezier(.4,0,.2,1);position:relative}.blind-typing-content .read-aloud-container{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;background:#fff!important;z-index:9999!important;transform:none!important}@keyframes contentSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats-panel{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014,0 0 0 1px #0000000a;margin-bottom:2rem}.stats-container{display:flex;justify-content:space-around;gap:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;min-width:120px;transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-label{font-family:Bookerly,EB Garamond,serif;font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-family:Bookerly,EB Garamond,serif;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-icon{font-size:1.25rem;color:#8b5cf6;opacity:.8}.typing-area{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #0000001a,0 0 0 1px #0000000d;margin-bottom:2rem;position:relative;overflow:hidden}.typing-area:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.typing-text{font-family:Bookerly,EB Garamond,serif;font-size:1.5rem;line-height:2;letter-spacing:.05em;color:#334155;margin-bottom:1.5rem;min-height:100px;position:relative;padding:1rem;background:#fafafa;border-radius:8px}.typing-input{width:100%;font-family:Bookerly,EB Garamond,serif;font-size:1.3rem;line-height:1.8;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;resize:vertical;min-height:80px;transition:all .3s ease}.typing-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a,0 4px 12px #8b5cf61a}.typing-input.wrong-key{animation:shake .3s ease-in-out;border-color:#ef4444;background:#fef2f2}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.char{position:relative;display:inline-block;transition:all .2s ease}.char.current{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:2px 4px;border-radius:4px;animation:pulse 1s ease-in-out infinite;box-shadow:0 2px 8px #fbbf2466}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.char.correct{color:#10b981;font-weight:600}.char.incorrect{color:#ef4444;background:#fef2f2;padding:2px 4px;border-radius:4px;-webkit-text-decoration:underline wavy #ef4444;text-decoration:underline wavy #ef4444}.keyboard-with-hands{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;box-shadow:inset 0 2px 8px #0000000d,0 4px 20px #00000014}.keyboard-main{flex:0 1 auto;max-width:900px}.hand-guide-left,.hand-guide-right{flex:0 0 120px;opacity:.9;transition:transform .3s ease}.hand-guide-left:hover,.hand-guide-right:hover{transform:scale(1.05)}.keyboard{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 8px 32px #0000001a,0 0 0 1px #0000000d}.keyboard-row{display:flex;justify-content:center;gap:.4rem;margin-bottom:.4rem}.keyboard-key{min-width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:8px;font-family:Bookerly,EB Garamond,serif;font-size:1rem;font-weight:600;color:#475569;cursor:default;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d,inset 0 -2px #0000001a}.keyboard-key:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a,inset 0 -2px #00000026}.keyboard-key.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#8b5cf6;transform:translateY(1px);box-shadow:0 0 20px #8b5cf666,inset 0 2px #fff3}.keyboard-key.wrong{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626;animation:keyShake .3s ease}@keyframes keyShake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.keyboard-key.space{min-width:15rem}.keyboard-key.tab,.keyboard-key.capslock,.keyboard-key.shift,.keyboard-key.enter,.keyboard-key.backspace{min-width:5rem;font-size:.85rem}.completion-panel{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.completion-content{background:#fff;border-radius:24px;padding:3rem;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.completion-icon{font-size:4rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;animation:trophy 1s ease-in-out infinite}@keyframes trophy{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.05)}}.completion-content h3{font-family:Bookerly,EB Garamond,serif;font-size:2rem;font-weight:700;color:#1e293b;margin:1rem 0}.completion-stats{display:flex;justify-content:space-around;margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px}.completion-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-restart,.btn-next{padding:.875rem 2rem;border:none;border-radius:12px;font-family:Bookerly,EB Garamond,serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem}.btn-restart{background:#f1f5f9;color:#475569}.btn-restart:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-next{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d;position:relative}.btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.key-hint{display:inline-block;padding:.25rem .5rem;background:#fff3;border-radius:6px;font-size:.75rem;margin-left:.5rem}.start-hint{text-align:center;padding:2rem;color:#64748b;font-family:Bookerly,EB Garamond,serif;font-size:1.1rem;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.start-hint i{font-size:1.5rem;color:#8b5cf6;margin-right:.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem}.lesson-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lesson-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.lesson-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#8b5cf6}.lesson-card:hover:before{transform:scaleX(1)}.lesson-card.completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.lesson-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.lesson-number{width:2rem;height:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.lesson-card.completed .lesson-number{background:linear-gradient(135deg,#10b981,#059669)}.lesson-card-title{font-family:Bookerly,EB Garamond,serif;font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.lesson-card-description{font-family:Bookerly,EB Garamond,serif;font-size:.9rem;color:#64748b;line-height:1.5;margin:0 0 1rem}.lesson-card-keys{display:flex;gap:.25rem;flex-wrap:wrap}.lesson-key{padding:.25rem .5rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-family:monospace;font-size:.85rem;color:#475569}.custom-text-container{max-width:1000px;margin:0 auto;padding:1rem}.custom-text-header{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border-radius:20px;padding:2rem;margin-bottom:2rem;text-align:center;box-shadow:0 10px 40px #6366f14d;position:relative;overflow:hidden}.custom-text-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none}.custom-text-header i{font-size:3rem;color:#fff;margin-bottom:1rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.custom-text-title{font-family:Bookerly,EB Garamond,serif;font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .75rem;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.02em}.custom-text-subtitle{font-family:Bookerly,EB Garamond,serif;font-size:1.25rem;color:#ffffffe6;line-height:1.6;max-width:600px;margin:0 auto}.custom-textarea-wrapper{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 20px 60px #0000001a,0 0 0 1px #0000000d;margin-bottom:2rem;position:relative}.custom-textarea-wrapper:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border-radius:20px;opacity:0;z-index:-1;transition:opacity .3s ease}.custom-textarea-wrapper:focus-within:before{opacity:.3}.custom-textarea{width:100%;min-height:400px;padding:2rem;font-family:Bookerly,EB Garamond,serif;font-size:1.3rem;line-height:1.8;border:3px solid transparent;border-radius:16px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#e2e8f0,#f1f5f9) border-box;resize:vertical;transition:all .3s ease;color:#1e293b}.custom-textarea::-moz-placeholder{color:#94a3b8;font-style:italic}.custom-textarea::placeholder{color:#94a3b8;font-style:italic}.custom-textarea:focus{outline:none;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#6366f1,#8b5cf6) border-box;box-shadow:0 0 0 5px #8b5cf61a,0 10px 40px #8b5cf626;transform:scale(1.01)}.custom-text-stats{display:flex;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin-top:-1rem;margin-bottom:2rem}.custom-stat{display:flex;align-items:center;gap:.5rem;font-family:Bookerly,EB Garamond,serif}.custom-stat-icon{font-size:1.25rem;color:#8b5cf6}.custom-stat-label{font-size:.9rem;color:#64748b;font-weight:600}.custom-stat-value{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.custom-text-actions{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.btn-start-custom{padding:1.25rem 3rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:16px;font-family:Bookerly,EB Garamond,serif;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #6366f166;display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden}.btn-start-custom:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-start-custom:hover:before{width:400px;height:400px}.btn-start-custom:hover{transform:translateY(-3px);box-shadow:0 12px 32px #6366f180}.btn-start-custom:active{transform:translateY(-1px)}.btn-start-custom:disabled{opacity:.5;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#94a3b8,#64748b)}.btn-start-custom i{font-size:1.25rem}.btn-clear-custom{padding:1.25rem 2rem;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:16px;font-family:Bookerly,EB Garamond,serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-clear-custom:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stories-container{padding:2rem}.stories-header{text-align:center;margin-bottom:2rem}.stories-title{font-family:Bookerly,EB Garamond,serif;font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.story-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease;pointer-events:none}.story-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#8b5cf6}.story-card:hover:after{opacity:.05}.story-title{font-family:Bookerly,EB Garamond,serif;font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.story-meta{display:flex;gap:1rem;margin:1rem 0;font-size:.9rem;color:#64748b}.story-meta-item{display:flex;align-items:center;gap:.25rem}.story-meta-item i{color:#8b5cf6;font-size:.8rem}.story-description{font-family:Bookerly,EB Garamond,serif;font-size:.95rem;color:#475569;line-height:1.6}.settings-panel{max-width:800px;margin:0 auto;padding:2rem}.settings-header{text-align:center;margin-bottom:2rem}.settings-title{font-family:Bookerly,EB Garamond,serif;font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.settings-group{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.settings-group-title{font-family:Bookerly,EB Garamond,serif;font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #f8fafc}.setting-item:last-child{border-bottom:none}.setting-label{font-family:Bookerly,EB Garamond,serif;font-size:.95rem;color:#475569;font-weight:500}.setting-control{display:flex;align-items:center;gap:1rem}.setting-slider{width:200px;height:6px;background:#e2e8f0;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #6366f14d;-webkit-transition:all .2s ease;transition:all .2s ease}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #6366f166}.setting-value{min-width:3rem;text-align:center;font-family:Bookerly,EB Garamond,serif;font-size:.9rem;font-weight:600;color:#1e293b;background:#f8fafc;padding:.25rem .5rem;border-radius:6px}@media (max-width: 1200px){.typing-layout-container{flex-direction:column}.category-sidebar{width:100%;flex-direction:row;padding:1rem;overflow-x:auto;border-right:none;border-bottom:1px solid #e2e8f0}.category-tab{min-width:150px}}@media (max-width: 768px){.blind-typing-header{padding:1rem}.back-button{position:static;margin-bottom:1rem}.blind-typing-title{font-size:1.75rem}.keyboard-with-hands{flex-direction:column;gap:1rem}.hand-guide-left,.hand-guide-right{display:none}.keyboard-key{min-width:2rem;height:2rem;font-size:.85rem}.keyboard-key.space{min-width:8rem}.stats-container{flex-direction:column;gap:1rem}.stat-item{flex-direction:row;justify-content:space-between;width:100%}}@media (max-width: 480px){.blind-typing-main{padding:1rem}.typing-text{font-size:1.1rem}.typing-input{font-size:1rem}.lesson-grid,.stories-grid{grid-template-columns:1fr}.completion-content{padding:2rem 1.5rem}.completion-actions{flex-direction:column;width:100%}.btn-restart,.btn-next{width:100%;justify-content:center}}@media (prefers-contrast: high){.category-tab,.lesson-card,.story-card,.keyboard-key{border-width:3px}.typing-input:focus{box-shadow:0 0 0 4px #8b5cf680}}@media print{.blind-typing-container{background:#fff}.back-button,.keyboard-with-hands,.completion-panel{display:none}.typing-area{box-shadow:none;border:1px solid #000}}.collapsible-sidebar{position:fixed;left:0;top:0;height:100vh;background:#1e293b;box-shadow:4px 0 20px #00000026;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden}.collapsible-sidebar.collapsed{width:70px}.collapsible-sidebar.expanded{width:280px}.sidebar-header{padding:20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.15)}.sidebar-logo{display:flex;align-items:center;gap:12px;color:#f59e0b;font-size:24px;font-weight:700;white-space:nowrap}.sidebar-logo i{font-size:28px;min-width:28px}.logo-text{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-menu{flex:1;padding:20px 0;overflow-y:auto;overflow-x:hidden}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:#0000001a}.sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.menu-section{margin-bottom:10px}.menu-divider{height:1px;background:#ffffff26;margin:15px 20px}.sidebar-item{display:flex;align-items:center;gap:15px;padding:14px 20px;color:#e2e8f0;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.sidebar-item:hover{background:#f59e0b26;color:#fbbf24}.sidebar-item.active{background:#334155;color:#fff;border-left:4px solid #f59e0b;font-weight:600}.sidebar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.item-icon{display:flex;align-items:center;justify-content:center;min-width:24px;width:24px;height:24px;font-size:18px;position:relative;color:inherit}.sidebar-item .item-icon i{color:inherit;opacity:.9}.sidebar-item.active .item-icon i{opacity:1;color:#f59e0b}.item-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center}.item-label{font-size:14px;font-weight:500;letter-spacing:.3px;animation:slideIn .3s ease;color:inherit}.sidebar-item.active .item-label{font-weight:600;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-footer{padding:15px;border-top:1px solid rgba(255,255,255,.15)}.add-item{border:2px dashed rgba(255,255,255,.3);border-radius:8px;padding:12px!important;margin:0!important;justify-content:center;transition:all .3s ease;color:#cbd5e1}.add-item:hover{border-color:#f59e0b;background:#f59e0b26;color:#fbbf24}.collapsible-sidebar.collapsed .sidebar-item{position:relative}.collapsible-sidebar.collapsed .sidebar-item:hover:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:10px;background:#1e293b;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;box-shadow:0 4px 12px #0003;z-index:1001;pointer-events:none;animation:tooltipFade .2s ease}@keyframes tooltipFade{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.collapsible-sidebar.dark-theme{background:#0f172a}.collapsible-sidebar.light-theme{background:#fff;box-shadow:4px 0 20px #00000014}.collapsible-sidebar.light-theme .sidebar-item{color:#64748b}.collapsible-sidebar.light-theme .sidebar-item:hover{background:#f59e0b14;color:#ea580c}.collapsible-sidebar.light-theme .sidebar-item.active{color:#f59e0b;background:#f59e0b1a}.collapsible-sidebar.light-theme .menu-divider{background:#00000014}.collapsible-sidebar.light-theme .add-item{border-color:#00000026}@media (max-width: 768px){.collapsible-sidebar{position:fixed;transform:translate(-100%);transition:transform .3s ease;width:280px!important}.collapsible-sidebar.mobile-open{transform:translate(0)}.collapsible-sidebar.collapsed,.collapsible-sidebar.expanded{width:280px}}.sidebar-item,.add-item{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-item:active{transform:scale(.98)}.collapsible-sidebar::-webkit-scrollbar{display:none}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.item-badge{animation:pulse 2s infinite}:root{--premium-primary: #0f172a;--premium-secondary: #1e293b;--premium-accent: #f59e0b;--premium-accent-light: #fbbf24;--premium-success: #10b981;--premium-danger: #ef4444;--premium-info: #0ea5e9;--premium-dark: #020617;--premium-light: #f8fafc;--premium-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);--premium-gold-gradient: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--premium-glass: rgba(255, 255, 255, .05);--premium-glass-border: rgba(255, 255, 255, .1)}.premium-typing-container{position:relative;background:linear-gradient(135deg,#f0f9ff,#e0e7ff 25%,#fce7f3 75%,#fff7ed);min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;padding-left:70px;transition:padding-left .3s cubic-bezier(.4,0,.2,1)}.dark .premium-typing-container{background:linear-gradient(135deg,#0f172a,#1e1b4b 25%,#312e81 75%,#1e293b)}.premium-typing-container.sidebar-expanded{padding-left:280px}@supports selector(:has(*)){.premium-typing-container:has(.collapsible-sidebar.expanded){padding-left:280px}}.premium-typing-container:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(245,158,11,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(14,165,233,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(30,41,59,.3) 0%,transparent 70%);pointer-events:none;animation:backgroundShift 20s ease-in-out infinite;z-index:0}@keyframes backgroundShift{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.premium-header-full{background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(245,158,11,.2);box-shadow:0 4px 20px #00000080,0 1px #f59e0b1a inset;padding:0;width:100%;position:relative;z-index:100}.premium-header-content{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;max-width:1920px;margin:0 auto;width:100%;position:relative}.premium-logo-section{display:flex;align-items:center;background:linear-gradient(135deg,rgba(245,158,11,.1),transparent);padding:12px 24px;border-radius:100px;border:1px solid rgba(245,158,11,.2);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.premium-logo-section:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(245,158,11,.2),transparent);transition:all .5s ease;transform:translate(-50%,-50%)}.premium-logo-section:hover:before{width:200%;height:200%}.premium-logo-section:hover{transform:translate(5px);background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);box-shadow:0 0 30px #f59e0b33}.premium-logo{height:45px;width:auto;filter:brightness(1.1) drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.premium-logo-section:hover .premium-logo{transform:scale(1.08) rotate(-2deg)}.premium-title{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:32px;font-weight:300;letter-spacing:3px;text-transform:uppercase;background:var(--premium-gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:15px;font-family:Bookerly,EB Garamond,Georgia,serif}.premium-icon{font-size:28px;color:var(--premium-accent);animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(245,158,11,.5))}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.premium-back-button{position:absolute;left:50%;transform:translate(-50%);top:80px;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(245,158,11,.3);color:var(--premium-accent);padding:10px 24px;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #0000004d}.premium-back-button:hover{background:#f59e0b1a;border-color:var(--premium-accent);transform:translate(-50%) translateY(-2px);box-shadow:0 8px 25px #f59e0b33}.premium-controls{display:flex;gap:15px;align-items:center}.premium-control-btn{width:48px;height:48px;border-radius:12px;background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(245,158,11,.2);color:var(--premium-accent-light);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.premium-control-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,var(--premium-accent),transparent);opacity:.3;transition:all .4s ease;transform:translate(-50%,-50%)}.premium-control-btn:hover:after{width:100%;height:100%}.premium-control-btn:hover{background:#f59e0b1a;border-color:var(--premium-accent);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #f59e0b33}.premium-typing-container .blind-typing-main{flex:1;padding:40px;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:1;background:#f8f9fa}.premium-typing-container .typing-layout-container{background:#fff;border-radius:24px;box-shadow:0 10px 40px #0000001a;padding:40px;max-width:1600px;width:100%;min-height:700px}.premium-typing-container .category-sidebar{background:#1e293b;border-radius:20px;padding:24px;box-shadow:0 10px 40px #00000026}.premium-typing-container .category-tab{background:#1e293b80;border:1px solid transparent;color:#cbd5e1;padding:14px 20px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;margin-bottom:8px;cursor:pointer;position:relative;overflow:hidden}.premium-typing-container .category-tab:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--premium-accent);transform:scaleY(0);transition:transform .3s ease}.premium-typing-container .category-tab:hover{background:#f59e0b0d;border-color:#f59e0b33;color:var(--premium-accent-light);transform:translate(4px)}.premium-typing-container .category-tab:hover:before{transform:scaleY(1)}.premium-typing-container .category-tab.active{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:var(--premium-accent);color:var(--premium-accent-light);font-weight:600;box-shadow:0 4px 20px #f59e0b26}.premium-typing-container .category-tab.custom-text-tab.active{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);border-color:#a855f7;color:#fff;box-shadow:0 4px 20px #a855f74d}.premium-typing-container .category-tab.active:before{transform:scaleY(1)}.premium-typing-container .lesson-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;color:#334155;box-shadow:0 2px 8px #0000000a}.premium-typing-container .lesson-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(245,158,11,.05),transparent);transform:rotate(45deg);transition:all .5s ease;opacity:0}.premium-typing-container .lesson-card:hover:before{animation:shimmer .5s ease;opacity:1}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.premium-typing-container .lesson-card:hover{background:#f59e0b0d;border-color:var(--premium-accent);transform:translateY(-5px);box-shadow:0 20px 40px #f59e0b33,0 10px 20px #0000004d}.premium-typing-container .stats-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;margin-top:20px;box-shadow:0 4px 12px #0000000d}.premium-typing-container .stat-box{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.premium-typing-container .stat-box:hover{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);transform:translateY(-3px);box-shadow:0 8px 20px #f59e0b26}.premium-typing-container .stat-label{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.premium-typing-container .stat-value{color:var(--premium-accent);font-size:28px;font-weight:700;text-shadow:0 0 20px rgba(245,158,11,.3)}.premium-typing-container .typing-area-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px;margin:20px 0;box-shadow:0 4px 12px #0000000d}.premium-typing-container .lesson-text{font-size:24px;line-height:1.8;color:#334155;font-family:Bookerly,Georgia,serif;letter-spacing:.5px}.premium-typing-container .current-char{background:var(--premium-accent);color:var(--premium-dark);padding:2px 4px;border-radius:4px;animation:cursorBlink 1s ease-in-out infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:.3}}.premium-typing-container .correct{color:var(--premium-success);text-shadow:0 0 10px rgba(16,185,129,.3)}.premium-typing-container .incorrect{color:var(--premium-danger);background:#ef44441a;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-shadow:0 0 10px rgba(239,68,68,.3)}.premium-typing-container .typing-input{width:100%;padding:16px 24px;background:#1e293b66;border:2px solid rgba(245,158,11,.2);border-radius:12px;color:var(--premium-light);font-size:18px;font-family:Bookerly,Georgia,serif;transition:all .3s ease;margin-top:20px}.premium-typing-container .typing-input:focus{outline:none;border-color:var(--premium-accent);background:#1e293b99;box-shadow:0 0 0 4px #f59e0b1a,0 0 30px #f59e0b33}.premium-typing-container .keyboard-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:24px;margin-top:20px;box-shadow:0 4px 12px #0000000d}.premium-typing-container .key{background:#fff;border:1px solid #cbd5e1;color:#475569;border-radius:8px;box-shadow:0 2px 4px #0000000f;font-weight:600;transition:all .2s ease}.premium-typing-container .key:hover{background:#f59e0b1a;border-color:#f59e0b4d;transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b33,inset 0 1px #ffffff1a}.premium-typing-container .key.active{background:var(--premium-gold-gradient);color:var(--premium-dark);border-color:var(--premium-accent);transform:scale(.95);box-shadow:0 0 20px #f59e0b66,inset 0 2px 4px #0003}.progress-dashboard{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px;margin:40px auto;max-width:1400px;box-shadow:0 10px 30px #00000014;animation:slideIn .5s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px}.progress-stat{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.2);border-radius:16px;padding:24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-stat:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(245,158,11,.1),transparent);transition:left .6s ease}.progress-stat:hover:before{left:100%}.progress-stat:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #f59e0b33,0 10px 20px #0000004d;border-color:var(--premium-accent)}.progress-stat i{font-size:36px;color:var(--premium-accent);margin-bottom:12px;display:block;filter:drop-shadow(0 0 10px rgba(245,158,11,.3))}.stat-value{font-size:32px;font-weight:700;color:var(--premium-accent-light);display:block;margin:8px 0;text-shadow:0 0 20px rgba(245,158,11,.3)}.stat-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:2px;font-weight:500}.achievements-section{margin-top:40px}.achievements-section h3{color:var(--premium-accent-light);font-size:24px;margin-bottom:24px;text-align:center;text-transform:uppercase;letter-spacing:3px;font-weight:300}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.achievement-badge{background:#1e293b66;border:1px solid rgba(245,158,11,.1);border-radius:16px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.achievement-badge.unlocked{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-color:var(--premium-accent);box-shadow:0 10px 30px #f59e0b33,inset 0 1px #ffffff1a}.achievement-badge.unlocked:before{content:"✓";position:absolute;top:8px;right:8px;color:var(--premium-success);font-size:16px;font-weight:700}.achievement-badge.locked{opacity:.5;filter:grayscale(1)}.achievement-badge:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #f59e0b40}.achievement-badge i{font-size:40px;color:var(--premium-accent);display:block;margin-bottom:12px;filter:drop-shadow(0 0 10px rgba(245,158,11,.3))}.achievement-badge span{font-size:12px;font-weight:600;color:#e2e8f0;text-transform:uppercase;letter-spacing:1px}.achievement-notification{position:fixed;top:100px;right:40px;background:linear-gradient(135deg,var(--premium-accent),var(--premium-accent-light));color:var(--premium-dark);padding:20px 30px;border-radius:16px;box-shadow:0 20px 60px #f59e0b66,0 10px 30px #0000004d;display:flex;align-items:center;gap:16px;font-weight:600;z-index:10000;animation:slideInRight .5s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.achievement-notification i{font-size:28px;color:var(--premium-dark)}.premium-typing-container .completion-panel{background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--premium-accent);border-radius:24px;padding:40px;box-shadow:0 30px 80px #f59e0b4d,0 20px 40px #0006,inset 0 1px #ffffff1a;animation:scaleIn .5s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.premium-typing-container .completion-icon{color:var(--premium-accent);font-size:64px;animation:trophy 1s ease-in-out infinite}@keyframes trophy{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.1) rotate(-5deg)}}.premium-typing-container button{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.3);color:var(--premium-accent-light);padding:12px 28px;border-radius:12px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003}.premium-typing-container button:hover{background:var(--premium-gold-gradient);color:var(--premium-dark);transform:translateY(-2px);box-shadow:0 8px 30px #f59e0b4d,0 4px 15px #0000004d}.premium-typing-container button:active{transform:translateY(0)}.premium-typing-container .btn-primary{background:var(--premium-gold-gradient);color:var(--premium-dark);border:none}.premium-typing-container .btn-primary:hover{background:linear-gradient(135deg,var(--premium-accent-light),var(--premium-accent));box-shadow:0 10px 40px #f59e0b66,0 5px 20px #0000004d}body.premium-dark-mode .premium-typing-container{background:linear-gradient(135deg,#000,#0a0a0a,#141414)}body.premium-dark-mode .premium-header-full{background:#000000f2}body.premium-dark-mode .premium-typing-container .typing-layout-container{background:#000000b3}@media (max-width: 1024px){.premium-header-content{padding:15px 20px}.premium-title{font-size:24px;letter-spacing:2px}.progress-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.premium-header-content{flex-direction:column;gap:20px;padding:20px}.premium-title,.premium-back-button{position:static;transform:none}.premium-controls{justify-content:center}.premium-typing-container .typing-layout-container{padding:20px}.progress-dashboard{padding:24px;margin:20px}.achievements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.premium-title{font-size:20px;letter-spacing:1px}.premium-logo{height:35px}.progress-stats{grid-template-columns:1fr;gap:16px}.premium-typing-container .lesson-text{font-size:18px}.premium-typing-container .keyboard-container{padding:12px}.premium-typing-container .key{font-size:12px;padding:8px}}@media print{.premium-header-full,.premium-controls,.premium-back-button{display:none}.premium-typing-container{background:#fff;color:#000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.premium-typing-container{background:#000}.premium-typing-container button{border-width:2px}.premium-accent{color:#fd0}}.premium-typing-container .custom-text-card{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);border-radius:24px;padding:35px 40px;color:#fff;box-shadow:0 20px 40px #8b5cf640,0 10px 20px #ec489926;position:relative;overflow:hidden;margin-bottom:30px}.premium-typing-container .custom-text-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:floatGradient 15s ease-in-out infinite}@keyframes floatGradient{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.premium-typing-container .custom-text-card h3{font-size:36px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:16px;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.premium-typing-container .custom-text-card .custom-text-icon{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 12px #0000001a}.premium-typing-container .custom-text-card p{font-size:18px;opacity:.95;line-height:1.6;position:relative;z-index:1;margin:0}.premium-typing-container .custom-textarea{background:#fffffffa;border:2px solid #e0e7ff;border-radius:16px;padding:24px;margin-top:30px;min-height:250px;font-size:16px;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.7;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000000a}.premium-typing-container .custom-textarea:focus{outline:none;border-color:#a855f7;background:#fff;box-shadow:0 0 0 4px #a855f71a,0 10px 20px #00000014}.premium-typing-container .custom-textarea::-moz-placeholder{color:#94a3b8;font-style:italic;font-size:15px}.premium-typing-container .custom-textarea::placeholder{color:#94a3b8;font-style:italic;font-size:15px}.language-selection-section{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:60px 20px}.selection-card{background:#fff;border-radius:20px;padding:50px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000001a}.page-title{font-size:32px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:15px}.page-subtitle{font-size:18px;color:#7f8c8d;text-align:center;margin-bottom:40px}.form-group{margin-bottom:30px}.form-label{display:block;font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:12px}.form-select{width:100%;padding:15px 50px 15px 20px;font-size:16px;border:2px solid #e1e8ed;border-radius:12px;background:#fff;color:#2c3e50;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:12px;cursor:pointer}.form-select:hover{border-color:#52a5e0}.form-select:focus{outline:none;border-color:#52a5e0;box-shadow:0 0 0 3px #52a5e01a}.error-message{background:linear-gradient(135deg,#ff5252,#f44336);color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:20px;font-size:15px;font-weight:600;text-align:center;box-shadow:0 4px 15px #ff52524d}.button-group{display:flex;flex-direction:column;gap:15px;margin-top:40px}.btn{padding:18px 30px;font-size:18px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;display:block}.btn-primary{background:linear-gradient(135deg,#52a5e0,#4293ce);color:#fff;box-shadow:0 10px 30px #52a5e04d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #52a5e066}.btn-secondary{background:transparent;color:#7f8c8d;border:2px solid #e1e8ed}.btn-secondary:hover{background:#f8f9fa;color:#2c3e50;border-color:#d1d8dd}.btn-secondary:active{transform:scale(.98)}@media (max-width: 768px){.selection-card{padding:30px 20px}.page-title{font-size:24px}.page-subtitle{font-size:16px}.form-select{font-size:14px;padding:12px 45px 12px 15px}.btn{font-size:16px;padding:15px 25px}.form-label{font-size:16px}}@media (max-width: 480px){.language-selection-section{padding:40px 15px}.selection-card{padding:25px 15px}.page-title{font-size:22px}.page-subtitle{font-size:14px;margin-bottom:30px}}.category-selection-section{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#12b0e8,#0ea5e9,#118cd1);padding:60px 20px}.category-card{background:linear-gradient(135deg,#12b0e8,#0ea5e9,#118cd1);border-radius:28px;padding:36px 28px 32px;max-width:1120px;width:100%;box-shadow:0 16px 40px #0ea5e959,inset 0 1px #ffffff2e;border:1px solid rgba(255,255,255,.18)}.page-title{font-size:18px;font-weight:600;color:#fff;text-align:left;margin-bottom:8px;margin-left:6px;background:#ffffff2e;display:inline-block;padding:6px 12px;border-radius:999px;letter-spacing:.5px;box-shadow:0 2px 6px #0000000f}.page-subtitle{font-size:40px;font-weight:800;color:#fff;text-align:center;margin-bottom:6px;text-shadow:0 6px 20px rgba(0,0,0,.25);margin-top:12px}.page-description{font-size:18px;color:#ffffffd9;text-align:center;margin-bottom:0}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;margin-top:26px;padding:0 40px}.category-item{cursor:pointer;transition:all .25s ease}.category-box{padding:36px 18px;background:#6ca4c8a6;border:1px solid rgba(255,255,255,.25);border-radius:22px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000040;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:125px}.category-box:before{content:"";font-family:"Font Awesome 5 Free","Font Awesome 6 Free";font-weight:900;position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:42px;color:#fffffff2;z-index:0;margin-bottom:12px}.category-box:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000059;border-color:#ffffff80;background:#6ca4c8cc}.category-box.active{background:#fffffff2;border:3px solid #fff;box-shadow:0 0 0 6px #ffffff1f,0 16px 36px #00000059;transform:scale(1.03)}.category-name{font-size:19px;font-weight:700;color:#fff;margin-bottom:0;margin-top:52px;position:relative;z-index:1}.category-english{font-size:13px;color:#ffffffd9;margin:2px 0 0;position:relative;z-index:1;font-weight:600}.category-box.active .category-name{color:#0e7ab3}.category-box.active .category-english{color:#4a8fb8}.category-box.active:before{color:#0ea5e9}.all-categories{grid-column:span 3}.category-all{background:linear-gradient(180deg,#23d47c,#1fb86f)!important;border:1px solid rgba(255,255,255,.4)!important;min-height:90px}.category-all .category-name{color:#fff;font-weight:800;margin-top:0}.category-all .category-english{color:#ffffffe6;font-weight:600}.category-all:before{display:none}.category-all:hover{transform:translateY(-6px);box-shadow:0 18px 45px #1fb86f80}.category-all.active{background:#fffffff2!important;box-shadow:0 0 0 6px #23d47c33,0 16px 36px #00000059}.category-all.active .category-name{color:#1fb86f}.category-all.active .category-english{color:#23d47c}.button-group{display:flex;justify-content:center;gap:0;margin-top:18px;padding:0 40px}.btn{padding:14px 26px;font-size:22px;font-weight:700;border:none;border-radius:36px;cursor:pointer;transition:all .25s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;line-height:1.2;letter-spacing:.8px;box-shadow:0 10px 24px #00000040}.btn-primary{background:linear-gradient(135deg,#23d47c,#1fb86f);flex:1}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 30px #1fb86f73}.btn-primary:active{transform:translateY(0)}.btn-back{display:none}.text-xl{font-size:20px;color:#fff}@media (max-width: 768px){.category-card{padding:22px 16px}.page-title{font-size:16px;padding:5px 10px}.page-subtitle{font-size:30px}.page-description{font-size:16px}.categories-grid{grid-template-columns:1fr;padding:0 8px;gap:12px}.all-categories{grid-column:span 1}.category-box{padding:30px 18px;min-height:110px}.category-name{font-size:17px}.btn{font-size:20px;padding:14px 18px}.button-group{padding:0 8px}}@media (max-width: 480px){.category-selection-section{padding:40px 15px}.page-subtitle{font-size:26px}.page-description{font-size:14px}.category-box{min-height:100px;padding:25px 15px}.category-box:before{font-size:36px;top:15px}.category-name{font-size:16px;margin-top:45px}.category-english{font-size:12px}}.premium-score-container{min-height:calc(100vh - 200px);background:linear-gradient(135deg,#f5f7fa,#e3e7ed);padding:60px 0}.page-title{font-size:36px;font-weight:800;color:#2c3e50;text-align:center;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.session-stats-card{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 20px 60px #4caf504d;text-align:center;color:#fff}.stats-title{font-size:28px;font-weight:800;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:30px}.stat-item{background:#fff3;border-radius:15px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-value{font-size:48px;font-weight:900;margin-bottom:10px}.stat-label{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.9}.stats-message{font-size:20px;font-weight:600;margin-top:20px}.stats-message p{margin:0}.scores-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000001a;margin-bottom:30px}.section-title{font-size:28px;font-weight:800;color:#2c3e50;margin-bottom:30px;text-align:center}.table-responsive{overflow-x:auto;width:100%}.scores-table{width:100%;border-collapse:collapse;margin-bottom:0}.scores-table thead{background:linear-gradient(135deg,#5e72e4,#825ee4);color:#fff}.scores-table th{padding:16px 20px;text-align:left;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.scores-table tbody tr{border-bottom:1px solid #e1e8ed;transition:background-color .2s ease}.scores-table tbody tr:hover{background-color:#f8f9fa}.scores-table tbody tr:last-child{border-bottom:none}.scores-table td{padding:16px 20px;color:#2c3e50;font-size:15px}.game-type{font-weight:600;text-transform:capitalize}.score-value{font-weight:700;color:#1e88e5}.percentage-badge{display:inline-block;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;font-size:13px;box-shadow:0 2px 8px #4caf504d}.no-scores-message{text-align:center;padding:60px 20px}.no-scores-message p{font-size:20px;color:#7f8c8d;margin-bottom:30px}.action-buttons{display:flex;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}.btn{padding:16px 32px;font-size:18px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000026}.btn-primary{background:linear-gradient(135deg,#5e72e4,#825ee4);color:#fff}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #5e72e44d}.btn-back{background:transparent;color:#7f8c8d;border:2px solid #e1e8ed;box-shadow:none}.btn-back:hover{background:#f8f9fa;color:#2c3e50;border-color:#d1d8dd;box-shadow:0 4px 12px #0000001a}.btn-play-again{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-play-again:hover{transform:translateY(-3px);box-shadow:0 10px 30px #4caf504d}.btn:active{transform:translateY(0)}.text-center{text-align:center}.text-xl{font-size:20px;color:#2c3e50}@media (max-width: 768px){.premium-score-container{padding:40px 15px}.page-title{font-size:28px}.session-stats-card{padding:25px 20px}.stats-title{font-size:22px}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-item{padding:20px}.stat-value{font-size:36px}.stat-label{font-size:14px}.stats-message{font-size:18px}.scores-section{padding:25px 15px}.section-title{font-size:22px}.scores-table th,.scores-table td{padding:10px 12px;font-size:13px}.action-buttons{flex-direction:column;gap:12px}.btn{width:100%;padding:14px 24px;font-size:16px}}@media (max-width: 480px){.page-title{font-size:24px}.session-stats-card{padding:20px 15px}.stats-title{font-size:20px}.stat-value{font-size:32px}.scores-table{font-size:12px}.scores-table th,.scores-table td{padding:8px 10px}}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.py-5{padding-top:3rem;padding-bottom:3rem}.adlink-sidebar{width:240px;background:#fafafa;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid #e5e5e5}.sidebar-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.logo-icon{font-size:1.75rem}.sidebar-title{font-size:1.375rem;font-weight:600;color:#333;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.sidebar-subtitle{font-size:.8125rem;color:#888;margin:0;margin-left:2.5rem}.sidebar-content{flex:1;padding:.875rem .625rem;overflow-y:auto}.sidebar-section{margin-bottom:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.section-toggle{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;background:none;border:none;color:#888;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:3px;transition:background-color .15s ease}.section-toggle:hover{background:#f0f0f0;color:#333}.chevron{transition:transform .2s}.chevron.expanded{transform:rotate(90deg)}.section-items{display:flex;flex-direction:column;gap:.125rem}.sidebar-item{display:flex;align-items:center;gap:.625rem;padding:.4rem .75rem;background:none;border:none;border-radius:4px;color:#555;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s;width:100%}.sidebar-item:hover{background:#f0f0f0;color:#333}.sidebar-item.active{background:#e8e8e8;color:#000;font-weight:600}.sidebar-item.nested{padding-left:2.5rem}.sidebar-item svg{flex-shrink:0}.sidebar-item span:nth-child(2){flex:1}.item-count{font-size:.6875rem;color:#888;font-weight:500;padding:.125rem .375rem;background:#e8e8e8;border-radius:3px}.sidebar-item.active .item-count{background:#ccc;color:#333}.badge-info{background:#3b82f6!important;color:#fff!important}.badge-new{font-size:.6875rem;color:#fff;font-weight:600;padding:.125rem .5rem;background:#ef4444;border-radius:12px;text-transform:lowercase}.sidebar-item-highlight{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;font-weight:600!important}.sidebar-item-highlight:hover{transform:translate(4px);box-shadow:0 2px 8px #3b82f64d}.tag-hash{font-weight:600;color:#9ca3af}.btn-icon-sm{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:none;border:none;border-radius:.25rem;color:#9ca3af;cursor:pointer;transition:all .2s}.btn-icon-sm:hover{background:#f0f0f0;color:#333}.sidebar-footer{padding:.875rem 1rem;border-top:1px solid #e5e5e5}.sidebar-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background:none;border:none;border-radius:4px;color:#888;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.sidebar-link:hover{background:#f0f0f0;color:#333}.sidebar-link kbd{padding:.125rem .375rem;background:#e5e7eb;border-radius:.25rem;font-size:.75rem;font-family:monospace;font-weight:600}.dark .adlink-sidebar{background:#1a1a1a;border-color:#2a2a2a}.dark .sidebar-header{border-color:#2a2a2a}.dark .sidebar-title{color:#fff}.dark .sidebar-subtitle,.dark .section-toggle{color:#888}.dark .section-toggle:hover{background:#2a2a2a;color:#fff}.dark .sidebar-item{color:#ccc}.dark .sidebar-item:hover{background:#2a2a2a;color:#fff}.dark .sidebar-item.active{background:#333;color:#fff}.dark .item-count{background:#2a2a2a;color:#888}.dark .sidebar-item.active .item-count{background:#444;color:#ccc}.dark .sidebar-footer{border-color:#2a2a2a}.dark .sidebar-link{color:#888}.dark .sidebar-link:hover{background:#2a2a2a;color:#fff}.dark .sidebar-link kbd{background:#2a2a2a;color:#ccc}@media (max-width: 768px){.adlink-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}}.adlink-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 2rem;background:#fff;border-bottom:2px solid #e0e7ef;box-shadow:0 2px 8px #1e88e50a;flex-shrink:0;max-width:1100px;margin:0 auto;width:100%}.topbar-left{flex:1;max-width:600px}.topbar-right{display:flex;align-items:center;gap:.75rem}.search-input{position:relative;display:flex;align-items:center;width:100%}.search-input svg{position:absolute;left:1rem;color:#9ca3af;pointer-events:none}.search-input input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid #e0e7ef;border-radius:12px;font-size:.9375rem;transition:all .3s ease;background:#f5f7fa}.search-input input:focus{outline:none;border-color:#1e88e5;background:#fff;box-shadow:0 0 0 3px #1e88e51a}.clear-search{position:absolute;right:.5rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;font-size:1.25rem;cursor:pointer;transition:all .2s}.clear-search:hover{background:#d1d5db;color:#1f2937}.sort-dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + .25rem);right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:170px;z-index:20;overflow:hidden}.dropdown-item{display:block;width:100%;padding:.625rem .875rem;background:none;border:none;text-align:left;font-size:.875rem;color:#333;cursor:pointer;transition:background-color .15s ease}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.active{background:#f0f0f0;font-weight:500}.view-toggle{display:flex;gap:.25rem;padding:.25rem;background:#f3f4f6;border-radius:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#8b5cf61a;color:#8b5cf6}.btn-icon.active{background:#fff;color:#8b5cf6;box-shadow:0 1px 3px #0000001a}.btn-topbar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fafafa;border:1px solid #ddd;border-radius:4px;color:#333;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-topbar:hover{background:#f5f5f5;border-color:#999}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#333;border:none;border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.btn-primary:hover{background:#444}.btn-primary:active{background:#222}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4a90e2;border:none;border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.btn-secondary:hover{background:#3a80d2}.btn-secondary:active{background:#2a70c2}.btn-play-all{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#1e88e5,#1565c0);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #1e88e54d}.btn-play-all:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);box-shadow:0 4px 16px #1e88e566;transform:translateY(-2px)}.btn-play-all:active{transform:translateY(0);box-shadow:0 2px 8px #1e88e54d}.dark .adlink-topbar{background:#1f2937;border-color:#374151}.dark .search-input input{background:#111827;border-color:#374151;color:#f3f4f6}.dark .search-input input::-moz-placeholder{color:#6b7280}.dark .search-input input::placeholder{color:#6b7280}.dark .search-input svg{color:#6b7280}.dark .clear-search{background:#374151;color:#9ca3af}.dark .clear-search:hover{background:#4b5563;color:#d1d5db}.dark .dropdown-menu{background:#1f2937;border-color:#374151}.dark .dropdown-item.active{background:#4c1d95;color:#c4b5fd}.dark .view-toggle{background:#111827}.dark .btn-icon.active{background:#1f2937;color:#a78bfa}.dark .btn-topbar{background:#1f2937;border-color:#374151;color:#d1d5db}.dark .btn-topbar:hover{background:#111827;border-color:#8b5cf6;color:#a78bfa}@media (max-width: 1024px){.btn-topbar span,.btn-primary span,.btn-secondary span,.btn-play-all span{display:none}.btn-topbar,.btn-primary,.btn-secondary,.btn-play-all{padding:.625rem}}@media (max-width: 768px){.adlink-topbar{flex-direction:column;align-items:stretch}.topbar-left{max-width:100%}.topbar-right{justify-content:space-between}}.article-card{position:relative;display:flex;flex-direction:column;background:#fff;border:2px solid #e0e7ef;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 8px #1e88e50f}.article-grid-view .article-card{height:100%}.article-list-view .article-card{flex-direction:row;border-radius:8px;border-left:none;border-right:none;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-bottom:0}.article-list-view .article-card:first-child{border-top:1px solid #e5e7eb}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1e88e526;border-color:#1e88e5}.article-card.selected{background:linear-gradient(135deg,#e3f2fd,#fff9e6);border-color:#1e88e5;box-shadow:0 4px 16px #1e88e540}.card-checkbox{position:absolute;top:.75rem;left:.75rem;z-index:10;display:flex;align-items:center;opacity:0;transition:opacity .2s ease}.article-card:hover .card-checkbox,.article-card.selected .card-checkbox{opacity:1}.card-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#1e88e5}.article-list-view .card-checkbox{position:static;padding:1.5rem 0 1.5rem 1rem;opacity:1}.article-grid-view .article-thumbnail{position:relative;width:100%;height:200px;flex-shrink:0;background:linear-gradient(135deg,#e3f2fd,#fff3e0);overflow:hidden}.article-list-view .article-thumbnail{position:relative;width:120px;height:120px;flex-shrink:0;background:linear-gradient(135deg,#f5f5f5,#e5e7eb);overflow:hidden;align-self:center;margin:1rem;border-radius:8px}.article-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-thumbnail img{transform:scale(1.05)}.highlights-badge{position:absolute;top:.375rem;right:.375rem;display:flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background:#fffffff2;border-radius:4px;font-size:.6875rem;font-weight:500;color:#f59e0b}.article-content{flex:1;padding:1.25rem;min-width:0;display:flex;flex-direction:column}.article-grid-view .article-content{padding:1.25rem}.article-list-view .article-content{padding:1.5rem 1rem;flex:1}.article-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .625rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Bookerly,EB Garamond,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;transition:color .2s ease}.article-card:hover .article-title{color:#1e88e5}.article-description{font-size:.9375rem;color:#666;line-height:1.5;margin:0 0 .625rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-size:.8125rem;color:#999}.meta-item{display:flex;align-items:center;gap:.25rem}.meta-item svg{opacity:.7}.article-tags{display:flex;flex-wrap:wrap;gap:.375rem}.tag{padding:.25rem .625rem;background:linear-gradient(135deg,#e3f2fd,#fff3e0);border:1px solid #e0e7ef;border-radius:8px;font-size:.75rem;font-weight:600;color:#1e88e5;transition:all .2s ease}.tag:hover{background:linear-gradient(135deg,#1e88e5,#ff5722);color:#fff;border-color:#1e88e5;transform:translateY(-1px)}.article-grid-view .article-actions{position:absolute;top:.75rem;right:.75rem;display:flex;flex-direction:column;gap:.25rem;opacity:0;transition:opacity .2s ease;z-index:10}.article-grid-view .article-card:hover .article-actions{opacity:1}.article-list-view .article-actions{position:relative;display:flex;flex-direction:column;gap:.25rem;padding:1.5rem 1rem;align-items:center;justify-content:center;opacity:1}.action-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(226,232,240,.8);border-radius:10px;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000f}.action-btn svg{width:16px;height:16px;display:block;stroke:currentColor;color:#475569;stroke-width:2;flex-shrink:0}.action-btn:hover{background:#fff;color:#1e88e5;transform:scale(1.1);box-shadow:0 4px 16px #1e88e526,0 2px 4px #00000014;border-color:#1e88e5}.action-btn:hover svg{stroke:currentColor;color:#1e88e5}.action-btn.liked{color:#ff5722;background:#fff5f2;border-color:#ff5722}.action-btn.liked svg{fill:#ff5722;stroke:#ff5722;color:#ff5722}.action-btn.liked:hover{background:#ff5722;color:#fff;box-shadow:0 4px 16px #ff572233,0 2px 4px #00000014}.action-btn.liked:hover svg{fill:#fff;stroke:#fff;color:#fff}.action-btn.in-playlist{color:#1e88e5;background:#e3f2fd;border-color:#1e88e5}.action-btn.in-playlist svg{fill:#1e88e5;color:#1e88e5;stroke:#1e88e5}.action-btn.in-playlist:hover{background:#1e88e5;color:#fff;box-shadow:0 4px 16px #1e88e533,0 2px 4px #00000014}.action-btn.in-playlist:hover svg{fill:#fff;color:#fff;stroke:#fff}.action-btn.delete:hover{background:#fee2e2;color:#ef4444;box-shadow:0 4px 16px #ef44441a,0 2px 4px #0000000d;border-color:#ef4444}.action-btn.delete:hover svg{stroke:currentColor;color:#ef4444}.menu-backdrop{position:fixed;inset:0;z-index:10}.action-menu{position:absolute;bottom:calc(100% + .5rem);right:0;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:12px;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014;min-width:200px;z-index:20;overflow:hidden;padding:.5rem}.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:8px;text-align:left;font-size:.9375rem;font-weight:500;color:#1f2937;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-item svg{flex-shrink:0;color:#64748b;transition:color .2s ease}.menu-item span{flex:1}.menu-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#1e88e5}.menu-item:hover svg{color:#1e88e5}.menu-item-danger:hover{background:#fee2e2;color:#dc2626}.menu-item-danger:hover svg{color:#dc2626}.dark .article-card{background:#1a1a1a;border-color:#2a2a2a}.dark .article-card:hover{background:#222}.dark .article-card.selected{background:#282828}.dark .article-thumbnail{background:#2a2a2a}.dark .article-title{color:#fff}.dark .article-description{color:#999}.dark .article-meta{color:#888}.dark .tag{background:#2a2a2a;color:#999}.dark .action-btn{color:#888}.dark .action-btn:hover{background:#2a2a2a;color:#fff}.dark .action-btn.liked{color:#ef4444}.dark .action-btn.liked:hover{background:#2a1a1a}.dark .action-menu{background:#222;border-color:#333}.dark .menu-item{color:#ccc}.dark .menu-item:hover{background:#2a2a2a}.note-card{background:#fffef7;border-color:#f5e6d3}.note-card:hover{background:#fffef7;border-color:#e8d5b7}.note-icon{padding:1.25rem 1.25rem .5rem;color:#f59e0b;display:flex;justify-content:center}.card-content{flex:1;padding:0 1.25rem 1.25rem;min-width:0;display:flex;flex-direction:column}.note-text{font-size:.9375rem;line-height:1.6;color:#4b5563;margin:.5rem 0;white-space:pre-wrap;word-break:break-word}.card-meta{display:flex;align-items:center;gap:.75rem;margin-top:auto;padding-top:.75rem;border-top:1px solid #f3f4f6;font-size:.8125rem;color:#6b7280}.card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-left:auto}.dark .note-card{background:#2a2520;border-color:#3a3530}.dark .note-card:hover{background:#2d2822;border-color:#4a4540}.dark .note-text{color:#d1d5db}.dark .card-meta{border-color:#3a3530;color:#9ca3af}@media (max-width: 768px){.article-grid-view .article-actions{opacity:0;top:.5rem;right:.5rem;gap:.375rem}.article-grid-view .article-card:active .article-actions,.article-grid-view .article-card:hover .article-actions{opacity:1}.article-list-view .article-actions{gap:.375rem;opacity:1}.article-list-view .action-btn{width:2.25rem;height:2.25rem}}@media (min-width: 414px) and (max-width: 768px){.action-btn{width:2.75rem;height:2.75rem;font-size:15px}.article-grid-view .article-actions{gap:.5rem}}.video-thumbnail{position:relative}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:all .3s ease}.video-play-overlay svg{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .3s ease}.article-card:hover .video-play-overlay{background:#00000080}.article-card:hover .video-play-overlay svg{transform:scale(1.15)}.video-thumbnail:after{content:"VIDEO";position:absolute;bottom:.5rem;right:.5rem;padding:.25rem .5rem;background:red;color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.5px;border-radius:4px;text-transform:uppercase}.video-card{position:relative;display:flex;flex-direction:column;background:transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.video-card:hover{transform:translateY(-2px)}.video-thumbnail-container{position:relative;width:100%;padding-top:56.25%;background:#0f0f0f;border-radius:12px;overflow:hidden}.video-thumbnail-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-thumbnail-img{transform:scale(1.03)}.video-thumbnail-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#666}.video-thumbnail-actions{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translate(10px);transition:all .2s ease;z-index:10}.video-card:hover .video-thumbnail-actions{opacity:1;transform:translate(0)}.thumbnail-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#000000bf;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .15s ease}.thumbnail-action-btn:hover{background:#000000e6;transform:scale(1.1)}.thumbnail-action-btn.active{color:#f44}.thumbnail-action-btn.delete:hover{background:#dc2626}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.video-card:hover .video-play-overlay{opacity:1}.play-button{width:60px;height:42px;display:flex;align-items:center;justify-content:center;background:#ff0000e6;border-radius:8px;transition:all .2s ease}.video-card:hover .play-button{background:red;transform:scale(1.1)}.play-button svg{margin-left:2px}.video-duration-badge{position:absolute;bottom:8px;right:8px;padding:3px 6px;background:#000000d9;color:#fff;font-size:12px;font-weight:500;border-radius:4px;letter-spacing:.3px;font-family:Roboto,Arial,sans-serif}.video-liked-indicator{position:absolute;top:8px;left:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ff4444e6;border-radius:50%;color:#fff}.video-info{display:flex;padding:12px 4px 8px;gap:12px}.video-channel-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;font-family:Roboto,Arial,sans-serif}.video-meta{flex:1;min-width:0}.video-title{margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.4;color:#0f0f0f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Roboto,Arial,sans-serif}.video-card:hover .video-title{color:#065fd4}.video-channel-info{display:flex;align-items:center;gap:4px;font-size:12px;color:#606060;font-family:Roboto,Arial,sans-serif}.video-channel-name:hover{color:#0f0f0f}.video-separator,.video-date{color:#606060}.video-actions{position:relative;flex-shrink:0;margin-left:auto}.video-menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#606060;cursor:pointer;opacity:0;transition:all .2s ease}.video-card:hover .video-menu-btn{opacity:1}.video-menu-btn:hover{background:#0000000d;color:#0f0f0f}.video-menu-backdrop{position:fixed;inset:0;z-index:100}.video-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 4px 32px #00000026,0 0 0 1px #0000000d;min-width:220px;z-index:101;overflow:hidden;padding:8px 0;animation:menuSlideIn .15s ease}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.video-menu-item{display:flex;align-items:center;gap:16px;width:100%;padding:10px 16px;background:none;border:none;font-size:14px;color:#0f0f0f;cursor:pointer;transition:background .1s ease;font-family:Roboto,Arial,sans-serif;text-align:left}.video-menu-item:hover{background:#f2f2f2}.video-menu-item svg{color:#606060;flex-shrink:0}.video-menu-item.active{color:#f44}.video-menu-item.active svg{color:#f44}.video-menu-item.danger:hover{background:#fee2e2;color:#dc2626}.video-menu-item.danger:hover svg{color:#dc2626}.video-menu-divider{height:1px;background:#e5e5e5;margin:8px 0}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px 0}@media (max-width: 768px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.video-title{font-size:13px}.video-channel-avatar{width:32px;height:32px;font-size:12px}.video-menu-btn{opacity:1}.video-thumbnail-actions{opacity:1;transform:translate(0)}}@media (max-width: 480px){.video-grid{grid-template-columns:1fr}.thumbnail-action-btn{width:32px;height:32px}}@media (prefers-color-scheme: dark){.video-title{color:#f1f1f1}.video-card:hover .video-title{color:#3ea6ff}.video-channel-info,.video-menu-btn{color:#aaa}.video-menu-btn:hover{background:#ffffff1a;color:#f1f1f1}.video-menu{background:#282828;box-shadow:0 4px 32px #0006}.video-menu-item{color:#f1f1f1}.video-menu-item:hover{background:#3d3d3d}.video-menu-item svg{color:#aaa}.video-menu-divider{background:#3d3d3d}}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:1rem;max-width:1400px;margin:0 auto;width:100%}.note-card-compact{position:relative;display:flex;flex-direction:column;background:#fffde7;border-radius:4px;padding:12px;min-height:120px;max-height:160px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014;overflow:hidden}.note-card-compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.note-card-compact.expanded{max-height:none;z-index:10}.note-card-compact.color-yellow{background:#fffde7}.note-card-compact.color-blue{background:#e3f2fd}.note-card-compact.color-green{background:#e8f5e9}.note-card-compact.color-pink{background:#fce4ec}.note-card-compact.color-purple{background:#f3e5f5}.note-card-compact.color-orange{background:#fff3e0}.note-card-compact .note-title{margin:0 0 8px;font-size:13px;font-weight:600;color:#333;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-card-compact .note-content{flex:1;font-size:12px;color:#555;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.note-card-compact.expanded .note-content{-webkit-line-clamp:unset;overflow:visible}.note-card-compact .note-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.06)}.note-card-compact .note-date{font-size:10px;color:#888}.note-card-compact .note-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.note-card-compact:hover .note-actions{opacity:1}.note-card-compact .note-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:4px;color:#666;cursor:pointer;transition:all .15s ease}.note-card-compact .note-action-btn:hover{background:#fff;color:#333;transform:scale(1.1)}.note-card-compact .note-action-btn.active{color:#ef4444}.note-card-compact .note-action-btn.delete:hover{background:#fee2e2;color:#dc2626}.note-card-compact .note-action-btn.in-playlist{color:#3b82f6;background:#dbeafe}.note-card-compact .note-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.note-card-compact .note-tag{font-size:9px;padding:2px 6px;background:#0000000f;border-radius:10px;color:#666}.note-card-compact .liked-indicator{position:absolute;bottom:8px;right:8px;color:#ef4444}.note-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.note-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:noteModalIn .2s ease}@keyframes noteModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.note-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}.note-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.note-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;transition:all .15s ease}.note-modal-close:hover{background:#f5f5f5;color:#333}.note-modal-body{padding:20px}.note-modal-body .note-full-content{font-size:15px;line-height:1.7;color:#333;white-space:pre-wrap;word-break:break-word}.note-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid #eee;background:#f9f9f9}.note-modal-footer .note-meta{font-size:12px;color:#888}.note-modal-footer .note-modal-actions{display:flex;gap:8px}.note-modal-footer .modal-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#333;cursor:pointer;transition:all .15s ease}.note-modal-footer .modal-action-btn:hover{background:#f5f5f5;border-color:#ccc}.note-modal-footer .modal-action-btn.danger:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.note-modal-footer .modal-action-btn.active{color:#ef4444;border-color:#fecaca}@media (prefers-color-scheme: dark){.note-card-compact{background:#2d2d2d}.note-card-compact.color-yellow{background:#3d3a20}.note-card-compact.color-blue{background:#1e3a5f}.note-card-compact.color-green{background:#1e3a2f}.note-card-compact.color-pink{background:#3d2035}.note-card-compact.color-purple{background:#2d2040}.note-card-compact.color-orange{background:#3d3020}.note-card-compact .note-title{color:#f1f1f1}.note-card-compact .note-content{color:#ccc}.note-card-compact .note-action-btn{background:#00000080;color:#aaa}.note-card-compact .note-action-btn:hover{background:#000000b3;color:#fff}.note-modal{background:#1a1a1a}.note-modal-header{border-color:#333}.note-modal-header h2{color:#f1f1f1}.note-modal-body .note-full-content{color:#ddd}.note-modal-footer{background:#222;border-color:#333}}@media (max-width: 768px){.notes-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;padding:.75rem}.note-card-compact{min-height:100px;max-height:140px;padding:10px}.note-card-compact .note-title{font-size:12px}.note-card-compact .note-content{font-size:11px;-webkit-line-clamp:3}.note-card-compact .note-actions{opacity:1}}@media (max-width: 480px){.notes-grid{grid-template-columns:repeat(2,1fr)}}.article-list-container{flex:1;overflow-y:auto;background:#fff}.alles-voorlezen-container{display:flex;justify-content:center;align-items:center;padding:1.5rem 1.5rem .5rem;max-width:1400px;margin:0 auto;width:100%}.btn-alles-voorlezen{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#4285f4;color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4285f44d}.btn-alles-voorlezen:hover{background:#3367d6;box-shadow:0 4px 12px #4285f466;transform:translateY(-1px)}.btn-alles-voorlezen:active{transform:translateY(0);box-shadow:0 2px 6px #4285f44d}.btn-alles-voorlezen svg{flex-shrink:0}.article-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.article-list-view{display:flex;flex-direction:column;max-width:1100px;margin:0 auto;width:100%}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.empty-icon{font-size:3.5rem;margin-bottom:1rem;opacity:.4;color:#999}.empty-state h3{font-size:1.375rem;font-weight:600;color:#333;margin:0 0 .5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.empty-state p{font-size:.9375rem;color:#666;margin:0}.dark .article-list-container{background:#1a1a1a}.dark .empty-icon{color:#555}.dark .empty-state h3{color:#fff}.dark .empty-state p{color:#999}@media (max-width: 768px){.article-list-container{padding:0}.article-list-view,.article-grid-view{max-width:100%}}.bulk-bar{position:sticky;top:0;z-index:30;background:#fff;border-bottom:2px solid #8b5cf6;box-shadow:0 2px 8px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.bulk-bar-content{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem}.bulk-info{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#1f2937}.bulk-count{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .75rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:9999px;font-weight:700}.bulk-actions{flex:1;display:flex;align-items:center;gap:.75rem}.bulk-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;color:#4b5563;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.bulk-btn:hover{background:#e5e7eb;border-color:#8b5cf6;color:#8b5cf6}.bulk-btn.delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.bulk-dropdown{position:relative}.dropdown-backdrop{position:fixed;inset:0;z-index:10}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;min-width:200px;max-height:300px;overflow-y:auto;z-index:20}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:.875rem;color:#4b5563;cursor:pointer;transition:all .2s}.dropdown-item:hover{background:#f3f4f6;color:#8b5cf6}.folder-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag-input-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;padding:1rem;min-width:280px;z-index:20;display:flex;gap:.5rem}.tag-input-menu input{flex:1;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem}.tag-input-menu input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.btn-add-tags{padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:.375rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-tags:disabled{opacity:.5;cursor:not-allowed}.btn-add-tags:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #8b5cf64d}.bulk-close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;transition:all .2s}.bulk-close:hover{background:#e5e7eb;color:#1f2937}.dark .bulk-bar{background:#1f2937;border-color:#8b5cf6}.dark .bulk-info{color:#f3f4f6}.dark .bulk-btn{background:#111827;border-color:#374151;color:#d1d5db}.dark .bulk-btn:hover{background:#374151;border-color:#8b5cf6;color:#a78bfa}.dark .bulk-btn.delete:hover{background:#450a0a;border-color:#ef4444}.dark .dropdown-menu,.dark .tag-input-menu{background:#1f2937;border-color:#374151}.dark .dropdown-item{color:#d1d5db}.dark .dropdown-item:hover{background:#374151;color:#a78bfa}.dark .tag-input-menu input{background:#111827;border-color:#374151;color:#f3f4f6}.dark .bulk-close{background:#111827;color:#9ca3af}.dark .bulk-close:hover{background:#374151;color:#f3f4f6}@media (max-width: 768px){.bulk-btn span{display:none}.bulk-btn{padding:.625rem}.bulk-actions{gap:.5rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.add-link-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0003;width:90%;max-width:500px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-title{display:flex;align-items:center;gap:.75rem;color:#8b5cf6}.modal-title h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.btn-close-modal{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:#f3f4f6;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;transition:all .2s}.btn-close-modal:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.btn-close-modal:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:1.5rem}.input-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#374151}.modal-body input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.625rem;font-size:.9375rem;transition:all .2s}.modal-body input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.modal-body input:disabled{background:#f9fafb;cursor:not-allowed}.input-hint{margin-top:.5rem;font-size:.875rem;color:#6b7280}.modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn-cancel,.btn-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:.625rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#6b7280}.btn-cancel:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.btn-submit{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 4px #8b5cf633}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin .8s linear infinite}.dark .add-link-modal{background:#1f2937}.dark .modal-header{border-color:#374151}.dark .modal-title h3{color:#f3f4f6}.dark .btn-close-modal{background:#111827;color:#9ca3af}.dark .btn-close-modal:hover:not(:disabled){background:#374151;color:#f3f4f6}.dark .input-label{color:#d1d5db}.dark .modal-body input{background:#111827;border-color:#374151;color:#f3f4f6}.dark .modal-body input:focus{border-color:#8b5cf6}.dark .modal-body input:disabled{background:#0f172a}.dark .input-hint{color:#9ca3af}.dark .modal-footer{border-color:#374151}.dark .btn-cancel{background:#111827;color:#9ca3af}.dark .btn-cancel:hover:not(:disabled){background:#374151;color:#f3f4f6}@media (max-width: 768px){.add-link-modal{width:95%;margin:1rem}.modal-header,.modal-body,.modal-footer{padding:1rem}}.add-note-modal{background:#1e1e1e;border-radius:1rem;box-shadow:0 20px 40px #0006;width:90%;max-width:600px;animation:slideUp .3s ease-out}.add-note-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #333}.add-note-modal .modal-title{display:flex;align-items:center;gap:.75rem;color:#fff}.add-note-modal .modal-title h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.add-note-modal .btn-close-modal{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:#2a2a2a;border:none;border-radius:.5rem;color:#999;cursor:pointer;transition:all .2s}.add-note-modal .btn-close-modal:hover:not(:disabled){background:#333;color:#fff}.add-note-modal .modal-body{padding:1.5rem}.add-note-modal .form-group{margin-bottom:1.25rem}.add-note-modal .form-group:last-child{margin-bottom:0}.add-note-modal .input-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#ccc}.add-note-modal .note-title-input{width:100%;padding:.875rem 1rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:.625rem;font-size:1rem;color:#fff;transition:all .2s}.add-note-modal .note-title-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.add-note-modal .note-title-input::-moz-placeholder{color:#666}.add-note-modal .note-title-input::placeholder{color:#666}.add-note-modal .note-content-textarea{width:100%;padding:.875rem 1rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:.625rem;font-size:.9375rem;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;resize:vertical;min-height:200px;transition:all .2s}.add-note-modal .note-content-textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.add-note-modal .note-content-textarea::-moz-placeholder{color:#666}.add-note-modal .note-content-textarea::placeholder{color:#666}.add-note-modal .note-title-input:disabled,.add-note-modal .note-content-textarea:disabled{opacity:.5;cursor:not-allowed}.add-note-modal .modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #333}.add-note-modal .btn-cancel,.add-note-modal .btn-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:.625rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.add-note-modal .btn-cancel{background:#2a2a2a;color:#999}.add-note-modal .btn-cancel:hover:not(:disabled){background:#333;color:#fff}.add-note-modal .btn-submit{background:#4a90e2;color:#fff;box-shadow:0 2px 4px #4a90e233}.add-note-modal .btn-submit:hover:not(:disabled){background:#3a80d2;transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.add-note-modal .btn-submit:active:not(:disabled){transform:translateY(0)}.add-note-modal .btn-submit:disabled,.add-note-modal .btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.add-note-modal{width:95%;margin:1rem}.add-note-modal .modal-header,.add-note-modal .modal-body,.add-note-modal .modal-footer{padding:1rem}.add-note-modal .note-content-textarea{min-height:150px}}.readaloud-overlay{z-index:9999;background:#000000d9}.readaloud-modal{background:#fff;border-radius:1rem;box-shadow:0 25px 50px #0000004d;width:95%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.readaloud-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.readaloud-modal .modal-title h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;max-width:750px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readaloud-modal .btn-close-modal{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.readaloud-modal .btn-close-modal:hover{background:#e5e7eb;color:#1f2937}.readaloud-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.action-btn.voorlezen{color:#3b82f6}.action-btn.voorlezen:hover{background:#dbeafe;color:#2563eb}@media (max-width: 768px){.readaloud-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.readaloud-modal .modal-header{padding:1rem}.readaloud-modal .modal-title h3{font-size:1rem;max-width:250px}.readaloud-modal .modal-body{padding:1rem}}.shortcuts-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.shortcuts-panel{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;width:90%;max-width:700px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid #8b5cf6;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.shortcuts-title{display:flex;align-items:center;gap:.75rem;color:#fff}.shortcuts-title h2{font-size:1.5rem;font-weight:700;margin:0}.btn-close-shortcuts{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s}.btn-close-shortcuts:hover{background:#ffffff4d}.shortcuts-content{flex:1;overflow-y:auto;padding:2rem}.shortcuts-section{margin-bottom:2rem}.shortcuts-section:last-child{margin-bottom:0}.section-title{font-size:1rem;font-weight:700;color:#8b5cf6;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.shortcuts-list{display:flex;flex-direction:column;gap:.75rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:#f9fafb;border-radius:.5rem;transition:all .2s}.shortcut-item:hover{background:#f3f4f6;transform:translate(4px)}.shortcut-keys{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.key{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.375rem .625rem;background:#fff;border:2px solid #e5e7eb;border-bottom-width:3px;border-radius:.375rem;font-size:.875rem;font-weight:700;font-family:monospace;color:#1f2937;box-shadow:0 2px 4px #0000000d}.key-separator{font-size:.875rem;color:#9ca3af;font-weight:600}.shortcut-description{flex:1;font-size:.9375rem;color:#4b5563}.shortcuts-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;text-align:center}.shortcuts-footer p{margin:0;font-size:.875rem;color:#6b7280}.shortcuts-footer kbd{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.875rem;font-weight:600;font-family:monospace;color:#1f2937}.dark .shortcuts-panel{background:#1f2937}.dark .shortcuts-header{border-color:#7c3aed}.dark .shortcuts-content{background:#1f2937}.dark .section-title{color:#a78bfa}.dark .shortcut-item{background:#111827}.dark .shortcut-item:hover{background:#374151}.dark .key{background:#1f2937;border-color:#374151;color:#f3f4f6}.dark .shortcut-description{color:#d1d5db}.dark .shortcuts-footer{background:#111827;border-color:#374151}.dark .shortcuts-footer p{color:#9ca3af}.dark .shortcuts-footer kbd{background:#1f2937;border-color:#374151;color:#f3f4f6}@media (max-width: 768px){.shortcuts-panel{width:95%;max-height:90vh}.shortcuts-content{padding:1.5rem}.shortcut-item{flex-direction:column;align-items:flex-start;gap:.5rem}.shortcuts-title h2{font-size:1.25rem}}:root{--pt-primary: #1e88e5;--pt-primary-dark: #1565c0;--pt-orange: #ff5722;--pt-orange-dark: #e64a19;--pt-yellow: #ffc107;--pt-green: #4caf50;--pt-red: #f44336;--pt-dark: #212121;--pt-grey: #666;--pt-light-bg: #f5f7fa;--pt-border: #e0e7ef}.adlink-page{display:flex;min-height:100vh;background:linear-gradient(135deg,#fafbfc,#f5f7fa)}.adlink-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--pt-light-bg)}.adlink-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--pt-primary);font-weight:600}.spinner{width:2.5rem;height:2.5rem;border:3px solid var(--pt-border);border-top-color:var(--pt-primary);border-right-color:var(--pt-orange);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}.dark .adlink-page{background:linear-gradient(135deg,#1a1a1a,#0a0a0a)}.dark .adlink-main{background:#1a1a1a}@media (max-width: 768px){.adlink-page{flex-direction:column}}.article-reader{min-height:100vh;background:#fff}.reader-toolbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e5e5e5}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:#333;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-back:hover{color:#000}.toolbar-actions{display:flex;align-items:center;gap:.5rem}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:.25rem;color:#666;cursor:pointer;transition:all .2s}.toolbar-btn:hover{background:#f5f5f5;color:#333}.toolbar-btn.liked,.toolbar-btn.delete:hover{color:#e74c3c}.toolbar-btn.voorlezen-btn{color:#8b5cf6}.toolbar-btn.voorlezen-btn:hover{background:#f3f0ff;color:#7c3aed}.reader-header{max-width:650px;margin:0 auto;padding:5rem 1.5rem 2rem}.reader-title{font-size:2rem;font-weight:600;line-height:1.25;color:#1a1a1a;margin:0 0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.reader-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.8125rem;color:#888;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.reader-site{font-weight:500;color:#888;text-decoration:none;transition:color .2s}.reader-site:hover{color:#333;text-decoration:underline}.meta-item{display:flex;align-items:center;gap:.375rem}.reader-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.375rem .875rem;background:#f3f4f6;border-radius:9999px;font-size:.875rem;font-weight:600;color:#6b7280}.reader-content{max-width:650px;margin:0 auto;padding:0 1.5rem 3rem;background:transparent}.voorlezen-section{margin:0 0 3rem;padding:2rem;background:linear-gradient(135deg,#f8f9ff,#f0f3ff);border:1px solid #e0e5ff;border-radius:1rem;box-shadow:0 4px 12px #8b5cf614}.voorlezen-header{text-align:center;margin-bottom:1.5rem}.voorlezen-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.voorlezen-title svg{color:#8b5cf6}.voorlezen-subtitle{font-size:1rem;color:#6b7280;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.btn-start-reading{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d;margin-bottom:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.btn-start-reading:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.btn-start-reading:active{transform:translateY(0)}.voorlezen-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#4b5563;box-shadow:0 1px 3px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.feature-item i{color:#8b5cf6;font-size:1.125rem}.toetsenbord-hint{text-align:center;font-size:.8125rem;color:#6b7280;margin:0;padding:1rem;background:#fff9;border-radius:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.toetsenbord-hint strong{color:#4b5563}.article-body{font-family:Georgia,Times New Roman,Times,serif;font-size:1.0625rem;line-height:1.58;color:#333;letter-spacing:-.003em;text-align:left;word-spacing:normal}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin:1.5em 0 .5em;font-weight:600;line-height:1.25;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.article-body h1{font-size:1.75rem}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.25rem}.article-body h4{font-size:1.125rem}.article-body h5{font-size:1rem}.article-body h6{font-size:.875rem}.article-body p{margin:0 0 1.25em}.article-body a{color:#06c;text-decoration:none;border-bottom:1px solid #0066cc;transition:all .2s}.article-body a:hover{color:#0052a3;border-bottom-color:#0052a3}.article-body img{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0}.article-body blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid #8b5cf6;background:#f9fafb;font-style:italic;color:#4b5563}.article-body pre{margin:2rem 0;padding:1.5rem;background:#1f2937;border-radius:.5rem;overflow-x:auto}.article-body code{font-family:Courier New,monospace;font-size:.9375rem;color:#e5e7eb}.article-body ul,.article-body ol{margin:1.5rem 0;padding-left:2rem}.article-body li{margin:.5rem 0}.article-body hr{margin:2rem 0;border:none;border-top:1px solid #e5e7eb}.no-content{text-align:center;padding:4rem 2rem;color:#6b7280}.no-content-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.no-content h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.no-content-text{font-size:1.125rem;line-height:1.6;max-width:600px;margin:0 auto 1.5rem;color:#4b5563}.no-content-hint{font-size:1rem;line-height:1.6;max-width:600px;margin:0 auto 2rem;padding:1rem;background:#f3f4f6;border-left:4px solid #8b5cf6;border-radius:.5rem;text-align:left}.no-content-hint strong{color:#8b5cf6}.btn-external{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf6;color:#fff;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-external:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.btn-external-large{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:.75rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #8b5cf64d}.btn-external-large:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf666}.reader-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:3rem;height:3rem;border:4px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}.reader-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.reader-error h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.reader-error p{font-size:1.125rem;color:#6b7280;margin-bottom:2rem}.dark .article-reader{background:#111827}.dark .reader-toolbar{background:#1f2937;border-color:#374151}.dark .btn-back{background:#111827;border-color:#374151;color:#d1d5db}.dark .btn-back:hover{background:#374151;color:#a78bfa}.dark .toolbar-btn{background:#111827;border-color:#374151;color:#9ca3af}.dark .toolbar-btn:hover{background:#374151;color:#a78bfa}.dark .reader-title{color:#f3f4f6}.dark .reader-meta{color:#9ca3af}.dark .reader-site{color:#a78bfa}.dark .reader-site:hover{color:#c4b5fd}.dark .tag{background:#374151;color:#d1d5db}.dark .reader-content{background:#1f2937}.dark .article-body{color:#e5e7eb}.dark .article-body h1,.dark .article-body h2,.dark .article-body h3,.dark .article-body h4,.dark .article-body h5,.dark .article-body h6{color:#f3f4f6}.dark .article-body blockquote{background:#111827;color:#9ca3af;border-color:#8b5cf6}.dark .reader-error h2{color:#f3f4f6}.dark .reader-error p{color:#9ca3af}.dark .no-content h3{color:#f3f4f6}.dark .no-content-text{color:#d1d5db}.dark .no-content-hint{background:#111827;border-color:#8b5cf6;color:#d1d5db}.dark .no-content-hint strong{color:#a78bfa}.dark .voorlezen-section{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151}.dark .voorlezen-title{color:#f3f4f6}.dark .voorlezen-subtitle{color:#9ca3af}.dark .feature-item{background:#111827;color:#d1d5db;border:1px solid #374151}.dark .toetsenbord-hint{background:#11182799;color:#9ca3af}.dark .toetsenbord-hint strong{color:#d1d5db}@media (max-width: 768px){.reader-header{padding:2rem 1.5rem 1.5rem}.reader-title{font-size:2rem}.reader-content{padding:1.5rem;margin-bottom:2rem}.article-body{font-size:1rem}.toolbar-actions{gap:.25rem}.toolbar-btn{width:2.25rem;height:2.25rem}.btn-back span{display:none}.voorlezen-section{padding:1.5rem}.voorlezen-title{font-size:1.5rem}.btn-start-reading{font-size:1rem;padding:1rem 1.5rem}.voorlezen-features{grid-template-columns:1fr}}.article-reader{min-height:100vh;width:100%;position:relative;transition:background-color .3s ease,color .3s ease}.theme-light{background-color:#fff;color:#1a1a1a}.theme-sepia{background-color:#f4ecd8;color:#5b4636}.theme-dark{background-color:#1e1e1e;color:#e0e0e0}.reader-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(30,136,229,.1);border-top-color:#1e88e5;border-radius:50%;animation:spin 1s linear infinite}.reader-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:40px 20px}.reader-error i{font-size:64px;color:#ff5722;margin-bottom:20px}.reader-error h2{font-size:28px;margin-bottom:10px;color:#1a1a1a}.reader-error p{font-size:16px;color:#666;margin-bottom:30px}.back-button{padding:12px 24px;background:#1e88e5;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s}.back-button:hover{background:#1565c0}.reader-simple-toolbar{position:sticky;top:0;left:0;right:0;height:64px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1000;box-shadow:0 2px 8px #0000000a}.toolbar-simple-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:#333;border-radius:8px;cursor:pointer;transition:all .2s;font-size:15px;font-weight:500}.toolbar-simple-btn:hover{background:#0000000d}.toolbar-simple-btn i{font-size:18px}.toolbar-read-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.toolbar-read-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.toolbar-logo{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.toolbar-logo:hover{transform:scale(1.05)}.toolbar-logo img{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.reader-container{max-width:800px;margin:0 auto;padding:60px 40px 100px}@media (max-width: 768px){.reader-container{padding:40px 20px 80px}}.reader-article{font-family:Bookerly,Georgia,EB Garamond,serif;line-height:1.8;transition:font-size .2s ease}.article-header{margin-bottom:50px;text-align:left}.article-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#999;margin-bottom:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.theme-dark .article-meta{color:#999}.article-site{font-weight:600;color:#999;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.meta-separator{color:#ddd;font-size:10px}.article-title{font-size:2.8em;font-weight:700;line-height:1.15;margin:0 0 24px;color:inherit;font-family:Bookerly,Georgia,EB Garamond,serif;letter-spacing:-.02em}.article-description{font-size:1.1em;line-height:1.6;color:#666;margin:0 0 40px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.theme-dark .article-description{color:#aaa}.article-hero{margin:40px 0;border-radius:0;overflow:hidden}.article-hero img{width:100%;height:auto;display:block}.article-content{font-size:1em;line-height:1.75;font-family:Georgia,Bookerly,EB Garamond,serif;text-align:left;word-spacing:normal}.article-content h1,.article-content h2,.article-content h3,.article-content h4{font-weight:700;line-height:1.3;margin:2em 0 .8em;color:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.article-content h1{font-size:1.8em;margin-top:1.5em}.article-content h2{font-size:1.5em;margin-top:1.8em}.article-content h3{font-size:1.3em}.article-content h4{font-size:1.1em}.article-content p{margin:0 0 1.4em;color:inherit;line-height:1.75}.article-content strong{font-weight:700;color:inherit}.article-content a{color:#1e88e5;text-decoration:underline;transition:color .2s}.article-content a:hover{color:#1565c0}.theme-dark .article-content a{color:#64b5f6}.article-content img{max-width:100%;height:auto;margin:2em 0;border-radius:0;display:block}.article-content ul,.article-content ol{margin:0 0 1.5em;padding-left:2em}.article-content li{margin-bottom:.5em}.article-content blockquote{margin:2em 0;padding:1em 1.5em;border-left:4px solid #1e88e5;background:#1e88e50d;font-style:italic;border-radius:0 8px 8px 0}.theme-dark .article-content blockquote{background:#64b5f61a;border-left-color:#64b5f6}.article-content pre{background:#f5f5f5;border-radius:8px;padding:1em;overflow-x:auto;margin:1.5em 0;font-family:Monaco,Courier New,monospace;font-size:.9em}.theme-dark .article-content pre{background:#2d2d2d}.article-content code{background:#0000000d;padding:.2em .4em;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.9em}.theme-dark .article-content code{background:#ffffff1a}.article-content figure{margin:2em 0}.article-content figcaption{text-align:center;font-size:.9em;color:#666;margin-top:.5em;font-style:italic}.theme-dark .article-content figcaption{color:#999}@media (max-width: 768px){.article-title{font-size:2.2em}.article-description{font-size:1em}.toolbar-actions{gap:4px}.font-controls,.theme-controls{padding:0 4px;margin-right:4px}.reading-time{font-size:12px}.reader-container{padding:40px 24px 80px}.article-content{font-size:1em}}.grammar-page{min-height:100vh;background:#f8fafc;padding:1.5rem}.grammar-container{max-width:1400px;margin:0 auto}.grammar-header{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.header-brand{display:flex;align-items:center;gap:1rem}.logo-box{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 6px #4f46e533}.header-info h1{font-size:1.5rem;font-weight:700;margin:0;color:#1e293b}.header-info p{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.stats-row{display:flex;align-items:center;gap:2rem;padding:.75rem 1rem;background:#f1f5f9;border-radius:8px;width:-moz-fit-content;width:fit-content}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.75rem;text-transform:uppercase;color:#64748b;font-weight:600;letter-spacing:.05em}.stat-value{font-size:1.25rem;font-weight:700;color:#6366f1;margin-top:.125rem}.controls-row{display:flex;gap:.5rem;margin-top:1rem}.control-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.control-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.main-content{display:grid;grid-template-columns:1fr 360px;gap:1.5rem}.input-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.example-btn{padding:.375rem .75rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .2s}.example-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff}.text-area{width:100%;min-height:180px;padding:1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .2s;color:#1e293b}.text-area:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.text-area::-moz-placeholder{color:#94a3b8}.text-area::placeholder{color:#94a3b8}.button-group{display:flex;gap:.75rem;margin-top:1rem}.btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;border:none}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 6px #4f46e533}.btn-secondary{background:#fff;color:#1e293b;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.sidebar-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1e293b}.sidebar-controls{display:flex;gap:.25rem}.icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff}.word-types{display:flex;flex-direction:column;gap:.5rem}.word-type{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.word-type:hover{background:#fff;box-shadow:0 2px 4px #0000000d;transform:translate(2px)}.word-type.active{background:#fff;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.word-type-header{display:flex;align-items:center;gap:.75rem}.color-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.word-type-info{flex:1;min-width:0}.word-type-name{font-size:.875rem;font-weight:600;color:#1e293b;margin:0}.word-type-count{font-size:.75rem;color:#64748b;margin:.125rem 0 0}.word-type-toggle{margin-left:auto;color:#94a3b8}.results-section{grid-column:1 / -1;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;margin-top:1rem}.results-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.results-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.analyzed-text{padding:1rem;background:#f8fafc;border-radius:8px;line-height:1.8;min-height:100px}.word{display:inline-block;padding:.125rem .375rem;margin:.125rem;border-radius:4px;transition:all .2s;cursor:default}.word:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.login-prompt{grid-column:1 / -1;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:1.5rem;text-align:center;margin-top:1rem}.login-prompt p{color:#991b1b;margin:0 0 1rem}.login-prompt a{display:inline-flex;padding:.625rem 1.25rem;background:#6366f1;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s}.login-prompt a:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 6px #4f46e533}.loading{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.main-content{grid-template-columns:1fr}.sidebar-section{position:static;max-height:none}}@media (max-width: 640px){.grammar-page{padding:1rem}.header-top{flex-direction:column;align-items:stretch;gap:1rem}.stats-row{width:100%;justify-content:space-around}.button-group{flex-direction:column}.btn{width:100%;justify-content:center}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.admin-login-card{background:#fff;border-radius:16px;padding:60px 40px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:450px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-logo{text-align:center;margin-bottom:40px}.admin-logo img{max-width:250px;height:auto}.admin-login-form{display:flex;flex-direction:column;gap:24px}.admin-input-group{position:relative}.admin-input{width:100%;padding:16px 50px 16px 20px;font-size:16px;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease;background:#f9fafb}.admin-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.admin-input-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:18px}.admin-input:focus+.admin-input-icon{color:#667eea}.admin-error-message{padding:12px 16px;background:#fee2e2;color:#dc2626;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.admin-login-button{width:100%;padding:16px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.admin-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.admin-login-button:active:not(:disabled){transform:translateY(0)}.admin-login-button:disabled{opacity:.6;cursor:not-allowed}.admin-login-button i{margin-right:8px}@media (max-width: 768px){.admin-login-card{padding:40px 30px}.admin-logo img{max-width:200px}}.language-selector-container{min-height:100vh;background:linear-gradient(135deg,#06b6d4,#0891b2);padding:20px}.language-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:0 20px}.language-selector-header h1{font-size:48px;color:#fff;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin:0}.header-actions{display:flex;gap:15px;align-items:center}.language-dropdown{padding:12px 20px;font-size:16px;border:2px solid white;border-radius:8px;background:#fff;color:#0891b2;font-weight:600;cursor:pointer;transition:all .3s ease}.language-dropdown:hover{background:#f0fdfa;transform:translateY(-2px)}.logout-btn{padding:12px 24px;font-size:16px;font-weight:700;color:#fff;background:#dc2626;border:none;border-radius:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #dc26264d}.logout-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.combinations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px;padding:0 20px;max-width:1400px;margin:0 auto}.combination-card-wrapper{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 30px #00000026;transition:all .3s ease;animation:fadeIn .5s ease-out}.combination-card-wrapper:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.combination-card-title{font-size:24px;font-weight:700;color:#0891b2;text-align:center;margin-bottom:20px}.combination-card{display:flex;border-radius:16px;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 12px #0000001a}.combination-side{flex:1;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;transition:all .3s ease}.combination-side:hover{transform:scale(1.05)}.combination-left{border-right:2px solid white}.combination-flag{font-size:64px;line-height:1}.combination-lang-name{font-size:20px;font-weight:700;text-align:center}.combination-actions{display:flex;gap:12px;justify-content:center}.action-btn{flex:1;padding:14px 20px;font-size:18px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.action-btn-free{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.action-btn-free:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-2px);box-shadow:0 6px 20px #47556966}.action-btn-standard{background:linear-gradient(135deg,#65a30d,#4d7c0f);color:#fff}.action-btn-standard:hover{background:linear-gradient(135deg,#4d7c0f,#3f6212);transform:translateY(-2px);box-shadow:0 6px 20px #4d7c0f66}.language-selector-loading,.language-selector-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;gap:20px}.language-selector-error button{padding:12px 24px;font-size:16px;font-weight:600;background:#fff;color:#0891b2;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.language-selector-error button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d}@media (max-width: 768px){.language-selector-header{flex-direction:column;gap:20px;align-items:stretch}.language-selector-header h1{font-size:32px;text-align:center}.header-actions{justify-content:center}.combinations-grid{grid-template-columns:1fr;gap:20px}.combination-card-title{font-size:20px}.combination-flag{font-size:48px}.combination-lang-name,.action-btn{font-size:16px}}.word-management-container{min-height:100vh;background:linear-gradient(135deg,#0ea5e9,#0284c7);padding:40px 20px}.word-management-header{text-align:center;margin-bottom:40px}.word-management-header h1{font-size:48px;color:#fff;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin:0}.word-management-card{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:24px;padding:40px;box-shadow:0 20px 60px #0000004d}.language-labels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.language-labels h2{font-size:28px;color:#fff;font-weight:700;text-align:center;margin:0}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.word-input{padding:16px 20px;font-size:18px;border:none;border-radius:12px;background:#fff;color:#334155;transition:all .3s ease}.word-input:focus{outline:none;box-shadow:0 0 0 4px #ffffff80;transform:translateY(-2px)}.word-input::-moz-placeholder{color:#94a3b8;font-style:italic}.word-input::placeholder{color:#94a3b8;font-style:italic}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;justify-content:center}.btn{padding:14px 24px;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn i{font-size:18px}.btn-upload{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.btn-upload:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.btn-download{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-example{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-example:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-add{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.btn-done{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.btn-done:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.upload-result{background:#fff;border-radius:12px;padding:20px;margin-bottom:30px}.upload-result h3{margin-top:0;color:#0891b2}.upload-result p{margin:8px 0;font-size:16px;font-weight:600}.upload-result details{margin-top:12px}.upload-result summary{cursor:pointer;font-weight:600;color:#dc2626}.upload-result ul{margin-top:8px;padding-left:20px}.upload-result li{font-size:14px;margin:4px 0}.words-table-container{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;overflow-x:auto;max-height:600px;overflow-y:auto}.words-table{width:100%;border-collapse:collapse;font-size:16px}.words-table thead{position:sticky;top:0;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;z-index:10}.words-table th{padding:16px;text-align:left;font-weight:700;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.words-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.words-table tbody tr:hover{background:#f0f9ff}.words-table td{padding:16px;color:#334155}.words-table td:first-child{font-weight:700;color:#64748b;width:80px}.btn-delete-row{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-delete-row:hover{background:#b91c1c;transform:scale(1.1)}.btn-delete-row i{font-size:16px}.remove-all-container{text-align:center}.btn-remove-all{padding:16px 32px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #dc26264d}.btn-remove-all:hover{transform:translateY(-2px);box-shadow:0 8px 30px #dc262680}.btn-remove-all i{margin-right:8px}.word-management-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;gap:20px}@media (max-width: 768px){.word-management-header h1{font-size:32px}.word-management-card{padding:24px}.language-labels{grid-template-columns:1fr;gap:12px}.language-labels h2{font-size:22px}.input-row{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{width:100%;justify-content:center}.words-table{font-size:14px}.words-table th,.words-table td{padding:12px 8px}.btn-remove-all{width:100%}}.my-list-container{max-width:1400px;margin:0 auto;padding:30px 20px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.my-list-header{text-align:center;color:#fff;margin-bottom:30px;position:relative}.back-button{position:absolute;left:0;top:10px;background:#fff3;color:#fff;border:2px solid white;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease}.back-button:hover{background:#ffffff4d;transform:translate(-5px)}.my-list-header h1{font-size:42px;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.my-list-header .subtitle{font-size:20px;margin:0;opacity:.9}.my-list-controls{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 15px #00000026;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.search-box{flex:1;min-width:200px}.search-input{width:100%;padding:12px 20px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.control-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.items-per-page-select{padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer;background:#fff}.btn-clear{padding:10px 20px;border:2px solid #f59e0b;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap}.btn-clear:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.btn-clear:disabled{opacity:.5;cursor:not-allowed}.btn-delete{padding:10px 20px;border:2px solid #dc2626;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap}.btn-delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.phrases-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000026;margin-bottom:20px}.phrases-table{width:100%;border-collapse:collapse}.phrases-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.phrases-table thead th{padding:15px;text-align:left;font-weight:600;font-size:16px}.phrases-table thead th.checkbox-col{width:50px;text-align:center}.phrases-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.phrases-table tbody tr:hover{background-color:#f9fafb}.phrases-table tbody tr.selected{background-color:#e0e7ff}.phrases-table tbody td{padding:15px;font-size:15px}.phrases-table tbody td.checkbox-col{text-align:center}.phrases-table input[type=checkbox]{width:18px;height:18px;cursor:pointer}.pagination-info{text-align:center;color:#fff;font-size:16px;margin-bottom:15px;font-weight:500}.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.page-btn{padding:10px 16px;border:2px solid white;background:#fff3;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;min-width:45px}.page-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.page-btn.active{background:#fff;color:#667eea}.page-btn:disabled{opacity:.4;cursor:not-allowed}.loading{text-align:center;color:#fff;font-size:24px;padding:60px;font-weight:600}.confirmation-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-content{background:#fff;padding:40px;border-radius:16px;max-width:500px;width:90%;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-content h2{margin:0 0 20px;color:#dc2626;font-size:28px;text-align:center}.confirmation-content p{margin:0 0 15px;font-size:18px;text-align:center;color:#374151}.warning-text{color:#dc2626;font-weight:600;font-size:16px!important}.modal-buttons{display:flex;gap:15px;margin-top:30px;justify-content:center}.btn-cancel{padding:12px 30px;border:2px solid #9ca3af;background:#fff;color:#374151;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease}.btn-cancel:hover{background:#f3f4f6;transform:translateY(-2px)}.btn-confirm-delete{padding:12px 30px;border:2px solid #dc2626;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease}.btn-confirm-delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}@media (max-width: 768px){.my-list-header h1{font-size:32px}.my-list-controls{flex-direction:column;align-items:stretch}.search-box{width:100%}.control-buttons{width:100%;justify-content:space-between}.phrases-table{font-size:14px}.phrases-table thead th,.phrases-table tbody td{padding:10px}.back-button{position:static;margin-bottom:20px;width:100%}}