@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@400;500;600&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--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:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-full{top:100%}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem}.mb-1,.my-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-24{height:6rem}.h-8{height:2rem}.h-full{height:100%}.max-h-0{max-height:0}.max-h-96{max-height:24rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\.5{--tw-translate-y:-0.375rem}.-translate-y-1\.5,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-1\.5{--tw-translate-y:0.375rem}.-rotate-45,.translate-y-1\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate:-45deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.break-all{word-break:break-all}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-50{--tw-border-opacity:1;border-color:#f9fafb;border-color:rgb(249 250 251/var(--tw-border-opacity,1))}.border-gray-800{--tw-border-opacity:1;border-color:#1f2937;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-300{--tw-border-opacity:1;border-color:#86efac;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-primary-500{--tw-border-opacity:1;border-color:#f43f5e;border-color:rgb(244 63 94/var(--tw-border-opacity,1))}.border-primary-600{--tw-border-opacity:1;border-color:#e11d48;border-color:rgb(225 29 72/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-white\/20{border-color:#fff3}.border-white\/40{border-color:#fff6}.border-yellow-200{--tw-border-opacity:1;border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-yellow-300{--tw-border-opacity:1;border-color:#fde047;border-color:rgb(253 224 71/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-pink-600{--tw-bg-opacity:1;background-color:#db2777;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.bg-primary-100{--tw-bg-opacity:1;background-color:#ffe4e6;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-primary-600{--tw-bg-opacity:1;background-color:#e11d48;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.bg-primary-700{--tw-bg-opacity:1;background-color:#be123c;background-color:rgb(190 18 60/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-700\/50{background-color:#b91c1c80}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.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-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:#f472b600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-600{--tw-gradient-from:#db2777 var(--tw-gradient-from-position);--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-400{--tw-gradient-from:#fb7185 var(--tw-gradient-from-position);--tw-gradient-to:#fb718500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-600{--tw-gradient-from:#e11d48 var(--tw-gradient-from-position);--tw-gradient-to:#e11d4800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}.to-primary-600{--tw-gradient-to:#e11d48 var(--tw-gradient-to-position)}.to-primary-800{--tw-gradient-to:#9f1239 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-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-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-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-top:1rem}.pb-4,.py-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-8{padding-left:2rem}.pr-4{padding-right:1rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.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-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-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:#f472b6;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:#ec4899;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-pink-700{--tw-text-opacity:1;color:#be185d;color:rgb(190 24 93/var(--tw-text-opacity,1))}.text-primary-100{--tw-text-opacity:1;color:#ffe4e6;color:rgb(255 228 230/var(--tw-text-opacity,1))}.text-primary-600{--tw-text-opacity:1;color:#e11d48;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.placeholder-white\/50::placeholder{color:#ffffff80}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a)}.drop-shadow-lg,.drop-shadow-md{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-md{--tw-drop-shadow:drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f)}.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)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#e11d48;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#be123c}.last\:border-0:last-child{border-width:0}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-pink-50:hover{--tw-bg-opacity:1;background-color:#fdf2f8;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.hover\:bg-pink-500:hover{--tw-bg-opacity:1;background-color:#ec4899;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.hover\:bg-primary-50:hover{--tw-bg-opacity:1;background-color:#fff1f2;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.hover\:bg-primary-600:hover{--tw-bg-opacity:1;background-color:#e11d48;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.hover\:bg-primary-700:hover{--tw-bg-opacity:1;background-color:#be123c;background-color:rgb(190 18 60/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.hover\:text-pink-100:hover{--tw-text-opacity:1;color:#fce7f3;color:rgb(252 231 243/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:border-white\/40:focus{border-color:#fff6}.focus\:bg-white\/25:focus{background-color:#ffffff40}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-110,.group:hover .group-hover\:scale-125{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.group:hover .group-hover\:bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-12{height:3rem}.md\:w-12{width:3rem}.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\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.promo-overlay{align-items:center;animation:promo-fade .25s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.promo-popup{animation:promo-slide .3s ease;background:#1e1e1e;border-radius:20px;max-width:360px;padding:28px 24px 22px;position:relative;text-align:center;width:100%}.promo-close{align-items:center;background:#333;border:none;border-radius:50%;color:#aaa;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;line-height:1;position:absolute;right:14px;top:12px;transition:background .15s;width:28px}.promo-close:hover{background:#444}.promo-badge{background:#cc2828;border-radius:20px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:1.2px;margin-bottom:10px;padding:4px 14px}.promo-discount{color:#fff;font-size:28px;font-weight:700;line-height:1.1;margin:0 0 6px}.promo-desc{color:#aaa;font-size:13px;line-height:1.5;margin:0 0 18px}.promo-ticket-wrap{margin-bottom:10px;position:relative}.promo-ticket{border-radius:12px;display:flex;height:88px;overflow:visible;position:relative}.ticket-left{background:#cc2828;border-radius:12px 0 0 12px;flex-direction:column;flex-shrink:0;gap:5px;width:25%}.ticket-left,.ticket-logo-ring{align-items:center;display:flex;justify-content:center}.ticket-logo-ring{background:#ffffff1f;border:1px solid #fff3;border-radius:50%;height:64px;overflow:hidden;padding:4px;width:64px}.ticket-logo-img{height:100%;object-fit:contain;width:100%}.ticket-notch-bot,.ticket-notch-top{background:#1e1e1e;height:9px;left:calc(25% - 9px);position:absolute;width:18px;z-index:4}.ticket-notch-top{border-radius:0 0 9px 9px;top:-1px}.ticket-notch-bot{border-radius:9px 9px 0 0;bottom:-1px}.ticket-left:after{border-right:2px dashed #cc282866;bottom:8px;content:"";position:absolute;right:0;top:8px}.ticket-right{align-items:center;background:#fff;border-radius:0 12px 12px 0;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;overflow:hidden}.ticket-code-label{color:#999;font-size:9px;font-weight:500;letter-spacing:1px}.ticket-code{color:#cc2828;cursor:text;font-family:Courier New,Courier,monospace;font-size:24px;font-weight:700;letter-spacing:4px;-webkit-user-select:text;user-select:text}.promo-salin{background:#2a2a2a;border:1px solid #444;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:12px;padding:11px;transition:background .15s,border-color .15s;width:100%}.promo-salin:hover{background:#333;border-color:#555}.promo-salin.copied{background:#1a4d2e;border-color:#2d8a4e;color:#6fcf97}.promo-info{color:#666;display:flex;font-size:11px;gap:16px;justify-content:center;margin-bottom:14px}.promo-cta{background:#cc2828;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:13px;transition:opacity .15s,transform .1s;width:100%}.promo-cta:hover{opacity:.9;transform:translateY(-1px)}.promo-cta:active{transform:translateY(0)}@keyframes promo-fade{0%{opacity:0}to{opacity:1}}@keyframes promo-slide{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:400px){.promo-popup{padding:24px 18px 18px}.promo-discount{font-size:24px}.ticket-code{font-size:20px;letter-spacing:3px}}body{overflow-x:hidden}.order-page{background:#f5f7fa;min-height:100vh;padding:0;position:relative}.game-header-image{background:linear-gradient(135deg,#ff4655,#bd3944 50%,#0f1923);background-position:50%;background-repeat:no-repeat;background-size:cover;height:50vh;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:60px;transition:opacity .3s ease,transform .3s ease;z-index:1}.game-header-image:after{background:linear-gradient(180deg,#f5f7fa00 0,#f5f7fab3 50%,#f5f7fa);bottom:0;content:"";height:15%;left:0;position:absolute;right:0;z-index:1}.order-page .container{margin:0 auto;max-width:1200px;padding:calc(100px + 50vh) 20px 40px;position:relative;z-index:10}.page-title-wrapper{align-items:center;display:flex;gap:20px;margin-bottom:30px}.game-icon-box{border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 12px #00000026;flex-shrink:0;height:120px;overflow:hidden;width:120px}.game-icon-img{display:block;height:100%;object-fit:cover;width:100%}.page-title{color:#1a202c;font-size:32px;font-weight:700;margin-bottom:0;text-align:left}.payment-logo{border-radius:4px;flex-shrink:0;height:32px;object-fit:contain;width:56px}.order-layout{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 400px}.order-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px}.form-section{margin-bottom:40px}.form-section h2{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.products-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;cursor:pointer;padding:20px;position:relative;transition:all .25s ease}.product-card:hover{background:#ec3a49;border-color:#ff4655;box-shadow:0 8px 20px #ff465559;color:#fff;transform:translateY(-2px)}.product-card.selected{background:#a82732;border-color:#ec3a49;box-shadow:0 0 0 3px #ff465559;color:#fff}.product-card.selected .product-description,.product-card.selected .product-name,.product-card.selected .product-price,.product-card:hover .product-description,.product-card:hover .product-name,.product-card:hover .product-price{color:#fff}.product-card.selected .product-price,.product-card:hover .product-price{font-weight:700}.product-name{color:#2d3748;font-size:16px;margin-bottom:8px}.product-price{color:#667eea;font-size:18px;font-weight:700}.product-description{display:none}.product-card .badge{background:gold;border-radius:8px;color:#1a202c;font-size:10px;font-weight:600;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.product-card.out-of-stock{background:#f7f7f7;border-color:#e2e8f0;cursor:not-allowed;opacity:.55;pointer-events:none;position:relative}.product-card.out-of-stock:hover{background:#f7f7f7;border-color:#e2e8f0;box-shadow:none;color:#2d3748;transform:none}.badge-oos{background:#ef4444;border-radius:6px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 8px;right:8px;text-transform:uppercase;top:8px}.badge-oos,.ribbon-wrapper{pointer-events:none;position:absolute}.ribbon-wrapper{height:90px;overflow:hidden;right:-6px;top:-9px;width:90px;z-index:20}.ribbon-badge{background:linear-gradient(180deg,#e53e3e,#c53030);box-shadow:0 3px 8px #0000004d,inset 0 1px 0 #fff3;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 0;position:absolute;right:-22px;text-align:center;top:18px;transform:rotate(45deg);width:100px}.ribbon-badge:before{border-left:5px solid #7b1a1a;left:0}.ribbon-badge:after,.ribbon-badge:before{border-bottom:5px solid #0000;bottom:-5px;content:"";position:absolute}.ribbon-badge:after{border-right:5px solid #7b1a1a;right:0}.product-price-compare{display:block;font-size:11px;font-weight:400;margin-bottom:2px}.oos-price,.product-price-compare{color:#a0aec0;text-decoration:line-through}.oos-price{font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error{border-color:#f56565}.form-group input.valid{border-color:#38a169}.form-group small{color:#718096;display:block}.error,.form-group small{font-size:12px;margin-top:4px}.error{color:#f56565}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.btn-submit:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.order-page .order-layout .order-summary{-webkit-overflow-scrolling:touch;align-self:flex-start!important;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;max-height:calc(100vh - 100px)!important;min-height:300px;overflow-x:hidden;overflow-y:auto!important;padding:24px;position:-webkit-sticky!important;position:sticky!important;top:80px!important}.order-summary::-webkit-scrollbar{width:6px}.order-summary::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.order-summary::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.order-summary::-webkit-scrollbar-thumb:hover{background:#94a3b8}.order-summary{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.order-summary h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:20px;font-weight:700;margin:0 0 20px;padding:0 0 16px}.summary-item{align-items:center;border-bottom:1px solid #f1f5f9;color:#475569;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.summary-item:last-of-type{border-bottom:none}.summary-item span:first-child{color:#64748b;font-weight:500}.summary-item span:last-child{color:#2d3748;font-weight:600;text-align:right}.summary-item .fee-amount{color:#f59e0b;font-weight:700}.summary-divider{background:linear-gradient(90deg,#e2e8f0,#cbd5e1,#e2e8f0);height:2px}.summary-total{align-items:center;color:#2d3748;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:16px 0 8px}.total-price{color:#667eea!important;font-size:24px!important;font-weight:800!important}.summary-note{color:#718096;font-size:12px;margin-top:8px;padding-bottom:16px;text-align:center}.order-summary .btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:16px;transition:all .3s ease;width:100%}.order-summary .btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.order-summary .btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.summary-placeholder{color:#a0aec0;font-size:14px;padding:40px 20px;text-align:center}.loading{font-size:18px;padding:60px 20px}.btn-validate{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea33;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:16px;padding:14px 24px;transition:all .3s ease;width:100%}.btn-validate:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3f8f);box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.btn-validate:disabled{background:#cbd5e0;cursor:not-allowed}.success{align-items:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:12px;box-shadow:0 4px 12px #28a74526;color:#155724;display:flex;font-weight:600;justify-content:space-between;margin-top:16px;padding:16px 20px}.btn-change{background:#fff;border:2px solid #28a745;border-radius:6px;color:#28a745;cursor:pointer;font-size:13px;font-weight:600;margin-left:12px;padding:8px 20px;transition:all .2s ease}.btn-change:hover{background:#28a745;color:#fff;transform:scale(1.05)}input:disabled{background-color:#f0f2f5;color:#6c757d;cursor:not-allowed;opacity:.7}.payment-methods{display:flex;flex-direction:column;gap:10px}.payment-accordion{border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:border-color .2s ease}.payment-accordion.open{border-color:#667eea}.accordion-header{align-items:center;background:#f8faff;border:none;color:#2d3748;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:14px 18px;text-align:left;transition:background .2s ease;width:100%}.accordion-header:hover{background:#eef2ff}.payment-accordion.open .accordion-header{background:linear-gradient(135deg,#eef2ff,#e8ecff);border-bottom:1px solid #c7d2fe;color:#4c51bf}.accordion-title{align-items:center;display:flex;gap:10px}.accordion-selected-badge{background:#667eea;border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.accordion-chevron{color:#667eea;font-size:11px;transition:transform .2s ease}.accordion-body{background:#fff;gap:8px;padding:12px}.accordion-body,.payment-category{display:flex;flex-direction:column}.payment-category{gap:12px}.payment-category h3{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:600;margin-bottom:8px;padding-bottom:8px}.payment-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .3s ease}.payment-option:hover{background:#f0f4ff;border-color:#667eea;transform:translateX(4px)}.payment-option.selected{background:linear-gradient(135deg,#f0f4ff,#e8ecff);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.payment-option input[type=radio]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:20px;width:20px}.payment-info{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:12px}.payment-name{color:#2d3748;font-size:15px;font-weight:600}.payment-note{color:#718096;font-size:12px;font-weight:500}@media (max-width:1024px){.order-layout{grid-template-columns:1fr}.order-page .order-layout .order-summary{margin-top:30px;max-height:none!important;order:2;position:relative!important;top:auto!important}}@media (max-width:768px){.order-page{padding:0}.game-header-image{height:45vh;top:60px}.order-page .container{padding-left:10px;padding-right:10px;padding-top:calc(80px + 45vh)}.page-title{font-size:24px}.page-title-wrapper{gap:14px}.game-icon-box{border-radius:12px;height:60px;width:60px}.payment-logo{height:26px;width:44px}.order-form,.order-summary{padding:20px}.products-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-card{padding:15px}.payment-option{padding:14px 16px}.payment-name{font-size:14px}}@media (max-width:1024px){.order-summary{margin-top:30px}}@media (max-width:768px){.order-summary{padding:20px}.order-summary h3{font-size:18px;margin:0 0 16px;padding:0 0 12px}}.voucher-section{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:2px dashed #a5b4fc;border-radius:12px;margin-bottom:30px;padding:25px!important}.voucher-section h2{border-bottom:2px solid #c7d2fe;color:#4f46e5;font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:12px}.voucher-input-group{align-items:stretch;display:flex;gap:10px}.voucher-input-group input{background:#fff;border:2px solid #e0e7ff;border-radius:8px;flex:1 1;font-size:15px;font-weight:600;padding:12px 16px;text-transform:uppercase;transition:all .3s ease}.voucher-input-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.voucher-input-group input.error{background:#fef2f2;border-color:#ef4444}.voucher-input-group input.success{background:#f0fdf4;border-color:#10b981}.voucher-input-group input:disabled{background:#f9fafb;cursor:not-allowed}.btn-apply-voucher,.btn-remove-voucher{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-apply-voucher{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.btn-apply-voucher:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.btn-apply-voucher:disabled{cursor:not-allowed;opacity:.5}.btn-remove-voucher{background:#fee2e2;color:#dc2626}.btn-remove-voucher:hover{background:#fecaca;transform:translateY(-2px)}.voucher-error{background:#fef2f2;border-left:4px solid #ef4444;color:#dc2626;font-weight:500}.voucher-error,.voucher-success{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px 16px}.voucher-success{animation:slideDown .3s ease;background:#f0fdf4;border-left:4px solid #10b981;color:#059669;font-weight:600}.summary-item.voucher-discount{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #10b981;border-radius:8px;margin:10px 0;padding:12px}.summary-item.voucher-discount span:first-child{color:#059669;font-weight:600}@media (max-width:768px){.voucher-section{padding:20px!important}.voucher-input-group{flex-direction:column}.btn-apply-voucher,.btn-remove-voucher{width:100%}}.voucher-info-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:20px 24px}.voucher-notice{align-items:flex-start;display:flex;gap:12px}.voucher-notice span{flex-shrink:0;font-size:24px;line-height:1}.voucher-notice p{color:#166534;font-size:14px;line-height:1.6;margin:0}.pln-check-result{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #22c55e;border-radius:12px;margin-top:16px;padding:16px 20px}.pln-check-header{align-items:center;border-bottom:1px solid #bbf7d0;color:#166534;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:14px;padding-bottom:10px}.pln-check-icon{font-size:18px}.pln-check-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.pln-check-row{align-items:flex-start;display:flex;font-size:14px;gap:12px;justify-content:space-between}.pln-check-label{color:#4b7c59;flex-shrink:0;font-weight:500}.pln-check-value{color:#14532d;font-weight:700;text-align:right;word-break:break-word}.payment-category-disabled{opacity:.55}.payment-option-disabled{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;cursor:not-allowed;padding:12px 16px}.coming-soon-text{color:#9ca3af;font-style:italic}.badge-coming-soon-inline{background:#dbeafe;border-radius:20px;color:#1d4ed8;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}.product-name{align-items:center;display:flex;gap:8px}.product-card-icon{border-radius:6px;flex-shrink:0;height:28px;object-fit:contain;width:28px}.info-box-ovo{background:#fff8e1;border:1px solid #f9a825;border-radius:8px;color:#5d4037;font-size:13px;line-height:1.5;margin-top:8px;padding:10px 14px}.products-section-label{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:13px;font-weight:700;letter-spacing:.3px;margin:18px 0 10px;padding-bottom:6px}.products-section-label:first-child{margin-top:4px}.products-grid--bundle{grid-template-columns:repeat(2,1fr)}@media (max-width:480px){.products-grid--bundle{grid-template-columns:1fr}}.sp-page{align-items:flex-start;background:#0e1117;display:flex;font-family:DM Sans,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 20px 60px;position:relative}.sp-blob{border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none;position:fixed;z-index:0}.sp-blob-1{animation:blobDrift 12s ease-in-out infinite alternate;background:#22c55e;height:500px;left:-150px;top:-120px;width:500px}.sp-blob-2{animation:blobDrift 16s ease-in-out infinite alternate-reverse;background:#3b82f6;bottom:-100px;height:400px;right:-120px;width:400px}@keyframes blobDrift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.1)}}.sp-card{animation:cardIn .6s cubic-bezier(.22,.61,.36,1) both;background:#161b27;border:1px solid #1f2937;border-radius:24px;box-shadow:0 32px 80px #00000080;max-width:540px;padding:48px 40px;position:relative;width:100%;z-index:1}@keyframes cardIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.sp-check-wrap{display:flex;justify-content:center;margin-bottom:28px}.sp-check-svg{animation:svgPop .5s ease-out both;height:80px;width:80px}@keyframes svgPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.sp-check-circle{stroke:#22c55e;stroke-width:2.5;stroke-dasharray:166;stroke-dashoffset:166;animation:drawCircle .6s ease-out .2s forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}.sp-check-mark{stroke:#22c55e;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:drawMark .4s ease-out .7s forwards}@keyframes drawMark{to{stroke-dashoffset:0}}.sp-title{animation:fadeUp .5s ease-out .5s both;color:#f1f5f9;font-family:Syne,sans-serif;font-size:28px;font-weight:800;margin:0 0 10px;text-align:center}.sp-subtitle{animation:fadeUp .5s ease-out .6s both;color:#64748b;font-size:15px;margin:0 0 32px;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sp-code-zone{animation:fadeUp .5s ease-out .65s both;border-radius:16px;margin-bottom:28px;padding:28px 24px;text-align:center}.sp-code-zone.is-waiting{background:#1a2235;border:1px dashed #334155}.sp-code-zone.is-ready{background:linear-gradient(135deg,#052e16,#14532d);border:1px solid #22c55e44;box-shadow:0 0 40px #22c55e18}.sp-code-zone.is-timeout{background:#1c1a14;border:1px solid #a16207}.sp-code-waiting{align-items:center;display:flex;flex-direction:column;gap:12px}.sp-pulse-ring{align-items:center;border:3px solid #22c55e33;border-radius:50%;display:flex;height:56px;justify-content:center;position:relative;width:56px}.sp-pulse-ring:before{animation:pulseRing 1.5s ease-out infinite;border:2px solid #22c55e66;border-radius:50%;content:"";inset:-6px;position:absolute}@keyframes pulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.sp-pulse-dot{animation:pulseDot 1.5s ease-in-out infinite alternate;background:#22c55e;border-radius:50%;height:20px;width:20px}@keyframes pulseDot{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.sp-waiting-title{color:#e2e8f0;font-family:Syne,sans-serif;font-size:16px;font-weight:700;margin:0}.sp-waiting-hint{color:#475569;font-size:13px;margin:0}.sp-progress-bar{background:#1e293b;border-radius:99px;height:4px;margin-top:4px;max-width:240px;overflow:hidden;width:100%}.sp-progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:99px;height:100%;transition:width 3s linear}.sp-code-timeout{align-items:center;display:flex;flex-direction:column;gap:8px}.sp-timeout-icon{font-size:36px}.sp-code-timeout p{color:#ca8a04;font-size:14px;margin:0}.sp-code-ready{align-items:center;display:flex;flex-direction:column;gap:14px}.sp-code-label{color:#4ade80;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.sp-code-value{background:#052e1688;border:1px solid #22c55e44;border-radius:10px;color:#f0fdf4;cursor:pointer;font-family:Courier New,monospace;font-size:22px;font-weight:700;letter-spacing:3px;padding:14px 24px;transition:background .2s;word-break:break-all}.sp-code-value:hover{background:#14532d88}.sp-btn-copy{background:#22c55e;border:none;border-radius:8px;color:#052e16;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;padding:10px 28px;transition:all .2s}.sp-btn-copy:hover{background:#16a34a;transform:translateY(-1px)}.sp-btn-copy.copied{background:#16a34a;pointer-events:none}.sp-code-hint{color:#4ade80aa;font-size:12px;line-height:1.6;margin:0;max-width:320px}.sp-detail{animation:fadeUp .5s ease-out .7s both;background:#1a2235;border:1px solid #1f2937;border-radius:16px;margin-bottom:24px;padding:24px}.sp-detail-header{border-bottom:1px solid #1f2937;color:#475569;font-family:Syne,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;margin-bottom:20px;padding-bottom:12px;text-transform:uppercase}.sp-row{align-items:center;display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:10px 0}.sp-row>span:first-child{color:#475569;flex-shrink:0}.sp-row>span:last-child{color:#e2e8f0;font-weight:500;text-align:right;word-break:break-all}.sp-divider{background:#1f2937;height:1px;margin:8px 0}.sp-row-total>span:first-child{color:#94a3b8;font-weight:600}.sp-row-total>span:last-child{color:#22c55e;font-size:20px;font-weight:700}.sp-mono{font-family:Courier New,monospace;font-size:12px}.sp-notes{animation:fadeUp .5s ease-out .75s both;background:#1a1f2e;border:1px solid #1f2937;border-radius:12px;margin-bottom:28px;padding:16px 20px}.sp-note{align-items:flex-start;color:#64748b;display:flex;font-size:13px;gap:12px;line-height:1.5;padding:8px 0}.sp-note span:first-child{flex-shrink:0;font-size:16px;margin-top:1px}.sp-actions{animation:fadeUp .5s ease-out .8s both;display:flex;flex-wrap:wrap;gap:12px}.sp-btn-primary,.sp-btn-secondary{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;min-width:140px;padding:14px 20px;transition:all .25s}.sp-btn-primary{background:#22c55e;color:#052e16}.sp-btn-primary:hover{background:#16a34a;box-shadow:0 8px 20px #22c55e33;transform:translateY(-2px)}.sp-btn-secondary{background:#0000;border:1px solid #1f2937;color:#94a3b8}.sp-btn-secondary:hover{background:#1f2937;color:#e2e8f0;transform:translateY(-2px)}.sp-loader{align-items:center;color:#475569;display:flex;flex-direction:column;font-size:14px;gap:16px;padding-top:120px}.sp-loader-ring{animation:spin .8s linear infinite;border:3px solid #1f2937;border-radius:50%;border-top-color:#22c55e;height:40px;width:40px}@media (max-width:600px){.sp-page{padding:70px 12px 40px}.sp-card{border-radius:16px;padding:36px 20px}.sp-title{font-size:22px}.sp-code-value{font-size:17px;letter-spacing:2px;padding:12px 16px}.sp-actions{flex-direction:column}}.sp-pln-info{background:#052e1666;border:1px solid #22c55e33;border-radius:10px;margin:4px 0 2px;overflow:hidden;text-align:left;width:100%}.sp-pln-row{align-items:center;border-bottom:1px solid #22c55e18;display:flex;gap:12px;justify-content:space-between;padding:10px 16px}.sp-pln-row:last-child{border-bottom:none}.sp-pln-key{color:#4ade80aa;flex-shrink:0;font-size:12px;white-space:nowrap}.sp-pln-val{color:#f0fdf4;font-size:13px;font-weight:600;text-align:right;word-break:break-word}.payment-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf4);min-height:100vh;padding:80px 20px 40px}.payment-page .container{margin:0 auto;max-width:800px}.payment-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.payment-header{background:linear-gradient(135deg,#e91e63,#d81b60);color:#fff;padding:40px 30px;text-align:center}.payment-header h1{font-size:28px;font-weight:700;margin-bottom:12px}.order-info{align-items:center;display:flex;font-size:14px;gap:12px;justify-content:center;opacity:.95}.order-number{background:#fff3;border-radius:6px;font-weight:600;padding:6px 12px}.separator{opacity:.6}.payment-method{font-weight:500}.payment-timer{align-items:center;background:linear-gradient(135deg,#fff5e6,#ffe8cc);border-left:4px solid #ff9800;display:flex;gap:16px;padding:20px 30px}.payment-timer.expired{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left-color:#f44336}.timer-icon{font-size:32px}.timer-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.timer-label{color:#666;font-size:13px;font-weight:500}.timer-value{color:#ff9800;font-size:24px;font-weight:700}.payment-timer.expired .timer-value{color:#f44336}.expired-message{background:#fff;border-radius:8px;color:#f44336;font-size:14px;font-weight:600;padding:8px 16px}.payment-details{padding:30px}.payment-section{margin-bottom:40px}.payment-section h2{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.va-number-container{align-items:center;background:linear-gradient(135deg,#fce4ec,#f8bbd0);border:2px solid #e91e63;border-radius:12px;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding:24px}.va-number{color:#c2185b;flex:1 1;font-family:Courier New,monospace;font-size:28px;font-weight:700;letter-spacing:2px;word-break:break-all}.btn-copy{background:linear-gradient(135deg,#e91e63,#d81b60);border:none;border-radius:8px;box-shadow:0 4px 12px #e91e634d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-copy:hover{box-shadow:0 6px 16px #e91e6366;transform:translateY(-2px)}.btn-copy.copied{background:linear-gradient(135deg,#28a745,#20c997)}.btn-download-qris{align-items:center;background:linear-gradient(135deg,#1a73e8,#1557b0);border:none;border-radius:8px;box-shadow:0 4px 12px #1a73e84d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin:12px auto 4px;padding:10px 22px;transition:all .3s ease}.btn-download-qris:hover{box-shadow:0 6px 16px #1a73e866;transform:translateY(-2px)}.btn-download-qris.downloaded{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d}.qris-container{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border:2px solid #e91e63}.amount-display{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.amount-label{color:#666;font-weight:500}.amount-value{color:#2d3748;font-size:24px}.payment-instructions{background:#f8f9fa;border-radius:10px;padding:24px}.payment-instructions h3{color:#2d3748;font-weight:600;margin-bottom:16px}.payment-instructions ol{margin:0;padding-left:24px}.payment-instructions li{color:#4a5568;line-height:1.8;margin-bottom:8px}.payment-instructions strong{color:#2d3748;font-weight:600}.order-summary{background:#f8f9fa;border-radius:10px;padding:24px}.order-summary h3{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:12px}.summary-row{align-items:center;color:#4a5568;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.summary-row span:last-child{color:#2d3748;font-weight:600;text-align:right}.summary-divider{background:#e2e8f0;height:1px;margin:16px 0}.summary-row.total{font-size:16px;padding:16px 0}.total-amount{color:#e91e63!important;font-size:24px!important;font-weight:700!important}.payment-actions{border-top:1px solid #e2e8f0;padding:30px;text-align:center}.btn-check-status{background:linear-gradient(135deg,#e91e63,#d81b60);border:none;border-radius:12px;box-shadow:0 4px 12px #e91e634d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;transition:all .3s ease}.btn-check-status:hover:not(:disabled){box-shadow:0 6px 16px #e91e6366;transform:translateY(-2px)}.btn-check-status:disabled{cursor:not-allowed;opacity:.6}.help-text{color:#718096;font-size:13px;margin-top:16px}.payment-notes{background:#f8f9fa;display:flex;flex-direction:column;gap:12px;padding:24px 30px}.note-item{align-items:flex-start;color:#4a5568;display:flex;font-size:13px;gap:12px;line-height:1.6}.note-icon{flex-shrink:0;font-size:18px}.error-container,.loading-container{padding:80px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}.error-icon{font-size:64px;margin-bottom:20px}.error-container h2{color:#2d3748;font-size:24px;margin-bottom:12px}.error-container p{color:#718096;font-size:16px;margin-bottom:24px}.btn-back{background:linear-gradient(135deg,#e91e63,#d81b60);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-back:hover{box-shadow:0 4px 12px #e91e634d;transform:translateY(-2px)}@media (max-width:768px){.payment-page{padding:70px 10px 20px}.payment-header{padding:30px 20px}.payment-header h1{font-size:22px}.order-info{flex-direction:column;gap:8px}.separator{display:none}.payment-timer{flex-direction:column;padding:16px 20px;text-align:center}.timer-content{align-items:center}.payment-details{padding:20px}.va-number-container{flex-direction:column;padding:20px}.va-number{font-size:20px;text-align:center}.btn-copy{width:100%}.qris-container{padding:20px}.qr-code{max-width:250px}.amount-display{flex-direction:column;gap:8px;text-align:center}.amount-value{font-size:20px}.payment-instructions{padding:16px}.payment-instructions ol{padding-left:20px}.payment-actions{padding:20px}.btn-check-status{padding:14px 20px;width:100%}.payment-notes{padding:20px}}.qris-container{background:linear-gradient(135deg,#f0f4ff,#e8ecff);border:2px solid #667eea;border-radius:12px;margin-bottom:24px;padding:30px;text-align:center}.qr-code{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block;height:auto;margin:20px auto;max-width:300px;padding:16px;width:100%}.summary-row.voucher-discount{background-color:#f0fdf4;border:1px solid #10b981;border-radius:8px;margin:8px 0;padding:12px 16px;transition:all .3s ease}.summary-row.voucher-discount:hover{background-color:#dcfce7;box-shadow:0 2px 8px #10b98126}.summary-row.voucher-discount span:first-child{color:#059669;font-size:.95em;font-weight:600}.summary-row.voucher-discount span:last-child{color:#10b981;font-size:1.05em;font-weight:700}.payment-instructions{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:20px}.payment-instructions h3{border-bottom:2px solid #ff6b35;color:#1a2332;font-size:16px;margin:0 0 15px;padding-bottom:10px}.instruction-section{margin:20px 0}.instruction-divider{border-top:1px dashed #e5e7eb;padding-top:15px}.instruction-section strong{color:#1a2332;display:block;font-size:14px;margin-bottom:10px}.payment-instructions ol{margin:10px 0;padding-left:20px}.payment-instructions li{color:#1f2937;font-size:14px;line-height:1.6;margin:8px 0}.payment-instructions li strong{color:#ff6b35;display:inline;font-weight:600}.note-box{background:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.note-box,.qr-note{border-radius:4px;font-size:14px;margin-top:15px;padding:12px 15px}.qr-note{background:#f0f9ff;border-left:4px solid #0ea5e9;color:#0c4a6e}@media (max-width:768px){.summary-row.voucher-discount{margin:6px 0;padding:10px 12px}.summary-row.voucher-discount span:first-child{font-size:.9em}.summary-row.voucher-discount span:last-child{font-size:1em}}@keyframes fadeInVoucher{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.summary-row.voucher-discount{animation:fadeInVoucher .4s ease-out}@media print{.summary-row.voucher-discount{background-color:initial;border:1px solid #000}.summary-row.voucher-discount span{color:#000!important}}.amount-display-collapsible{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border:2px solid #e91e63;border-radius:12px;box-shadow:0 4px 12px #e91e6326;margin:20px 0;padding:25px}.amount-header{margin-bottom:15px;text-align:center}.amount-label{color:#880e4f;display:block;font-weight:600;letter-spacing:1px;margin-bottom:10px}.amount-value-large{color:#c2185b;display:block;font-size:36px;font-weight:700;letter-spacing:1px}.toggle-details-btn{align-items:center;background:#fff;border:1px solid #e91e63;border-radius:8px;color:#c2185b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.toggle-details-btn:hover{box-shadow:0 4px 12px #e91e634d;transform:translateY(-1px)}.toggle-details-btn.active,.toggle-details-btn:hover{background:linear-gradient(135deg,#e91e63,#d81b60);color:#fff}.toggle-details-btn.active{border-color:#e91e63}.toggle-details-btn span{align-items:center;display:flex;gap:8px}.order-details-collapse{animation:slideDown .3s ease;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:15px;padding:20px}.detail-row{align-items:center;color:#2d3748;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.detail-label{color:#4a5568;font-weight:500}.detail-value{color:#2d3748;font-weight:600;text-align:right}.detail-value.discount{color:#10b981;font-weight:700}.detail-divider{background:#e2e8f0;height:1px;margin:10px 0}.detail-row.total-row{font-size:16px;font-weight:600;padding-top:15px}.detail-row.total-row .detail-value.total{color:#e91e63;font-size:18px;font-weight:700}@media (max-width:768px){.amount-value-large{font-size:28px}.detail-row{align-items:flex-start;flex-direction:column;gap:5px}.detail-value{text-align:left}}.ovo-popup-overlay{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ovo-popup-container{animation:slideUp .25s ease;display:flex;flex-direction:column;max-height:90vh;max-width:420px}.ovo-popup-close{align-items:center;display:flex;justify-content:center}.ovo-popup-body{background:#f8f9fa;flex:1 1;min-height:400px;overflow:hidden;position:relative}.ovo-popup-iframe{border:none;display:block;height:100%;min-height:400px;width:100%}.ovo-popup-footer{background:#f8f9fa;padding:12px 20px;text-align:center}.ovo-popup-footer p{color:#6b7280;font-size:12px;margin:0 0 8px}.ovo-popup-fallback{background:none;border:1px solid #4c3494;border-radius:8px;color:#4c3494;cursor:pointer;font-size:12px;padding:6px 14px;transition:all .2s}.ovo-popup-fallback:hover{background:#4c3494;color:#fff}@media (max-width:480px){.ovo-popup-overlay{align-items:flex-end;padding:0}.ovo-popup-container{border-radius:16px 16px 0 0;max-height:92vh;max-width:100%}}.btn-open-payment{background:linear-gradient(135deg,#ee4d2d,#f05b3a);border:none;border-radius:12px;box-shadow:0 4px 14px #ee4d2d59;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:16px 0;padding:16px;text-align:center;text-decoration:none;transition:transform .15s,box-shadow .15s;width:100%}.btn-open-payment:hover{box-shadow:0 6px 18px #ee4d2d73;transform:translateY(-2px)}.btn-open-payment:active{transform:translateY(0)}.btn-ovo{background:linear-gradient(135deg,#4c3494,#6d4fc7);border:none;border-radius:12px;box-shadow:0 4px 14px #4c349459;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:16px 0;padding:16px;text-align:center;transition:transform .15s,box-shadow .15s;width:100%}.btn-ovo:hover{box-shadow:0 6px 18px #4c349473;transform:translateY(-2px)}.btn-ovo:active{transform:translateY(0)}.ovo-popup-overlay{align-items:center;animation:ovoFadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}@keyframes ovoFadeIn{0%{opacity:0}to{opacity:1}}.ovo-popup-container{animation:ovoSlideUp .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;overflow:hidden;width:100%}@keyframes ovoSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ovo-popup-header{align-items:center;background:linear-gradient(135deg,#4c3494,#6d4fc7);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.ovo-popup-title{align-items:center;display:flex;font-size:16px;font-weight:700;gap:10px}.ovo-popup-logo{font-size:20px}.ovo-popup-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:30px;transition:background .2s;width:30px}.ovo-popup-close:hover{background:#ffffff59}.ovo-popup-body-info{padding:20px}.ovo-popup-steps{display:flex;flex-direction:column;gap:14px}.ovo-step{align-items:flex-start;color:#374151;display:flex;font-size:14px;gap:12px;line-height:1.5}.ovo-step-num{align-items:center;background:#4c3494;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;min-width:26px}.ovo-popup-footer{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;padding:16px 20px}.ovo-btn-pay{background:linear-gradient(135deg,#4c3494,#6d4fc7);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:opacity .2s;width:100%}.ovo-btn-pay:hover{opacity:.9}.ovo-popup-cancel{background:none;border:1px solid #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;padding:10px;transition:background .2s;width:100%}.ovo-popup-cancel:hover{background:#f9fafb}@media (max-width:480px){.ovo-popup-overlay{align-items:flex-end;padding:0}.ovo-popup-container{border-radius:16px 16px 0 0;max-width:100%}}.btn-dana{background:linear-gradient(135deg,#0d7fd4,#118eea);border:none;border-radius:12px;box-shadow:0 4px 14px #118eea59;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:16px 0;padding:16px;text-align:center;text-decoration:none;transition:transform .15s,box-shadow .15s;width:100%}.btn-dana:hover{box-shadow:0 6px 18px #118eea73;transform:translateY(-2px)}.btn-dana:active{transform:translateY(0)}.qr-payment-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.qr-payment-page .container{margin:0 auto;max-width:700px}.qr-payment-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;overflow:hidden}.qr-payment-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 20px}.status-badge.pending{background:#fff3;border:2px solid #ffffff80}.status-icon{font-size:18px}.qr-payment-header h1{font-size:28px;margin:0 0 10px}.order-number{font-size:14px;opacity:.9}.payment-amount-box{background:#f8f9ff;border-bottom:2px solid #e0e7ff;padding:30px 40px;text-align:center}.amount-label{color:#6b7280;font-size:14px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.amount-value{color:#1f2937;font-size:38px;font-weight:700;margin-bottom:12px}.payment-method-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:6px 16px}.qr-code-section{padding:40px}.qr-code-wrapper{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;height:320px;justify-content:center;margin:0 auto 30px;padding:20px;position:relative;width:320px}.qr-code-image{height:100%;object-fit:contain;width:100%}.qr-scan-animation{border-radius:16px;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.scan-line{animation:scan 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#667eeacc,#0000);box-shadow:0 0 10px #667eea80;height:2px;position:absolute;width:100%}@keyframes scan{0%,to{opacity:0;top:20px}10%{opacity:1}90%{opacity:1}to{top:calc(100% - 20px)}}.qr-instructions{background:#f8f9ff;border-radius:12px;margin-top:20px;padding:24px}.qr-instructions h3{color:#1f2937;font-size:18px;margin:0 0 16px}.qr-instructions ol{margin:0;padding-left:20px}.qr-instructions li{color:#4b5563;line-height:1.6;margin-bottom:8px}.qr-instructions strong{color:#1f2937;font-weight:600}.qr-loading{padding:60px 20px;text-align:center}.qr-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 20px;width:60px}.qr-loading p{color:#6b7280;margin:8px 0}.qr-loading .note{color:#9ca3af;font-size:14px}.alternative-payment{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding:20px 40px;text-align:center}.alternative-payment p{color:#6b7280;margin:0 0 12px}.btn-open-app{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 32px;text-decoration:none;transition:all .2s}.btn-open-app:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.auto-refresh-indicator{background:#f0fdf4;padding:24px 40px;text-align:center}.refresh-icon{animation:rotate 2s linear infinite;display:inline-block;font-size:32px;margin-bottom:8px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auto-refresh-indicator p{color:#166534;font-weight:500;margin:4px 0}.auto-refresh-indicator .note{color:#16a34a;font-size:13px;font-weight:400}.important-notes{background:#fef3c7;padding:24px 40px}.important-notes h3{color:#92400e;font-size:18px;margin:0 0 16px}.important-notes ul{margin:0;padding-left:20px}.important-notes li{color:#78350f;line-height:1.6;margin-bottom:8px}.product-info-box{background:#f8f9ff;border-top:1px solid #e0e7ff;padding:24px 40px}.product-info-box h4{color:#1f2937;margin:0 0 16px}.product-item{align-items:flex-start;display:flex;justify-content:space-between;padding:12px 0}.product-details{display:flex;flex-direction:column;gap:4px}.product-name{color:#1f2937;font-weight:600}.game-info{color:#6b7280;font-size:14px}.product-price{color:#1f2937;font-weight:600}.qr-payment-actions{display:flex;gap:16px;padding:24px 40px}.qr-payment-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.btn-refresh{background:#4f46e5;color:#fff}.btn-refresh:hover{background:#4338ca;transform:translateY(-2px)}.btn-home{background:#e5e7eb;color:#1f2937}.btn-home:hover{background:#d1d5db}.error-box,.loading{background:#fff;border-radius:16px;padding:60px 40px;text-align:center}.loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 20px;width:60px}.error-box{color:#dc2626}.error-box h2{margin:0 0 16px}.error-box button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 24px}@media (max-width:768px){.qr-payment-page{padding:20px 10px}.qr-payment-header{padding:30px 20px}.qr-payment-header h1{font-size:22px}.payment-amount-box{padding:20px}.amount-value{font-size:32px}.qr-code-section{padding:20px}.qr-code-wrapper{height:280px;width:280px}.qr-instructions{padding:16px}.alternative-payment,.auto-refresh-indicator,.important-notes,.product-info-box{padding:16px 20px}.qr-payment-actions{flex-direction:column;padding:20px}}.admin-login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-logo{height:80px;margin-bottom:15px;width:80px}.login-header h1{color:#1a202c;font-size:24px;margin:10px 0 5px}.login-header p{color:#718096;font-size:14px}.login-form .form-group{margin-bottom:20px}.login-form label{color:#2d3748;display:block;font-weight:600;margin-bottom:8px}.login-form input{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.login-form input:focus{border-color:#667eea;outline:none}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s;width:100%}.btn-login:hover:not(:disabled){transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fed7d7;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px;padding:12px}.login-footer{color:#a0aec0;margin-top:30px;text-align:center}.admin-dashboard{background:#f7fafc;min-height:100vh;padding:30px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:#1a202c;font-size:28px;margin:0 0 5px}.dashboard-header p{color:#718096;margin:4px 0 0}.admin-brand{align-items:center;display:flex;gap:14px}.admin-brand-logo{flex-shrink:0;height:40px;object-fit:contain;width:auto}.admin-brand-text{display:flex;flex-direction:column;gap:2px;line-height:1}.admin-brand-name{color:#7c6bf0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.admin-brand-text h1{color:#1a202c;font-size:22px!important;line-height:1.2;margin:0!important}.header-right{display:flex;gap:10px}.btn-secondary{background:#e2e8f0;border:none;border-radius:8px;color:#2d3748;cursor:pointer;font-weight:600;padding:10px 20px}.btn-primary{background:#667eea}.btn-danger,.btn-primary{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.btn-danger{background:#f56565}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.stat-card h3{color:#718096;font-size:14px;font-weight:600;margin:0 0 10px;text-transform:uppercase}.stat-value{color:#1a202c;font-size:28px;font-weight:700;margin-bottom:8px}.stat-label{color:#a0aec0;font-size:14px}.stat-profit{color:#48bb78;font-size:14px;font-weight:600;margin-top:8px}.stat-card.alert-critical{background:#fed7d7;border:2px solid #f56565}.stat-card.alert-warning{background:#feebc8;border:2px solid #ed8936}.alert-box{align-items:center;background:#fef5e7;border:2px solid #f39c12;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.alert-content strong{color:#e67e22;display:block;margin-bottom:5px}.alert-content p{color:#8e6e4f;margin:0}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.chart-card h3{color:#1a202c;font-size:18px;margin:0 0 20px}.filters-bar{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:15px;margin-bottom:20px;padding:20px}.search-input{flex:1 1}.filter-select,.search-input{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 16px}.filter-select{min-width:200px}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:#f7fafc}.orders-table th{border-bottom:2px solid #e2e8f0;color:#2d3748;font-weight:600;padding:16px;text-align:left}.orders-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;padding:16px}.orders-table tbody tr:hover{background:#f7fafc}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.badge-success{background:#c6f6d5;color:#22543d}.badge-pending{background:#bee3f8;color:#2c5282}.badge-failed{background:#fed7d7;color:#742a2a}.badge-warning{background:#feebc8;color:#7c2d12}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;padding:20px}.btn-pagination{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px}.btn-pagination:disabled{background:#cbd5e0;cursor:not-allowed}.pagination-info{color:#718096;font-size:14px}.loading{color:#718096;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.admin-dashboard{padding:15px}.charts-grid,.stats-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.table-container{overflow-x:auto}}.toast-notif{animation:toast-in .3s ease;border-radius:10px;box-shadow:0 4px 16px #00000026;font-size:14px;font-weight:600;padding:14px 20px;position:fixed;right:20px;top:20px;z-index:9999}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.order-row-clickable{cursor:pointer;transition:background .15s}.order-row-clickable:hover{background:#f0f4ff}.order-detail-modal{display:flex;flex-direction:column;max-height:90vh;max-width:95vw;width:580px}.order-detail-body{flex:1 1;overflow-y:auto;padding:0 24px}.detail-section{border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-bottom:16px}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#a0aec0;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.order-detail-row{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:6px 0}.order-detail-label{color:#718096;flex-shrink:0;font-size:13px}.order-detail-value{color:#2d3748;font-size:13px;font-weight:500;text-align:right;word-break:break-all}.order-detail-value.mono{background:#f7fafc;border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:2px 8px}.total-row{border-top:2px solid #e2e8f0;margin-top:8px;padding-top:12px}.total-row .order-detail-label{color:#2d3748;font-size:14px;font-weight:700}.total-value{color:#667eea!important;font-size:18px!important;font-weight:700!important}.retry-confirm-modal{max-width:95vw;width:440px}.retry-confirm-body{padding:8px 24px 16px;text-align:center}.retry-confirm-icon{font-size:40px;margin-bottom:12px}.retry-confirm-body p{color:#4a5568;font-size:14px;margin-bottom:16px}.retry-info-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:14px 16px;text-align:left}.retry-info-box div{display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:4px 0}.retry-info-box div span{color:#718096;flex-shrink:0}.retry-info-box div strong{color:#2d3748;font-family:monospace;text-align:right;word-break:break-all}.retry-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#c05621!important;font-size:12px!important;margin:0!important;padding:8px 12px}.order-row-hover:hover{background:#f8fafc;transition:background .15s}.badge-default{background:#edf2f7;color:#4a5568}.badge-danger{background:#fed7d7;color:#742a2a}.badge-success-soft{background:#c6f6d5;color:#22543d}.badge-expired{background:#e9d8fd;color:#553c9a}.admin-page-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.admin-page-header,.aph-brand,.aph-left{align-items:center;display:flex}.aph-brand{gap:14px}.aph-logo{flex-shrink:0;height:40px;object-fit:contain;width:auto}.aph-text{display:flex;flex-direction:column;gap:1px;line-height:1}.aph-brand-name{color:#7c6bf0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.aph-title{color:#1a202c;font-size:22px;font-weight:700;line-height:1.2;margin:0}.aph-subtitle{color:#718096;font-size:13px;margin:2px 0 0}.aph-right{gap:10px}.aph-right,.catalog-stats{align-items:center;display:flex;flex-wrap:wrap}.catalog-stats{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;gap:24px;margin-bottom:20px;padding:16px 24px}.cstat{color:#718096;font-size:14px}.cstat strong{color:#1a202c;font-size:20px;font-weight:700;margin-right:4px}.cstat-divider{background:#e2e8f0;height:32px;padding:0;width:1px}.catalog-tabs{display:flex;gap:8px;margin-bottom:16px}.tab-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .15s}.tab-btn:hover{border-color:#667eea;color:#667eea}.tab-btn.active{background:#667eea;border-color:#667eea;color:#fff}.cell-game-name{align-items:center;display:flex;gap:10px}.table-game-icon{border-radius:6px;height:28px;object-fit:contain;width:28px}.slug-badge{background:#edf2f7;border-radius:6px;color:#4a5568;font-family:monospace;font-size:12px;padding:2px 8px}.action-btns{display:flex;gap:6px}.btn-action{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 10px;transition:transform .1s}.btn-action:hover{transform:scale(1.15)}.btn-edit{background:#ebf8ff}.btn-del{background:#fff5f5}.toggle-btn{border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:opacity .15s;white-space:nowrap}.toggle-btn:hover{opacity:.8}.toggle-on{background:#c6f6d5;color:#22543d}.toggle-off{background:#fed7d7;color:#742a2a}.modal-overlay{align-items:flex-start;background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 16px;position:fixed;z-index:1000}.modal-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;max-height:-webkit-fit-content;max-height:fit-content;width:100%}.modal-sm{max-width:420px;padding:28px}.modal-md{max-width:640px}.modal-lg{max-width:860px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding:24px 28px 0}.modal-title{color:#1a202c;font-size:20px;font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px}.modal-close:hover{background:#f7fafc;color:#4a5568}.modal-form{padding:20px 28px 0}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding:20px 28px 28px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{color:#2d3748;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group-row{align-items:flex-end;flex-direction:row;gap:20px;margin-bottom:16px}.label-hint{color:#a0aec0;font-size:11px;font-weight:400;margin-left:4px}.checkbox-group{align-items:center;display:flex;gap:8px;padding-bottom:4px}.checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.checkbox-group label{color:#2d3748;cursor:pointer;font-size:14px;margin:0}.section-divider{border-top:2px solid #ebf4ff;color:#667eea;font-size:13px;font-weight:700;letter-spacing:.05em;margin:4px 0 16px;padding-top:16px;text-transform:uppercase}.form-error{background:#fed7d7;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:16px;padding:10px 14px}.profit-preview{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#276749;font-size:13px;margin-bottom:16px;padding:8px 14px}.toast{animation:slideUp .3s ease;border-radius:12px;bottom:28px;box-shadow:0 8px 24px #00000026;font-size:14px;font-weight:600;padding:14px 20px;position:fixed;right:28px;z-index:2000}.toast-success{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.toast-error{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.form-row{grid-template-columns:1fr}.modal-overlay{padding:16px 8px}.catalog-tabs{overflow-x:auto}.catalog-stats{gap:12px}}.upload-field{display:flex;flex-direction:column;gap:8px}.upload-controls{align-items:center;display:flex;gap:8px}.upload-text-input{border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;flex:1 1;font-size:14px;padding:8px 12px}.upload-text-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.btn-upload{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;color:#4f46e5;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;padding:8px 14px;transition:all .15s;white-space:nowrap}.btn-upload:hover{background:#e0e7ff;border-color:#a5b4fc}.btn-uploading{cursor:not-allowed;opacity:.7}.upload-preview-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;height:48px;object-fit:contain;padding:4px;width:48px}.upload-preview-header{border:1px solid #e2e8f0;border-radius:8px;height:80px;object-fit:cover;width:100%}.upload-preview-wrapper{display:inline-block;position:relative;width:100%}.upload-loading-overlay{align-items:center;background:#0000008c;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:8px;inset:0;justify-content:center;position:absolute;z-index:10}.upload-spinner{animation:spin .7s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:28px;width:28px}@keyframes progress-indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.terminal-page{height:100vh;max-height:100vh;overflow:hidden}.term-deploy-banner{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#276749,#38a169);box-shadow:0 4px 16px #0000004d;color:#fff;display:flex;font-size:15px;font-weight:600;gap:12px;left:0;padding:14px 24px;position:fixed;right:0;top:0;z-index:9999}.term-deploy-spinner{animation:spin 1s linear infinite;display:inline-block;font-size:20px}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.terminal-page{background:#1a2030;color:#dce6f0;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif}.term-header{background:#252d3d;border-bottom:1px solid #3a4459;flex-shrink:0;justify-content:space-between;padding:14px 24px}.term-header,.term-header-left{align-items:center;display:flex}.term-header-left{gap:16px}.term-back{background:#2d3748;border:1px solid #3a4459;border-radius:6px;color:#a0adb8;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .15s}.term-back:hover{background:#3a4459;color:#dce6f0}.term-brand{align-items:center;display:flex;gap:12px}.term-brand-logo{filter:brightness(1.1);flex-shrink:0;height:36px;object-fit:contain;width:auto}.term-brand-text{display:flex;flex-direction:column;gap:2px;line-height:1}.term-brand-name{color:#7c6bf0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.term-title{align-items:center;color:#dce6f0;display:flex;font-size:16px;font-weight:600;gap:6px;line-height:1.2;margin:0}.term-title-icon{font-size:20px}.term-header-right{align-items:center;display:flex;gap:8px}.term-nav-btn{background:#2d3748;border:1px solid #3a4459;border-radius:6px;color:#a0adb8;cursor:pointer;font-size:12.5px;font-weight:500;padding:6px 12px;transition:all .15s;white-space:nowrap}.term-nav-btn:hover{background:#3a4459;color:#dce6f0}.term-nav-logout{background:#3d1a1a;border-color:#6b2222;color:#fc8181}.term-nav-logout:hover{background:#6b2222;color:#fff}.term-status{align-items:center;display:flex;gap:8px}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dot-green{background:#3fb950;box-shadow:0 0 6px #3fb95088}.dot-yellow{animation:pulse 1s infinite;background:#d29922;box-shadow:0 0 6px #d2992288}.dot-red{background:#f85149;box-shadow:0 0 6px #f8514988}.status-text{color:#a0adb8;font-size:13px}.term-layout{display:flex;flex:1 1;height:0;min-height:0;overflow:hidden}.term-sidebar{background:#252d3d;border-right:1px solid #3a4459;display:flex;flex-direction:column;flex-shrink:0;gap:4px;overflow-y:auto;padding:12px 8px;width:220px}.cmd-group{margin-bottom:8px}.cmd-group-label{color:#5a6a82;font-size:10px;font-weight:700;letter-spacing:.08em;padding:6px 8px 4px;text-transform:uppercase}.cmd-btn{align-items:center;background:#1a2030;border:1px solid #0000;border-radius:6px;color:#a0adb8;cursor:pointer;display:flex;font-size:12.5px;gap:8px;padding:8px 10px;position:relative;text-align:left;transition:all .15s;width:100%}.cmd-btn:hover:not(:disabled){background:#2d3748;border-color:#3a4459;color:#dce6f0}.cmd-btn:disabled{cursor:not-allowed;opacity:.45}.cmd-btn.cmd-running{background:#1f2937;border-color:#48bb78;border-color:var(--cmd-color,#48bb78);color:#48bb78;color:var(--cmd-color,#48bb78);opacity:1!important}.cmd-icon{flex-shrink:0;font-size:14px}.cmd-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-spinner{animation:spin .6s linear infinite;border:2px solid #0000;border-top:2px solid var(--cmd-color,#48bb78);height:10px;width:10px}.cmd-spinner,.cmd-warn{border-radius:50%;flex-shrink:0}.cmd-warn{align-items:center;background:#f6ad55;color:#1a1a1a;display:flex;font-size:10px;font-weight:800;height:14px;justify-content:center;width:14px}.term-output-wrap{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0}.term-output-header{align-items:center;background:#252d3d;border-bottom:1px solid #3a4459;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.term-output-title{color:#a0adb8;font-family:Courier New,monospace;font-size:13px;font-weight:600}.btn-clear{background:#1a2030;border:1px solid #3a4459;border-radius:5px;color:#5a6a82;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .15s}.btn-clear:hover:not(:disabled){border-color:#6e7681;color:#a0adb8}.btn-clear:disabled{cursor:not-allowed;opacity:.4}.term-output{background:#1a2030;flex:1 1;font-family:Courier New,Lucida Console,monospace;font-size:13px;line-height:1.6;overflow-y:auto;padding:16px 20px}.term-empty{align-items:center;color:#3a4459;display:flex;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;height:100%;justify-content:center}.term-line{white-space:pre-wrap;word-break:break-all}.term-stdout{color:#dce6f0}.term-stderr{color:#f85149}.term-system{color:#58a6ff}.term-success{color:#3fb950;font-weight:600}.term-error{color:#f85149;font-weight:600}.term-divider{color:#3a4459}.term-blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.term-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.term-confirm{background:#252d3d;border:1px solid #3a4459;border-radius:12px;box-shadow:0 20px 60px #00000080;min-width:300px;padding:28px 32px;text-align:center}.term-confirm-icon{font-size:36px;margin-bottom:12px}.term-confirm h3{color:#dce6f0;font-size:16px;margin:0 0 8px}.term-confirm p{color:#a0adb8;font-size:14px;margin:0 0 24px}.term-confirm strong{color:#dce6f0}.term-confirm-btns{display:flex;gap:10px;justify-content:center}.btn-cancel{background:#2d3748;border:1px solid #3a4459;border-radius:6px;color:#a0adb8;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .15s}.btn-cancel:hover{background:#3a4459;color:#dce6f0}.btn-run{background:#238636;border:1px solid #2ea043;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .15s}.btn-run:hover{background:#2ea043}.term-output::-webkit-scrollbar,.term-sidebar::-webkit-scrollbar{width:6px}.term-output::-webkit-scrollbar-track,.term-sidebar::-webkit-scrollbar-track{background:#1a2030}.term-output::-webkit-scrollbar-thumb,.term-sidebar::-webkit-scrollbar-thumb{background:#3a4459;border-radius:3px}.term-output::-webkit-scrollbar-thumb:hover,.term-sidebar::-webkit-scrollbar-thumb:hover{background:#4a5568}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:768px){.term-layout{flex-direction:column}.term-sidebar{border-bottom:1px solid #3a4459;border-right:none;flex-direction:row;flex-wrap:wrap;gap:4px;max-height:180px;overflow-x:auto;width:100%}.cmd-group{margin-bottom:0}.cmd-group-label{display:none}.cmd-btn{white-space:nowrap;width:auto}}.term-input-modal{background:#252d3d;border:1px solid #3a4459;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:95vw;padding:24px;width:520px}.term-input-header{align-items:center;color:#dce6f0;display:flex;font-size:15px;font-weight:600;justify-content:space-between;margin-bottom:16px}.modal-close-btn{background:none;border:none;color:#5a6a82;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.modal-close-btn:hover{color:#a0adb8}.term-input-label{color:#a0adb8;display:block;font-size:12px;margin-bottom:8px}.term-input-textarea{background:#1a2030;border:1px solid #3a4459;border-radius:6px;box-sizing:border-box;color:#dce6f0;font-family:Courier New,monospace;font-size:13px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .15s;width:100%}.term-input-textarea:focus{border-color:#58a6ff}.term-input-text{background:#1a2030;border:1px solid #3a4459;border-radius:6px;box-sizing:border-box;color:#dce6f0;font-family:Courier New,monospace;font-size:13px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.term-input-text:focus{border-color:#58a6ff}.term-input-hint{color:#5a6a82;font-size:11px;margin:6px 0 0}.term-confirm-code{background:#1a2030;border:1px solid #3a4459;border-radius:6px;color:#58a6ff;display:block;font-family:Courier New,monospace;font-size:12px;margin:0 0 16px;max-height:100px;overflow-y:auto;padding:8px 12px;text-align:left;word-break:break-all}.cmd-input-type{border-style:dashed!important}.cmd-input-indicator{color:#58a6ff;flex-shrink:0;font-size:11px}.cmd-group-toggle{align-items:center;background:none;border:none;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 8px;text-align:left;transition:background .15s;width:100%}.cmd-group-toggle:hover{background:#ffffff0f}.cmd-group-left{align-items:center;display:flex;gap:6px}.cmd-group-icon{font-size:13px}.cmd-group-chevron{color:#4a5568;display:inline-block;font-size:16px;line-height:1;transform:rotate(0deg);transition:transform .22s ease,color .15s;-webkit-user-select:none;user-select:none}.cmd-group-chevron.chevron-open{color:#7c6bf0;transform:rotate(90deg)}.cmd-group-items{display:flex;flex-direction:column;gap:2px;max-height:0;opacity:0;overflow:hidden;padding-left:4px;transition:max-height .28s ease,opacity .2s ease}.cmd-group-items-open{max-height:800px;opacity:1;padding-top:4px}.ct-page{background:#f8f9fa;color:#1a202c;font-family:DM Sans,sans-serif;min-height:100vh;overflow:hidden;padding:80px 20px 60px;position:relative}.ct-blob{border-radius:50%;filter:blur(80px);opacity:.12;pointer-events:none;position:fixed;z-index:0}.ct-blob-1{background:#c0392b;height:500px;left:-150px;top:-150px;width:500px}.ct-blob-2{background:#e74c3c;bottom:-100px;height:350px;right:-80px;width:350px}.ct-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:680px;position:relative;z-index:1}.ct-back{align-items:center;background:none;border:none;color:#718096;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:14px;gap:6px;margin-bottom:16px;padding:0;transition:color .2s}.ct-back:hover{color:#c0392b}.ct-header{padding-bottom:8px;text-align:center}.ct-logo{display:block;font-size:48px;margin-bottom:12px}.ct-title{color:#1a202c;font-family:Syne,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.ct-subtitle{color:#718096;font-size:15px;margin:0}.ct-search-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px}.ct-label{color:#718096;display:block;font-size:13px;font-weight:600;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.ct-search-row{display:flex;gap:10px}.ct-input{background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#1a202c;flex:1 1;font-family:DM Sans,sans-serif;font-size:15px;letter-spacing:.03em;outline:none;padding:13px 16px;transition:border-color .2s,box-shadow .2s}.ct-input::placeholder{color:#a0aec0}.ct-input:focus{background:#fff;border-color:#c0392b;box-shadow:0 0 0 3px #c0392b1a}.ct-search-btn{align-items:center;background:linear-gradient(135deg,#c0392b,#e74c3c);border:none;border-radius:10px;box-shadow:0 4px 12px #c0392b4d;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:100px;padding:13px 22px;transition:opacity .2s,transform .1s,box-shadow .2s;white-space:nowrap}.ct-search-btn:hover:not(:disabled){box-shadow:0 6px 16px #c0392b59;opacity:.92;transform:translateY(-1px)}.ct-search-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.ct-spinner{animation:ct-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes ct-spin{to{transform:rotate(1turn)}}.ct-hint{color:#a0aec0;font-size:12px;margin:10px 0 0}.ct-error-card{align-items:center;animation:ct-fadein .3s ease;background:#fff5f5;border:1px solid #fed7d7;border-radius:12px;color:#c53030;display:flex;font-size:15px;gap:14px;padding:20px 24px}.ct-error-icon{font-size:24px}.ct-result{animation:ct-fadein .4s ease;display:flex;flex-direction:column;gap:14px}@keyframes ct-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ct-status-banner{align-items:center;background:#fff;border:1.5px solid;border-radius:14px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:18px 22px}.ct-status-icon{font-size:32px}.ct-status-label{font-family:Syne,sans-serif;font-size:18px;font-weight:700}.ct-status-invoice{color:#718096;font-family:monospace;font-size:13px;letter-spacing:.05em;margin-top:2px}.ct-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:540px){.ct-info-grid{grid-template-columns:1fr}}.ct-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000a;padding:18px 20px}.ct-timeline-card{grid-column:1/-1}.ct-card-title{color:#718096;font-size:13px;font-weight:600;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.ct-info-rows{display:flex;flex-direction:column;gap:10px}.ct-info-row{align-items:flex-start;display:flex;font-size:14px;gap:12px;justify-content:space-between}.ct-info-key{color:#a0aec0;flex-shrink:0;padding-top:1px}.ct-info-val{color:#2d3748;font-weight:500;text-align:right;word-break:break-all}.ct-mono{font-family:monospace;letter-spacing:.04em}.ct-highlight{background:#f0fff4;border:1px solid #c6f6d5;border-radius:6px;color:#276749;font-size:13px;padding:2px 8px}.ct-total-row{border-top:1px solid #e2e8f0;margin-top:4px;padding-top:10px}.ct-total{color:#c0392b;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.ct-expires{color:#c05621}.ct-actions{display:flex;flex-wrap:wrap;gap:10px}.ct-btn-pay{background:linear-gradient(135deg,#276749,#38a169);border:none;border-radius:10px;box-shadow:0 4px 12px #38a1694d;color:#fff;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:13px 20px;text-align:center;text-decoration:none;transition:opacity .2s,transform .1s}.ct-btn-pay:hover{opacity:.9;transform:translateY(-1px)}.ct-btn-wa{align-items:center;background:linear-gradient(135deg,#1a7a3c,#25d366);border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:13px 20px;text-align:center;text-decoration:none;transition:opacity .2s,transform .1s}.ct-btn-wa:hover{opacity:.9;transform:translateY(-1px)}.ct-wa-icon{font-size:16px}.ct-btn-secondary{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;padding:13px 20px;text-align:center;transition:border-color .2s,color .2s,background .2s;white-space:nowrap}.ct-btn-secondary:hover{background:#fff5f5;border-color:#c0392b;color:#c0392b}.ct-modal-backdrop{align-items:center;animation:ct-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}@keyframes ct-fade-in{0%{opacity:0}to{opacity:1}}.ct-modal{animation:ct-slide-up .25s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;max-width:420px;padding:28px 24px 24px;position:relative;width:100%}@keyframes ct-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ct-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:32px}.ct-modal-close:hover{background:#e2e8f0}.ct-modal-header{margin-bottom:16px}.ct-modal-title{color:#1e293b;font-size:18px;font-weight:700}.ct-modal-subtitle{color:#64748b;font-size:13px;margin-top:2px}.ct-modal-amount{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:14px 18px}.ct-modal-amount-label{font-size:13px;opacity:.85}.ct-modal-amount-value{font-size:20px;font-weight:700}.ct-modal-qris{margin-bottom:16px;text-align:center}.ct-modal-qr-img{border:3px solid #e2e8f0;border-radius:12px;display:block;height:220px;margin:10px auto;width:220px}.ct-modal-hint{color:#475569;font-size:13px;margin-bottom:6px}.ct-modal-hint-small{color:#94a3b8;font-size:11px;margin-top:8px}.ct-modal-loading{color:#94a3b8;font-size:14px;padding:40px 0;text-align:center}.ct-modal-va{margin-bottom:16px}.ct-modal-va-box{align-items:center;background:#f8faff;border:2px solid #c7d2fe;border-radius:10px;display:flex;gap:10px;margin:8px 0 12px;padding:12px 16px}.ct-modal-va-number{color:#1e293b;flex:1 1;font-size:20px;font-weight:700;letter-spacing:2px}.ct-modal-copy-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background .2s;white-space:nowrap}.ct-modal-copy-btn:hover{background:#5a67d8}.ct-modal-copy-btn.copied{background:#10b981}.ct-modal-va-steps{color:#475569;font-size:13px;line-height:1.8}.ct-modal-va-steps ol{margin:6px 0 0 16px;padding:0}.ct-modal-open-btn{background:#667eea;border-radius:10px;color:#fff;display:block;font-weight:600;margin-top:8px;padding:12px;text-align:center;text-decoration:none}.ct-modal-expiry{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px;margin-top:4px;padding-top:12px;text-align:center}.pb-page{background:#f5f7fa;min-height:100vh;padding:0}.pb-banner{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;padding:80px 20px 40px;text-align:center}.pb-banner-inner{margin:0 auto;max-width:1200px;position:relative}.pb-back{background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;left:0;padding:6px 14px;position:absolute;top:0;transition:background .2s}.pb-back:hover{background:#ffffff40}.pb-banner-content{padding-top:8px}.pb-banner-icon{display:block;font-size:48px;margin-bottom:12px}.pb-banner-title{font-size:32px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 8px #00000026}.pb-banner-sub{font-size:15px;margin:0;opacity:.9}.pb-container{margin:0 auto;max-width:1200px;padding:40px 20px 60px}.pb-inquiry-wrap{margin:0 auto;max-width:680px}.pb-inquiry-wrap .order-form{border-radius:12px}.pb-inquiry-wrap .btn-submit{margin-top:8px;width:100%}.pb-stepper-inline{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:28px;padding-bottom:20px}.pb-stepper-dot{align-items:center;background:#c0392b;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.pb-stepper-line{background:#e2e8f0;flex:1 1;height:2px}.pb-stepper-label{color:#718096;font-size:13px;font-weight:600}.pb-stepper-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px 20px}.pb-step-item,.pb-stepper-bar{align-items:center;display:flex}.pb-step-item{color:#a0aec0;flex-direction:column;font-size:12px;font-weight:500;gap:4px;white-space:nowrap}.pb-step-item.pb-step-done{color:#16a34a}.pb-step-item.pb-step-active{color:#c0392b;font-weight:700}.pb-step-circle{align-items:center;background:#e2e8f0;border-radius:50%;color:#a0aec0;display:flex;font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px}.pb-step-circle-done{background:#16a34a;color:#fff}.pb-step-circle-active{background:#c0392b;color:#fff}.pb-step-connector{background:#e2e8f0;flex:1 1;height:2px;margin:0 10px 16px}.pb-step-connector-done{background:#16a34a}.pb-provider-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:4px}.pb-provider-card{align-items:center;background:#fafafa;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:8px;padding:20px 16px;position:relative;text-align:center;transition:all .25s ease}.pb-provider-card:hover{background:#fff;border-color:#c0392b;border-color:var(--provider-color,#c0392b);box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.pb-provider-selected{background:#fff!important;border-color:#c0392b!important;border-color:var(--provider-color,#c0392b)!important;box-shadow:0 0 0 3px color-mix(in srgb,#c0392b 20%,#0000),0 4px 16px #00000014!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--provider-color,#c0392b) 20%,#0000),0 4px 16px #00000014!important}.pb-provider-logo-wrap{align-items:center;display:flex;height:48px;justify-content:center;width:80px}.pb-provider-logo{max-height:48px;max-width:80px;object-fit:contain}.pb-provider-logo-fallback{align-items:center;border-radius:12px;color:#fff;display:none;font-size:22px;font-weight:800;height:52px;justify-content:center;width:52px}.pb-provider-name{color:#1a202c;font-size:15px;font-weight:700}.pb-provider-desc{color:#a0aec0;font-size:11px;line-height:1.4}.pb-provider-check{align-items:center;background:#c0392b;background:var(--provider-color,#c0392b);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;position:absolute;right:10px;top:10px;width:22px}.pb-info-table{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;overflow:hidden}.pb-info-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:11px 16px}.pb-info-row:last-child{border-bottom:none}.pb-info-row span:first-child{color:#718096;flex-shrink:0}.pb-info-row span:last-child{color:#2d3748;font-weight:500;text-align:right}.pb-info-detail span:first-child{color:#a0aec0;font-style:italic;padding-left:8px}.pb-info-total{background:#fafafa;border-top:2px solid #e2e8f0!important}.pb-info-total span:first-child{color:#2d3748;font-weight:600}.pb-price-red{color:#c0392b!important;font-size:17px;font-weight:700}.pb-fee-amount{color:#f59e0b!important;font-weight:600!important}.pb-btn-ganti{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;font-family:inherit;font-size:13px;padding:7px 14px;transition:all .2s}.pb-btn-ganti:hover{border-color:#c0392b;color:#c0392b}.pb-required{color:#c0392b}.pb-page .order-layout{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 400px}.pb-summary-col{align-self:flex-start;display:flex;flex-direction:column;gap:12px;position:-webkit-sticky;position:sticky;top:80px}.pb-page .order-summary{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;max-height:calc(100vh - 260px);overflow-x:hidden;overflow-y:auto;padding:24px}@media (max-width:1024px){.pb-page .order-layout{grid-template-columns:1fr}.pb-summary-col{order:2;position:relative;top:auto}.pb-page .order-summary{max-height:none}}@media (max-width:768px){.pb-banner{padding:72px 16px 32px}.pb-banner-title{font-size:24px}.pb-back{font-size:12px;padding:5px 10px}.pb-container{padding:24px 12px 40px}.pb-provider-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.pb-provider-card{padding:14px 10px}.pb-provider-name{font-size:13px}}.va-unavailable-notice{background:#fff8e1;border:1px solid #ffe082;border-radius:10px;color:#7c5e00;font-size:13px;line-height:1.5;padding:12px 16px}.faq-page{background:#f8f9fc;min-height:100vh}.faq-hero{background:linear-gradient(135deg,#c0392b,#e91e63 60%,#d81b60);overflow:hidden;padding:80px 20px 60px;position:relative;text-align:center}.faq-hero:before{background:radial-gradient(ellipse at 70% 50%,#ffffff14 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.faq-hero-inner{margin:0 auto;max-width:680px;position:relative}.faq-hero-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:600;margin-bottom:16px;padding:6px 16px}.faq-hero-title{color:#fff;font-size:36px;font-weight:800;line-height:1.2;margin:0 0 12px}.faq-hero-sub{color:#ffffffd9;font-size:16px;line-height:1.6;margin:0 0 28px}.faq-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.faq-btn-home{background:#ffffff26;border:1px solid #fff6;border-radius:10px;color:#fff;font-size:14px;font-weight:600;padding:10px 22px;text-decoration:none;transition:all .2s}.faq-btn-home:hover{background:#ffffff40}.faq-btn-cs{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#c0392b;font-size:14px;font-weight:700;padding:10px 22px;text-decoration:none;transition:all .2s}.faq-btn-cs:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.faq-container{margin:0 auto;max-width:800px;padding:40px 20px 60px}.faq-categories{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.faq-cat-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s}.faq-cat-btn:hover{border-color:#e91e63;color:#e91e63}.faq-cat-btn.active{background:linear-gradient(135deg,#c0392b,#e91e63);border-color:#0000;box-shadow:0 4px 12px #e91e6340;color:#fff}.faq-sections{display:flex;flex-direction:column;gap:32px}.faq-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.faq-section-header{align-items:center;background:#fafbfc;border-bottom:1px solid #f0f4f8;display:flex;gap:10px;padding:20px 24px}.faq-section-icon{font-size:22px}.faq-section-title{color:#1e293b;font-size:17px;font-weight:700;margin:0}.faq-list{divide-y:1px solid #f0f4f8}.faq-item{border-bottom:1px solid #f0f4f8;cursor:pointer;transition:background .15s}.faq-item:last-child{border-bottom:none}.faq-item:hover{background:#fafbfc}.faq-item.open{background:#fff9fb}.faq-question{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:18px 24px}.faq-q-text{color:#1e293b;flex:1 1;font-size:15px;font-weight:600;line-height:1.5}.faq-item.open .faq-q-text{color:#c0392b}.faq-chevron{color:#94a3b8;flex-shrink:0;font-size:11px;transition:color .2s}.faq-item.open .faq-chevron{color:#e91e63}.faq-answer{animation:faq-slide-down .2s ease;padding:0 24px 20px}.faq-answer p{color:#475569;font-size:14px;line-height:1.7;margin:0}@keyframes faq-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.faq-cta{background:linear-gradient(135deg,#c0392b,#e91e63);border-radius:20px;color:#fff;margin-top:48px;padding:40px 32px;text-align:center}.faq-cta-icon{font-size:40px;margin-bottom:12px}.faq-cta h3{font-size:22px;font-weight:800;margin:0 0 8px}.faq-cta p{color:#ffffffd9;font-size:15px;margin:0 0 24px}.faq-cta-btn{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;color:#c0392b;display:inline-block;font-size:15px;font-weight:700;padding:12px 32px;text-decoration:none;transition:all .2s}.faq-cta-btn:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}@media (max-width:768px){.faq-hero{padding:72px 16px 48px}.faq-hero-title{font-size:26px}.faq-container{padding:28px 12px 48px}.faq-question{padding:16px}.faq-answer{padding:0 16px 16px}.faq-section-header{padding:16px}.faq-cta{padding:32px 20px}}.fb-widget{align-items:flex-end;bottom:28px;display:flex;flex-direction:column;pointer-events:none;position:fixed;right:28px;z-index:9990}.fb-fab{align-items:center;background:linear-gradient(135deg,#c0392b,#e91e63);border:none;border-radius:50px;box-shadow:0 4px 20px #c0392b73;color:#fff;cursor:pointer;display:flex;font-size:22px;gap:0;max-width:52px;overflow:hidden;padding:14px;pointer-events:all;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.fb-fab:hover{box-shadow:0 8px 28px #c0392b8c}.fb-fab--expanded{gap:8px;max-width:200px;padding:14px 20px}.fb-fab--open{background:#64748b;border-radius:50%;box-shadow:0 4px 16px #0003;gap:0;max-width:52px;padding:14px}.fb-fab-icon{flex-shrink:0;font-size:20px;line-height:1}.fb-fab-label{font-size:14px;font-weight:700;max-width:0;opacity:0;overflow:hidden;transition:max-width .3s ease,opacity .2s ease,margin .3s ease;white-space:nowrap}.fb-fab--expanded .fb-fab-label{max-width:120px;opacity:1}.fb-fab--open .fb-fab-label{max-width:0;opacity:0}.fb-panel{background:#fff;border-radius:20px;box-shadow:0 16px 48px #0000002e;margin-bottom:12px;opacity:0;overflow:hidden;pointer-events:none;transform:scale(.85) translateY(12px);transform-origin:bottom right;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:340px}.fb-panel--open{opacity:1;pointer-events:all;transform:scale(1) translateY(0)}.fb-panel-header{align-items:center;background:linear-gradient(135deg,#c0392b,#e91e63);color:#fff;display:flex;justify-content:space-between;padding:16px 18px}.fb-panel-title{font-size:15px;font-weight:800}.fb-panel-sub{font-size:12px;margin-top:2px;opacity:.85}.fb-panel-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;transition:background .2s;width:28px}.fb-panel-close:hover{background:#ffffff59}.fb-panel-body{display:flex;flex-direction:column;gap:8px;padding:18px}.fb-label{color:#64748b;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.fb-label-hint{color:#94a3b8;font-weight:400;text-transform:none}.fb-textarea{border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:13px;line-height:1.5;outline:none;padding:10px 12px;resize:none;transition:border-color .2s;width:100%}.fb-textarea:focus{border-color:#e91e63}.fb-textarea::placeholder{color:#cbd5e1}.fb-char{color:#94a3b8;font-size:11px;text-align:right}.fb-char--warn{color:#e91e63}.fb-dropzone{align-items:center;border:2px dashed #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:14px;text-align:center;transition:all .2s}.fb-dropzone:hover{background:#fff0f5;border-color:#e91e63}.fb-dropzone-icon{font-size:22px}.fb-dropzone-text{color:#94a3b8;font-size:12px}.fb-thumbs{display:flex;flex-wrap:wrap;gap:8px}.fb-thumb{overflow:visible;position:relative}.fb-thumb,.fb-thumb img{border-radius:8px;height:70px;width:70px}.fb-thumb img{border:2px solid #e2e8f0;cursor:pointer;object-fit:cover;transition:border-color .2s}.fb-thumb img:hover{border-color:#e91e63}.fb-thumb-remove{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:20px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-6px;width:20px;z-index:1}.fb-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:12px;padding:8px 12px}.fb-btn-submit{background:linear-gradient(135deg,#c0392b,#e91e63);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:4px;padding:11px;transition:all .2s;width:100%}.fb-btn-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.fb-btn-submit:disabled{cursor:not-allowed;opacity:.45}.fb-btn-secondary{background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:10px;transition:background .2s;width:100%}.fb-btn-secondary:hover{background:#e2e8f0}.fb-success{align-items:center;display:flex;flex-direction:column;padding:32px 20px;text-align:center}.fb-success-icon{font-size:48px;margin-bottom:12px}.fb-success-title{color:#1e293b;font-size:17px;font-weight:800;margin-bottom:6px}.fb-success-sub{color:#64748b;font-size:13px;line-height:1.5}.fb-lightbox{align-items:center;background:#000000d9;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.fb-lightbox img{border-radius:8px;box-shadow:0 8px 48px #00000080;cursor:default;max-height:90vh;max-width:90vw;object-fit:contain}.fb-lightbox-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .2s;width:40px}.fb-lightbox-close:hover{background:#ffffff4d}@media (max-width:640px){.fb-widget{bottom:20px;right:16px}.fb-panel{max-width:340px;width:calc(100vw - 32px)}}.af-container{margin:0 auto;max-width:860px;padding:24px 20px 48px}.af-list{gap:16px}.af-card,.af-list{display:flex;flex-direction:column}.af-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000f;gap:12px;padding:18px 20px}.af-card-header{gap:12px;justify-content:space-between}.af-card-header,.af-meta{align-items:center;display:flex}.af-meta{flex-wrap:wrap;gap:10px}.af-meta-id{background:#f1f5f9;border-radius:6px;color:#94a3b8;font-size:12px;font-weight:700;padding:2px 8px}.af-meta-date,.af-meta-device{color:#64748b;font-size:12px}.af-message{color:#1e293b;font-size:14px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.af-images{display:flex;flex-wrap:wrap;gap:10px}.af-thumb{border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;height:90px;object-fit:cover;transition:all .2s;width:90px}.af-thumb:hover{border-color:#e91e63;transform:scale(1.04)}.af-info-row{display:flex;flex-wrap:wrap;gap:8px}.af-info-tag{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#475569;font-size:11px;padding:3px 10px}.af-info-tag--ip{color:#94a3b8}.af-btn-del{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:14px;padding:6px 10px;transition:all .2s}.af-btn-del:hover{background:#fee2e2;border-color:#fca5a5}.af-empty{padding:80px 20px;text-align:center}.af-empty-icon{font-size:52px;margin-bottom:16px}.af-empty-title{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:6px}.af-empty-sub{color:#94a3b8;font-size:14px}.af-lightbox{align-items:center;background:#000000e0;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.af-lightbox img{border-radius:8px;box-shadow:0 8px 48px #00000080;cursor:default;max-height:90vh;max-width:90vw;object-fit:contain}.af-lightbox-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .2s;width:42px}.af-lightbox-close:hover{background:#ffffff47}.af-dialog-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.af-dialog{background:#fff;border-radius:18px;box-shadow:0 16px 48px #0003;max-width:90vw;padding:36px 32px;text-align:center;width:360px}.af-dialog-icon{font-size:44px;margin-bottom:14px}.af-dialog h3{color:#1e293b;font-size:18px;font-weight:800;margin-bottom:10px}.af-dialog p{color:#64748b;font-size:13px;line-height:1.6;margin-bottom:24px}.af-dialog-actions{display:flex;gap:10px}.af-btn-cancel{background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:11px;transition:background .2s}.af-btn-cancel:hover:not(:disabled){background:#e2e8f0}.af-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.af-btn-delete{background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:11px;transition:background .2s}.af-btn-delete:hover:not(:disabled){background:#b91c1c}.af-btn-delete:disabled{cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.0238f6a5.css.map*/