*,:before,:after,::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: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:JetBrains Mono,Fira Code,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:224 71% 4%;--card:0 0% 100%;--card-foreground:224 71% 4%;--popover:0 0% 100%;--popover-foreground:224 71% 4%;--primary:237 83% 66%;--primary-foreground:0 0% 100%;--secondary:220 14% 96%;--secondary-foreground:215 25% 27%;--muted:220 14% 96%;--muted-foreground:220 9% 46%;--accent:220 14% 96%;--accent-foreground:224 71% 4%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border-hsl:220 13% 91%;--input:220 13% 91%;--ring:237 83% 66%;--radius:.5rem;--sidebar-background:0 0% 100%;--sidebar-foreground:224 71% 4%;--sidebar-primary:237 83% 66%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:220 14% 96%;--sidebar-accent-foreground:224 71% 4%;--sidebar-border:220 13% 91%;--sidebar-ring:237 83% 66%}.input-field{border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);width:100%;font-family:var(--font-body);box-shadow:var(--shadow-inset);background:#fff;outline:none;padding:10px 14px;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.input-field::placeholder{color:var(--text-muted)}.input-field:hover:not(:focus){border-color:var(--border-hover)}.input-field:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6366f11a, var(--shadow-inset)}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-3\.5{top:-.875rem}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-24{left:6rem}.left-3\.5{left:.875rem}.right-0{right:0}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-20{right:5rem}.right-3{right:.75rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-full{top:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-3\.5{margin-bottom:.875rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-6{margin-right:1.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-28{height:7rem}.h-3{height:.75rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[54px\]{height:54px}.h-\[60px\]{height:60px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[360px\]{max-height:360px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\/5{width:60%}.w-4{width:1rem}.w-4\/5{width:80%}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-48{max-width:12rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[250px\]{max-width:250px}.max-w-\[260px\]{max-width:260px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.origin-left{transform-origin:0}.origin-top-left{transform-origin:0 0}.-translate-x-1\/2{--tw-translate-x:-50%;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%;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))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.border-indigo-500\/30{border-color:#6366f14d}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:#ffffff4d}.border-t-indigo-500{--tw-border-opacity:1;border-top-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-t-indigo-600{--tw-border-opacity:1;border-top-color:rgb(79 70 229/var(--tw-border-opacity,1))}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2\.5{padding:.625rem}.p-20{padding:5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-28{padding-top:7rem;padding-bottom:7rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pb-3\.5{padding-bottom:.875rem}.pb-4{padding-bottom:1rem}.pl-1\.5{padding-left:.375rem}.pl-10{padding-left:2.5rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-11{padding-right:2.75rem}.pr-3{padding-right:.75rem}.pt-1{padding-top:.25rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.accent-amber-500{accent-color:#f59e0b}.opacity-0{opacity:0}.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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}:root{--bg:#fafafa;--bg-base:#fafafa;--bg-subtle:#f4f4f5;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#f0f0f1;--bg-muted:#f9f9fa;--surface:#fff;--border:#e4e4e7;--border-hover:#d1d1d6;--border-strong:#a1a1aa;--border-subtle:#0000000f;--line:#e4e4e7;--brand:#6366f1;--brand-hover:#4f46e5;--brand-dim:#6366f112;--brand-light:#eef2ff;--brand-mid:#6366f124;--on-brand:#fff;--jade:#059669;--jade-dim:#05966914;--jade-light:#ecfdf5;--violet:#7c3aed;--violet-dim:#7c3aed14;--cyan:#0891b2;--amber:#d97706;--text:#09090b;--text-primary:#09090b;--text-2:#18181b;--text-secondary:#52525b;--text-3:#71717a;--text-muted:#a1a1aa;--text-4:#d4d4d8;--success:#059669;--warning:#d97706;--error:#dc2626;--shadow-xs:0 1px 2px #0000000a, 0 1px 1px #00000005;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000012, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #0000001f;--shadow-brand:0 4px 14px #6366f140, 0 1px 3px #6366f126;--shadow-brand-lg:0 8px 24px #6366f152, 0 2px 6px #6366f129;--shadow-inset:inset 0 2px 4px #0000000a;--radius:8px;--radius-lg:12px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-3xl:24px;--font-display:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--transition-base:all .18s cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);min-height:100svh;font-size:15px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}::selection{color:#4338ca;background:#6366f124}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.display-font{font-family:var(--font-display)}.heading-xl{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.1}.heading-lg{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.2}.heading-md{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:20px;font-weight:700}.label-overline{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.bg-grid{background-image:linear-gradient(#6366f109 1px,#0000 1px),linear-gradient(90deg,#6366f109 1px,#0000 1px);background-size:44px 44px}.bg-grid-fine{background-image:linear-gradient(#6366f106 1px,#0000 1px),linear-gradient(90deg,#6366f106 1px,#0000 1px);background-size:22px 22px}.bg-dots{background-image:radial-gradient(#6366f11f 1px,#0000 1px);background-size:20px 20px}.card{border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);background:#fff}.card-hover{transition:transform .2s var(--ease-smooth), box-shadow .2s ease, border-color .18s ease}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-2px)}.premium-card{border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-smooth), box-shadow .2s ease, border-color .18s ease;background:#fff}.premium-card:hover{box-shadow:var(--shadow-xl);border-color:var(--border-hover);transform:translateY(-3px)}.stat-card{border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs);background:#fff;transition:box-shadow .2s,border-color .18s}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffd1;border:1px solid #ffffffb3}.glass-nav{-webkit-backdrop-filter:blur(24px)saturate(200%);background:#ffffffe0;border-bottom:1px solid #0000000f}.glass-elevated{-webkit-backdrop-filter:blur(28px)saturate(200%);box-shadow:var(--shadow-lg);background:#fffffff5;border:1px solid #ffffffd9}.glass-card{-webkit-backdrop-filter:blur(16px)saturate(160%);box-shadow:var(--shadow-sm);background:#ffffffb8;border:1px solid #fff9}.glass-panel{-webkit-backdrop-filter:blur(32px)saturate(180%);box-shadow:var(--shadow-xl);background:#ffffffeb;border:1px solid #e4e4e7cc}.border-gradient{position:relative}.border-gradient:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#6366f166,#8b5cf640,#10b98126);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.highlight-border{box-shadow:0 0 0 1px #6366f133,0 0 0 4px #6366f10f}.btn{font-family:var(--font-body);border-radius:var(--r-md);transition:var(--transition-base);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.975)!important}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand);padding:9px 18px;font-size:14px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--brand-hover);box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.btn-primary-gradient{color:#fff;box-shadow:var(--shadow-brand);background:linear-gradient(135deg,#6366f1 0%,#7c3aed 100%);padding:9px 18px;font-size:14px;font-weight:600}.btn-primary-gradient:hover:not(:disabled){box-shadow:var(--shadow-brand-lg);background:linear-gradient(135deg,#4f46e5 0%,#6d28d9 100%);transform:translateY(-1px)}.btn-secondary{color:var(--text-2);border:1px solid var(--border);box-shadow:var(--shadow-xs);background:#fff;padding:8px 16px;font-size:14px}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--text-3);background:0 0;padding:8px 12px;font-size:14px}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-2)}.btn-danger{color:#dc2626;background:#fef2f2;border:1px solid #dc262633;padding:8px 16px;font-size:14px}.btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#dc26264d}.btn-icon{border-radius:var(--r-md);padding:8px}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:12px 24px;font-size:15px;font-weight:600}.shimmer-btn{position:relative;overflow:hidden}.shimmer-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:50%;height:200%;transition:none;position:absolute;top:-50%;left:-75%;transform:skew(-20deg)}.shimmer-btn:hover:after{animation:.7s shimmerPass}@keyframes shimmerPass{0%{left:-75%}to{left:125%}}.btn-glow{position:relative}.btn-glow:before{content:"";border-radius:inherit;opacity:0;filter:blur(8px);z-index:-1;background:linear-gradient(135deg,#6366f180,#7c3aed4d);transition:opacity .2s;position:absolute;inset:-1px}.btn-glow:hover:before{opacity:1}.badge-brand,.badge-amber{background:var(--brand-dim);color:var(--brand);letter-spacing:.01em;border:1px solid #6366f126;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-success{background:var(--jade-light);color:var(--jade);border:1px solid #05966933;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-premium{color:#4f46e5;letter-spacing:.02em;background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);border:1px solid #6366f12e;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #6366f11a}.nav-item{border-radius:var(--r-md);color:var(--text-3);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.nav-item:hover{color:var(--text-2);background:var(--bg-subtle)}.nav-item.active{color:var(--brand)}.avatar{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.credit-chip{background:var(--brand-dim);color:var(--brand);cursor:pointer;border:1px solid #6366f126;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.credit-chip:hover{background:var(--brand-mid)}.template-card{transition:transform .25s var(--ease-smooth), box-shadow .25s ease, border-color .2s ease}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl), 0 0 0 1px #6366f11a!important;border-color:#6366f129!important}.gradient-text{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#06b6d4 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite textGrad}.gradient-text-static{background:linear-gradient(135deg,#6366f1 0%,#7c3aed 60%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes textGrad{0%{background-position:0%}to{background-position:200%}}.hero-gradient{background:radial-gradient(80% 60% at 50% -10%,#6366f112 0%,#0000 70%),radial-gradient(50% 40% at 80% 0,#8b5cf60d 0%,#0000 60%),#fff}.section-gradient{background:linear-gradient(#fff 0%,#fafafa 100%)}.orb{filter:blur(60px);pointer-events:none;border-radius:50%;animation:16s ease-in-out infinite orbFloat;position:absolute}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(18px,-12px)scale(1.04)}66%{transform:translate(-12px,8px)scale(.97)}}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title-group{flex-direction:column;gap:2px;display:flex}.card-section-header{border-bottom:1px solid var(--bg-subtle);align-items:center;gap:10px;padding:16px 20px;display:flex}.card-section-icon{background:var(--brand-dim);width:30px;height:30px;color:var(--brand);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.color-swatch{border:2px solid var(--border);cursor:pointer;border-radius:6px;width:28px;height:28px;transition:transform .15s,box-shadow .15s}.color-swatch:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,#f4f4f5 25%,#e4e4e7 50%,#f4f4f5 75%) 0 0/400% 100%;animation:1.5s infinite skeleton}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.pulse-dot{background:var(--success);border-radius:50%;width:7px;height:7px;position:relative}.pulse-dot:after{content:"";background:var(--success);opacity:.2;border-radius:50%;animation:2s ease-in-out infinite pulseDot;position:absolute;inset:-3px}@keyframes pulseDot{0%,to{opacity:.2;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}}.divider{background:var(--border);height:1px;margin:12px 0}.stagger-item{opacity:0;animation:fadeUp .42s var(--ease-smooth) forwards;transform:translateY(10px)}.stagger-item:first-child{animation-delay:40ms}.stagger-item:nth-child(2){animation-delay:90ms}.stagger-item:nth-child(3){animation-delay:.14s}.stagger-item:nth-child(4){animation-delay:.19s}.stagger-item:nth-child(5){animation-delay:.24s}.stagger-item:nth-child(6){animation-delay:.29s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.tinted-surface{background:linear-gradient(145deg,#fff 0%,#f9f9fb 100%)}.noise-overlay:before{content:"";border-radius:inherit;opacity:.018;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.progress-bar{background:var(--bg-subtle);border-radius:999px;height:4px;overflow:hidden}.progress-fill{border-radius:999px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.v-sep{background:var(--border);align-self:stretch;width:1px}.h-sep{background:var(--border);width:100%;height:1px}.sticky-header{z-index:10;-webkit-backdrop-filter:blur(16px);background:#ffffffeb;position:sticky;top:0}.feature-item{align-items:flex-start;gap:10px;display:flex}.feature-check{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.last\:mb-0:last-child{margin-bottom:0}.hover\:border-gray-200:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.hover\:border-red-200:hover{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:w-\[480px\]{width:480px}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.xl\:w-\[540px\]{width:540px}}