*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}[data-debug-wrapper=true]{display:contents!important}[data-debug-wrapper=true]>*{margin-left:inherit;margin-right:inherit;margin-top:inherit;margin-bottom:inherit;padding-left:inherit;padding-right:inherit;padding-top:inherit;padding-bottom:inherit;column-gap:inherit;row-gap:inherit;gap:inherit;border-left-width:inherit;border-right-width:inherit;border-top-width:inherit;border-bottom-width:inherit;border-left-style:inherit;border-right-style:inherit;border-top-style:inherit;border-bottom-style:inherit;border-left-color:inherit;border-right-color:inherit;border-top-color:inherit;border-bottom-color:inherit}.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}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.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-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:hsl(var(--destructive) / .5)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-primary\/50{border-color:hsl(var(--primary) / .5)}.border-transparent{border-color:transparent}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary) / .1)}.bg-primary\/20{background-color:hsl(var(--primary) / .2)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.fill-current{fill:currentColor}.fill-primary{fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-4{padding-left:1rem;padding-right:1rem}.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-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.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-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground) / .5)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-ring{--tw-ring-color: hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.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,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-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,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-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.file\:border-0::-webkit-file-upload-button{border-width:0px}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::-webkit-file-upload-button{background-color:transparent}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::-webkit-file-upload-button{color:hsl(var(--foreground))}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted) / .4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity: 1;color:rgb(254 242 242 / var(--tw-text-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color: hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color: #dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:hsl(var(--accent) / .5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent) / .5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity: 0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale: .9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x: 13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x: -13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x: 13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x: -13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open]{background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}@media(min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\: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)))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media(min-width:768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:hsl(var(--accent) / .5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y: -3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.App{min-height:100vh;background:#000;color:#fff;position:relative;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;position:relative;background:#000}.App>*:not(.three-d-background){position:relative;z-index:10}.App>.three-d-background{z-index:0}.dark-header{background:linear-gradient(135deg,#000000b3,#00000080);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);padding:20px 7.6923%;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);box-sizing:border-box;box-shadow:0 4px 30px #0000004d}.dark-header.scrolled{background:linear-gradient(135deg,#000000f2,#000000d9);padding:16px 7.6923%;border-bottom:1px solid rgba(0,255,209,.3);box-shadow:0 8px 40px #00000080,0 0 20px #00ffd11a}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{text-decoration:none}.logo-text{font-size:24px;font-weight:600;color:#fff;letter-spacing:-.02em;transition:color .3s ease}.logo-text:hover{color:#00ffd1}.dark-nav{display:flex;align-items:center;gap:40px}.dark-nav-link{color:#4d4d4d;text-decoration:none;font-size:18px;font-weight:400;transition:color .3s ease;position:relative}.dark-nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#00ffd1;transition:width .3s ease}.dark-nav-link:hover{color:#fff}.dark-nav-link:hover:after{width:100%}.dark-nav-link.active{color:#00ffd1}.dark-nav-link.active:after{width:100%}.social-icons{display:flex;align-items:center;gap:16px;margin-left:24px;padding-left:24px;border-left:1px solid rgba(255,255,255,.1)}.social-icon{color:#4d4d4d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-icon:hover{color:#00ffd1;transform:translateY(-2px)}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:8px;transition:color .3s ease}.mobile-menu-toggle:hover{color:#00ffd1}.mobile-menu{display:none}.desktop-nav{display:flex}@media(max-width:768px){.dark-header{padding:16px 20px}.dark-header.scrolled{padding:12px 20px}.desktop-nav{display:none}.mobile-menu-toggle{display:block}.mobile-menu{display:flex;flex-direction:column;padding:20px;background:#000000fa;border-top:1px solid rgba(255,255,255,.1);gap:16px}.mobile-nav-link{color:#4d4d4d;text-decoration:none;font-size:18px;font-weight:400;padding:12px 0;transition:color .3s ease}.mobile-nav-link:hover,.mobile-nav-link.active{color:#00ffd1}.mobile-social-icons{display:flex;gap:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}}.dark-footer{background:linear-gradient(180deg,#000c,#000);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,255,255,.1);padding:60px 7.6923% 40px;margin-top:100px;position:relative;z-index:10}.dark-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,209,.5),transparent)}.footer-content{max-width:1400px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;gap:60px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{flex:1}.footer-logo{font-size:24px;font-weight:600;color:#fff;margin:0 0 12px;letter-spacing:-.02em}.footer-tagline{font-size:16px;color:#ffffffd9;margin:0}.footer-links{display:flex;gap:80px}.footer-section{display:flex;flex-direction:column;gap:12px}.footer-heading{font-size:16px;font-weight:600;color:#00ffd1;margin:0 0 8px;letter-spacing:.02em;text-transform:uppercase}.footer-link{font-size:16px;color:#4d4d4d;text-decoration:none;transition:color .3s ease;display:flex;align-items:center;gap:8px}.footer-link:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-copyright,.footer-built{font-size:14px;color:#4d4d4d;margin:0}@media(max-width:768px){.dark-footer{padding:40px 20px 30px;margin-top:60px}.footer-top{flex-direction:column;gap:40px;margin-bottom:30px;padding-bottom:30px}.footer-links{gap:40px}.footer-bottom{flex-direction:column;text-align:center;gap:12px}}.skills-orbit-wrapper{position:relative;width:100%;max-width:800px;height:620px;margin:0 auto;display:flex;align-items:center;justify-content:center}.orbit-container{position:relative;width:580px;height:580px}.orbit-glow-bg-1{position:absolute;inset:0;background:radial-gradient(circle,rgba(138,43,226,.08) 0%,rgba(59,130,246,.04) 50%,transparent 100%);border-radius:50%;filter:blur(50px);pointer-events:none}.orbit-glow-bg-2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:460px;height:460px;background:radial-gradient(circle,rgba(0,255,209,.04) 0%,transparent 100%);border-radius:50%;pointer-events:none}.orbit-interactive-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:580px;height:580px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.orbit-interactive-container.dragging{cursor:grabbing}.orbit-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;background:linear-gradient(135deg,#8a2be2e6,#3b82f6e6);border-radius:50%;box-shadow:0 0 40px #8a2be280,0 0 80px #8a2be233;border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;z-index:50}.orbit-core-inner{width:36px;height:36px;background:linear-gradient(135deg,#fff6,#ffffff26);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:core-pulse 2.4s ease-in-out infinite}.orbit-core-dot{width:14px;height:14px;background:#ffffffb3;border-radius:50%}@keyframes core-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.75}}.orbit-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid;border-radius:50%;pointer-events:none}.orbit-ring-1{width:180px;height:180px;border-color:#00ffd11f}.orbit-ring-2{width:320px;height:320px;border-color:#8a2be21a}.orbit-ring-3{width:480px;height:480px;border-color:#3b82f614}.skill-node-3d{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .05s linear;pointer-events:auto}.skill-ball-3d{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;cursor:pointer;position:relative}.skill-ball-3d:after{content:"";position:absolute;top:8px;left:10px;width:16px;height:8px;background:#ffffff40;border-radius:50%;filter:blur(3px);pointer-events:none}.skill-ball-3d:hover{transform:scale(1.28);filter:brightness(1.25)}.skill-icon-3d{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));line-height:1;z-index:1}.skill-label-3d{font-size:11px;font-weight:600;letter-spacing:.04em;padding:3px 8px;border-radius:20px;border:1px solid;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.skill-node-3d:hover .skill-label-3d{opacity:1;transform:translateY(0)}.orbit-hint{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);font-size:13px;color:#ffffff4d;white-space:nowrap;pointer-events:none;letter-spacing:.03em}@media(max-width:768px){.skills-orbit-wrapper{height:480px;max-width:480px}.orbit-container,.orbit-interactive-container{width:440px;height:440px}.skill-ball-3d{width:46px;height:46px}.skill-icon-3d{font-size:18px}}@media(max-width:480px){.skills-orbit-wrapper{height:380px;max-width:380px}.orbit-container,.orbit-interactive-container{width:360px;height:360px}.skill-ball-3d{width:40px;height:40px}.skill-icon-3d{font-size:16px}}.home-page{background:transparent;position:relative;z-index:1}.hero{position:relative;width:100%;min-height:100vh;padding:90px 6% 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;overflow:hidden;box-sizing:border-box}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.hero-glow-1{width:560px;height:560px;background:radial-gradient(circle,rgba(0,255,209,.09) 0%,transparent 70%);top:-100px;right:-40px;animation:glow-drift 10s ease-in-out infinite}.hero-glow-2{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.07) 0%,transparent 70%);bottom:60px;left:5%;animation:glow-drift 14s ease-in-out infinite reverse}@keyframes glow-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,20px) scale(1.1)}}.hero-left{position:relative;z-index:2;display:flex;flex-direction:column;gap:0}.hero-avail{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6;padding:7px 16px;background:#00ffd112;border:1px solid rgba(0,255,209,.2);border-radius:100px;width:-webkit-fit-content;width:fit-content;margin-bottom:28px}.avail-sep{width:1px;height:14px;background:#ffffff26}.avail-dot{width:7px;height:7px;border-radius:50%;background:#00ffd1;box-shadow:0 0 8px #00ffd1cc;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px #00ffd1b3}50%{box-shadow:0 0 16px #00ffd1}}.hero-role{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#00ffd1;margin:0 0 16px;opacity:.85}.hero-name{font-size:clamp(52px,6.5vw,96px);font-weight:800;color:#fff;margin:0 0 22px;line-height:.95;letter-spacing:-.04em}.hero-name-accent{color:transparent;-webkit-text-stroke:2px #00FFD1}.hero-tagline{font-size:clamp(15px,1.4vw,17px);color:#ffffff85;margin:0 0 36px;line-height:1.7;max-width:460px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px}.hero-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;border:none;transition:all .25s ease;white-space:nowrap}.hero-btn.primary{background:#00ffd1;color:#000;box-shadow:0 4px 20px #00ffd14d}.hero-btn.primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 28px #00ffd140}.hero-btn.ghost{background:#ffffff0f;color:#fffc;border:1px solid rgba(255,255,255,.12)}.hero-btn.ghost:hover{background:#ffffff1f;color:#fff;transform:translateY(-2px)}.hero-stats{display:flex;gap:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.hero-stat-item{display:flex;flex-direction:column;gap:3px}.hero-stat-value{font-size:28px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em}.hero-stat-label{font-size:11px;color:#ffffff59;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.hero-right{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.hero-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,255,209,.12);pointer-events:none}.hero-ring-outer{width:460px;height:460px;animation:ring-rotate 20s linear infinite}.hero-ring-inner{width:340px;height:340px;border-color:#00ffd10f;animation:ring-rotate 14s linear infinite reverse}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-photo-frame{position:relative;width:340px;height:420px;border-radius:24px;overflow:hidden;border:1px solid rgba(0,255,209,.25);box-shadow:0 0 0 1px #00ffd114,0 30px 80px #00000080,0 0 60px #00ffd11a;z-index:2}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hero-photo-overlay{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.hero-float-badge{position:absolute;left:-36px;bottom:60px;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#0a0a0eeb;border:1px solid rgba(0,255,209,.2);border-radius:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;box-shadow:0 8px 32px #0006;white-space:nowrap}.hero-float-badge-2{inset:48px -36px auto auto;border-color:#a5b4fc40}.float-badge-icon{font-size:20px;line-height:1}.float-badge-title{font-size:13px;font-weight:700;color:#fff;line-height:1.2}.float-badge-sub{font-size:11px;color:#fff6;margin-top:1px}.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff40;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(0,255,209,.5),transparent);animation:scroll-line 2s ease-in-out infinite}@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top;opacity:1}50%{transform:scaleY(1);transform-origin:top;opacity:1}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}.about-strip{padding:72px 6%;border-bottom:1px solid rgba(255,255,255,.06)}.about-strip-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:140px 1fr auto;gap:40px;align-items:start}.about-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00ffd1;padding-top:4px}.about-body{font-size:17px;color:#ffffffa6;line-height:1.75;margin:0}.about-body strong{color:#ffffffe6;font-weight:600}.about-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#ffffff80;text-decoration:none;padding-top:4px;white-space:nowrap;transition:color .2s}.about-link:hover{color:#00ffd1}.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#00ffd1;margin-bottom:10px;opacity:.8}.section-heading{font-size:clamp(32px,4vw,52px);font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.1}.skills-section{padding:100px 6%;text-align:center}.skills-section .section-heading{margin-bottom:60px}.featured-section{padding:100px 6%}.featured-header{max-width:1360px;margin:0 auto 52px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.see-all-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#ffffff73;text-decoration:none;transition:color .2s;white-space:nowrap;padding-bottom:4px}.see-all-link:hover{color:#00ffd1}.bento-grid{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bento-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:14px;overflow:hidden;transition:border-color .3s,background .3s;cursor:default}.bento-card:before{content:"";position:absolute;top:0;right:0;width:160px;height:160px;background:radial-gradient(circle,rgba(0,255,209,.06) 0%,transparent 70%);pointer-events:none}.bento-card:hover{border-color:#00ffd133;background:#ffffff0d}.bento-card.bento-large{grid-column:span 2}.bento-top{display:flex;align-items:center;gap:8px}.bento-cat{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#00ffd1;opacity:.8}.bento-type{font-size:11px;font-weight:600;color:#ffffff4d;padding:2px 8px;border:1px solid rgba(255,255,255,.1);border-radius:100px}.bento-title{font-size:20px;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em;line-height:1.25}.bento-desc{font-size:13px;color:#ffffff73;margin:0;line-height:1.6}.bento-impacts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.bento-impacts li{font-size:12px;color:#ffffff8c;padding-left:14px;position:relative;line-height:1.5}.bento-impacts li:before{content:"↗";position:absolute;left:0;font-size:10px;color:#00ffd1}.bento-techs{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.bento-tech{font-size:11px;color:#fff6;padding:3px 9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:5px}.bento-tech.muted{background:transparent;border-color:transparent;color:#ffffff40}.bento-arrow{position:absolute;bottom:20px;right:20px}.bento-arrow a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff6;text-decoration:none;transition:all .2s}.bento-arrow a:hover{background:#00ffd11f;border-color:#00ffd14d;color:#00ffd1;transform:translate(2px,-2px)}.journey-section{padding:100px 6%;border-top:1px solid rgba(255,255,255,.06)}.journey-header{max-width:1360px;margin:0 auto 52px}.journey-list{max-width:1360px;margin:0 auto;display:flex;flex-direction:column;gap:0}.journey-item{display:grid;grid-template-columns:100px 40px 1fr;gap:0;align-items:flex-start;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:background .2s}.journey-item:first-child{border-top:1px solid rgba(255,255,255,.06)}.journey-year{font-size:13px;font-weight:600;color:#ffffff59;padding-top:3px;font-variant-numeric:tabular-nums}.journey-item.current .journey-year{color:#00ffd1}.journey-line-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:5px;height:100%}.journey-dot{width:8px;height:8px;border-radius:50%;background:#fff3;flex-shrink:0}.journey-dot.active{background:#00ffd1;box-shadow:0 0 10px #00ffd199}.journey-connector{width:1px;flex:1;min-height:20px;background:#ffffff14}.journey-info{padding-bottom:4px}.journey-title{font-size:17px;font-weight:600;color:#fff;margin:0 0 6px}.journey-desc{font-size:14px;color:#ffffff73;margin:0;line-height:1.55}.journey-badge{display:inline-block;margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00ffd1;padding:3px 10px;background:#00ffd11a;border:1px solid rgba(0,255,209,.25);border-radius:100px}.journey-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff6;text-decoration:none;margin-top:36px;transition:color .2s}.journey-more:hover{color:#00ffd1}.cta-section{padding:100px 6% 120px}.cta-inner{max-width:1360px;margin:0 auto;background:#00ffd108;border:1px solid rgba(0,255,209,.12);border-radius:28px;padding:72px;text-align:center;position:relative;overflow:hidden}.cta-inner:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(0,255,209,.08) 0%,transparent 70%);pointer-events:none}.cta-avail{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff9;margin-bottom:20px}.cta-heading{font-size:clamp(28px,4vw,52px);font-weight:800;color:#fff;letter-spacing:-.03em;margin:0 0 16px;line-height:1.1}.cta-sub{font-size:16px;color:#ffffff73;line-height:1.65;max-width:520px;margin:0 auto 40px}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card.bento-large{grid-column:span 2}.about-strip-inner{grid-template-columns:120px 1fr}.about-link{grid-column:1 / -1}}@media(max-width:900px){.hero{grid-template-columns:1fr;grid-template-rows:auto auto;padding-top:100px;padding-bottom:60px;gap:48px;min-height:unset}.hero-left{text-align:center;align-items:center}.hero-avail{align-self:center}.hero-tagline{max-width:90%;margin-left:auto;margin-right:auto}.hero-name{font-size:clamp(44px,13vw,72px)}.hero-actions{justify-content:center}.hero-stats{gap:24px;justify-content:center;border-top:1px solid rgba(255,255,255,.08)}.hero-right{order:2;padding:20px;box-sizing:border-box}.hero-photo-frame{width:min(280px,75vw);height:min(340px,90vw)}.hero-ring{display:none}.hero-float-badge{inset:auto auto 8px 8px;font-size:12px;padding:8px 12px;gap:8px}.hero-float-badge-2{inset:8px 8px auto auto;font-size:12px;padding:8px 12px;gap:8px}.scroll-cue{display:none}.about-strip-inner{grid-template-columns:1fr;gap:16px}.bento-grid{grid-template-columns:1fr}.bento-card.bento-large{grid-column:span 1}.featured-header{flex-direction:column;align-items:flex-start}.journey-item{grid-template-columns:80px 28px 1fr}.cta-inner{padding:48px 28px}.cta-heading{font-size:26px}}@media(max-width:480px){.hero-topbar{flex-direction:column;align-items:flex-start;gap:8px}.hero-name{font-size:clamp(38px,12vw,58px)}.hero-actions{flex-direction:column;width:100%}.hero-btn{width:100%;justify-content:center}.hero-photo-frame{width:min(240px,72vw);height:min(290px,86vw)}}.journey-page{min-height:100vh;background:transparent;padding:140px 7.6923% 100px;position:relative;z-index:1}.journey-header{max-width:800px;margin:0 auto 80px;text-align:center}.page-title{font-size:66px;font-weight:600;color:#fff;margin:0 0 24px;line-height:1.1;letter-spacing:-.62px}.page-subtitle{font-size:20px;color:#ffffffd9;line-height:1.6;margin:0}.timeline-container{max-width:1000px;margin:0 auto;position:relative;padding-left:80px}.timeline-container:before{content:"";position:absolute;left:31px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#00ffd180,#00ffd11a)}.timeline-card{position:relative;margin-bottom:60px;opacity:0;transform:translate(-40px);transition:opacity .8s ease,transform .8s ease}.timeline-card.animate-in{opacity:1;transform:translate(0)}.timeline-card:before{content:"";position:absolute;left:-80px;top:0;width:64px;height:64px;background:linear-gradient(135deg,#00ffd133,#00d9b81a);border:2px solid rgba(0,255,209,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #00ffd133}.timeline-card:hover:before{background:linear-gradient(135deg,#00ffd166,#00d9b84d);border-color:#00ffd1cc;box-shadow:0 0 40px #00ffd199,0 0 60px #00ffd14d;transform:scale(1.1)}.timeline-icon{position:absolute;left:-60px;top:20px;color:#00ffd1;z-index:2}.timeline-card-content{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:40px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;border-radius:20px;overflow:hidden;transform-style:preserve-3d}.timeline-card-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,209,.1),transparent);transition:left .5s ease}.timeline-card:hover .timeline-card-content:before{left:100%}.timeline-card:hover .timeline-card-content{border-color:#00ffd199;transform:translateY(-8px) translateZ(20px);box-shadow:0 20px 60px #00ffd14d,0 0 40px #00ffd133}.timeline-card.current .timeline-card-content{background:#00ffd10d;border-color:#00ffd166}.timeline-card-year{display:inline-block;font-size:16px;font-weight:600;color:#00ffd1;margin-bottom:12px;padding:6px 12px;background:#00ffd11a;text-transform:uppercase;letter-spacing:.05em}.timeline-card-title{font-size:28px;font-weight:600;color:#fff;margin:0 0 16px;letter-spacing:-.02em}.timeline-card-description{font-size:18px;color:#ffffffd9;line-height:1.6;margin:0}.current-badge{display:inline-block;margin-top:16px;font-size:14px;font-weight:600;color:#000;background:#00ffd1;padding:8px 16px;text-transform:uppercase;letter-spacing:.05em}.journey-footer{max-width:1000px;margin:80px auto 0;padding-left:80px}.footer-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,209,.3);padding:60px;text-align:center}.footer-title{font-size:32px;font-weight:600;color:#00ffd1;margin:0 0 24px;letter-spacing:-.02em}.footer-text{font-size:18px;color:#ffffffd9;line-height:1.6;max-width:800px;margin:0 auto}@media(max-width:768px){.journey-page{padding:100px 20px 60px}.page-title{font-size:42px}.page-subtitle{font-size:18px}.timeline-container{padding-left:60px}.timeline-container:before{left:23px}.timeline-card:before{left:-60px;width:48px;height:48px}.timeline-icon{left:-48px;top:12px}.timeline-card-content{padding:30px}.timeline-card-title{font-size:24px}.timeline-card-description{font-size:16px}.journey-footer{padding-left:0;margin-top:60px}.footer-card{padding:40px 30px}.footer-title{font-size:28px}.footer-text{font-size:16px}}.projects-page{min-height:100vh;background:transparent;padding:130px 6% 120px;position:relative;z-index:1;max-width:1360px;margin:0 auto;box-sizing:border-box}.projects-hero{margin-bottom:56px}.projects-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#00ffd1;margin-bottom:16px}.projects-title{font-size:clamp(48px,7vw,88px);font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1;margin:0 0 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.projects-count-badge{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#00ffd11f;border:1px solid rgba(0,255,209,.35);border-radius:50%;font-size:22px;font-weight:700;color:#00ffd1;font-variant-numeric:tabular-nums}.projects-subtitle{font-size:17px;color:#ffffff8c;line-height:1.65;max-width:620px;margin:0}.stats-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.stat-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:13px;color:#ffffffb3;white-space:nowrap}.stat-chip-value{font-weight:700;color:#00ffd1;font-variant-numeric:tabular-nums}.stat-chip-label{color:#ffffff80}.filter-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.filter-search{position:relative;flex:1;min-width:180px;max-width:260px}.filter-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ffffff4d;pointer-events:none}.filter-search-input{width:100%;padding:9px 36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .25s,box-shadow .25s}.filter-search-input:focus{border-color:#00ffd166;box-shadow:0 0 0 3px #00ffd114}.filter-search-input::placeholder{color:#ffffff40}.filter-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff59;cursor:pointer;padding:2px;display:flex;align-items:center;transition:color .2s}.filter-search-clear:hover{color:#00ffd1}.filter-divider{width:1px;height:28px;background:#ffffff1a;flex-shrink:0}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pill{display:flex;align-items:center;gap:5px;padding:6px 14px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#ffffff8c;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{background:#ffffff12;color:#fff;border-color:#fff3}.filter-pill.active.type{background:#00ffd11f;border-color:#00ffd173;color:#00ffd1}.filter-pill.active.cat{background:#a5b4fc1f;border-color:#a5b4fc73;color:#a5b4fc}.pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:#ffffff1a;border-radius:50px;font-size:11px;font-weight:600}.filter-pill.active.type .pill-count{background:#00ffd133;color:#00ffd1}.results-label{font-size:13px;color:#ffffff59;margin-bottom:12px;padding-left:4px}.results-label strong{color:#ffffffa6}.projects-index{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.07)}.project-row{position:relative;display:grid;grid-template-columns:56px 1fr auto 36px;align-items:center;gap:28px;padding:28px 8px 28px 0;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;overflow:hidden;transition:background .25s ease}.project-row:hover{background:#ffffff06}.project-row.active{background:#00ffd108}.row-accent-line{position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#00FFD1,transparent);transform:scaleY(0);transform-origin:top;transition:transform .3s cubic-bezier(.22,1,.36,1)}.project-row:hover .row-accent-line,.project-row.active .row-accent-line{transform:scaleY(1)}.row-index{font-size:13px;font-weight:600;color:#fff3;letter-spacing:.05em;font-variant-numeric:tabular-nums;transition:color .25s;padding-left:12px;-webkit-user-select:none;user-select:none}.project-row:hover .row-index{color:#00ffd1}.row-main{min-width:0}.row-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.row-title{font-size:18px;font-weight:600;color:#fff;margin:0;letter-spacing:-.01em;transition:color .2s}.project-row:hover .row-title{color:#fff}.row-type-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:100px;border:1px solid;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.row-year{font-size:12px;color:#ffffff47;flex-shrink:0}.row-desc{font-size:14px;color:#ffffff73;margin:0;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.row-category{font-size:12px;font-weight:600;color:#ffffff8c;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.row-category:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--dot, #00FFD1);flex-shrink:0}.row-techs{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.row-tech{font-size:11px;color:#fff6;padding:3px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;white-space:nowrap}.row-tech.muted{background:transparent;border-color:transparent;color:#ffffff40}.row-arrow{display:flex;align-items:center;justify-content:center;color:#fff3;transition:color .2s,transform .2s;flex-shrink:0}.project-row:hover .row-arrow{color:#00ffd1;transform:translate(2px,-2px)}.no-results{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 0;color:#ffffff59;font-size:16px}.no-results-icon{font-size:36px}.no-results p{margin:0}.no-results-reset{padding:10px 22px;background:#00ffd11a;border:1px solid rgba(0,255,209,.3);border-radius:100px;color:#00ffd1;font-size:14px;cursor:pointer;transition:all .2s}.no-results-reset:hover{background:#00ffd133}.drawer-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;display:flex;justify-content:flex-end}.project-drawer{position:relative;width:min(560px,95vw);height:100vh;background:linear-gradient(160deg,#0e0e12fa,#0a0a0efc);border-left:1px solid rgba(0,255,209,.15);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;box-shadow:-20px 0 80px #0009}.project-drawer::-webkit-scrollbar{width:4px}.project-drawer::-webkit-scrollbar-track{background:transparent}.project-drawer::-webkit-scrollbar-thumb{background:#00ffd133;border-radius:4px}.drawer-close{position:-webkit-sticky;position:sticky;top:20px;margin:20px 20px 0 auto;width:36px;height:36px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;flex-shrink:0;transition:background .2s,color .2s}.drawer-close:hover{background:#ffffff26;color:#fff}.drawer-header{padding:20px 40px 32px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.drawer-header:after{content:"";position:absolute;top:0;right:0;width:180px;height:180px;background:radial-gradient(circle,rgba(0,255,209,.06) 0%,transparent 70%);pointer-events:none}.drawer-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.drawer-type-badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;border:1px solid;letter-spacing:.05em}.drawer-category-badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;text-transform:uppercase;letter-spacing:.06em}.drawer-year{font-size:12px;color:#ffffff4d;margin-left:auto}.drawer-title{font-size:26px;font-weight:700;color:#fff;margin:0 0 10px;letter-spacing:-.02em;line-height:1.2}.drawer-subtitle{font-size:14px;color:#ffffff73;margin:0;line-height:1.55}.drawer-body{padding:28px 40px 48px;display:flex;flex-direction:column;gap:28px;overscroll-behavior:contain}.drawer-section{display:flex;flex-direction:column;gap:10px}.drawer-section-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00ffd1;opacity:.7}.drawer-impact-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.drawer-impact-item{font-size:14px;color:#fffc;background:#00ffd10f;border:1px solid rgba(0,255,209,.15);border-radius:8px;line-height:1.45;position:relative;padding:10px 14px 10px 28px}.drawer-impact-item:before{content:"↗";position:absolute;left:10px;top:10px;font-size:12px;color:#00ffd1}.drawer-text{font-size:14px;color:#fff9;line-height:1.7;margin:0}.drawer-tech-grid{display:flex;flex-wrap:wrap;gap:6px}.drawer-tech-badge{font-size:12px;color:#ffffffb3;padding:5px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;display:inline-block;transition:all .15s}.drawer-tech-badge:hover{background:#ffffff17;border-color:#fff3;color:#fff}.drawer-links{display:flex;gap:10px;padding-top:8px}.drawer-link{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer}.drawer-link.live{background:#00ffd11f;border:1px solid rgba(0,255,209,.3);color:#00ffd1}.drawer-link.live:hover{background:#00ffd138;transform:translateY(-1px)}.drawer-link.github{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffbf}.drawer-link.github:hover{background:#ffffff1f;color:#fff;transform:translateY(-1px)}@media(max-width:900px){.projects-page{padding:110px 24px 80px}.project-row{grid-template-columns:40px 1fr 28px;gap:16px}.row-meta{display:none}.filter-bar{flex-direction:column;align-items:flex-start;gap:12px}.filter-divider{width:100%;height:1px}.filter-search{max-width:100%;width:100%}}@media(max-width:600px){.projects-title{font-size:42px}.project-row{grid-template-columns:36px 1fr 24px;gap:12px;padding:22px 4px 22px 0}.row-title{font-size:15px}.row-desc{font-size:13px}.project-drawer{width:100vw}.drawer-header,.drawer-body{padding-left:24px;padding-right:24px}.drawer-title{font-size:22px}.stats-bar{gap:6px}.stat-chip{padding:6px 12px;font-size:12px}}.contact-page{min-height:100vh;background:transparent;padding:140px 7.6923% 100px;position:relative;z-index:1}.contact-header{max-width:800px;margin:0 auto 80px;text-align:center}.contact-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:60px}.contact-info-section{display:flex;flex-direction:column;gap:30px}.info-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:40px;transition:all .5s cubic-bezier(.4,0,.2,1);border-radius:20px;position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,255,209,.1) 0%,transparent 100%);opacity:0;transition:opacity .5s ease;pointer-events:none}.info-card:hover:before{opacity:1}.info-card:hover{border-color:#00ffd199;box-shadow:0 20px 60px #00ffd14d,0 0 40px #00ffd133}.info-title{font-size:24px;color:#00ffd1;margin:0 0 32px;font-weight:600}.info-items{display:flex;flex-direction:column;gap:24px}.info-item{display:flex;gap:16px;align-items:flex-start;text-decoration:none;transition:transform .3s ease;cursor:pointer}.info-item:hover{transform:translate(4px)}.info-icon{color:#00ffd1;flex-shrink:0}.info-label{font-size:14px;color:#4d4d4d;margin:0 0 4px;font-weight:500}.info-value{font-size:16px;color:#ffffffd9;margin:0;word-break:break-word}.quick-info-title{font-size:20px;color:#fff;margin:0 0 24px;font-weight:600}.quick-info-items{display:flex;flex-direction:column;gap:20px}.quick-info-item{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.quick-info-item:last-child{border-bottom:none;padding-bottom:0}.quick-info-label{font-size:14px;color:#4d4d4d;margin:0 0 8px;font-weight:500}.quick-info-value{font-size:16px;color:#ffffffd9;margin:0;line-height:1.5}.contact-form-section{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:60px;transition:all .5s cubic-bezier(.4,0,.2,1);border-radius:24px;position:relative;overflow:hidden}.contact-form-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,209,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.contact-form-section:hover:before{opacity:1}.contact-form-section:hover{border-color:#00ffd199;box-shadow:0 20px 60px #00ffd14d,0 0 40px #00ffd133}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:16px;color:#ffffffd9;font-weight:500}.form-input,.form-textarea{padding:14px 16px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;font-family:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:12px}.form-input:focus,.form-textarea:focus{outline:none;border-color:#00ffd199;box-shadow:0 0 30px #00ffd14d,0 0 60px #00ffd11a;background:linear-gradient(135deg,#ffffff14,#ffffff0a)}.form-input::placeholder,.form-textarea::placeholder{color:#4d4d4d}.form-textarea{resize:vertical;min-height:150px}.submit-btn{background:linear-gradient(135deg,#00ffd1,#00d9b8);color:#000;border:none;padding:16px 32px;font-size:18px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00ffd14d}.submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.submit-btn:hover:not(:disabled):before{opacity:1}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#00ffd11a,#00d9b81a);color:#00ffd1;box-shadow:0 8px 30px #00ffd166,0 0 40px #00ffd133}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.submitting{background:#ffffff1a;color:#fff}.submit-btn.submitted{background:#00ffd1;color:#000}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-footer{font-size:14px;color:#4d4d4d;margin:8px 0 0;text-align:center}@media(max-width:1024px){.contact-content{grid-template-columns:1fr;gap:40px}.contact-info-section{flex-direction:row;gap:20px}.info-card{flex:1}}@media(max-width:768px){.contact-page{padding:100px 20px 60px}.page-title{font-size:42px}.contact-content{gap:30px}.contact-info-section{flex-direction:column}.info-card{padding:30px}.contact-form-section{padding:40px 30px}.form-input,.form-textarea{padding:12px}.submit-btn{padding:14px 24px;font-size:16px}}.three-d-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:1;overflow:hidden;background:radial-gradient(ellipse at center,#000000fa,#000)}.three-d-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,255,156,.08) 0%,transparent 60%),radial-gradient(circle at 30% 40%,rgba(0,255,156,.05) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(0,255,156,.05) 0%,transparent 50%);pointer-events:none;z-index:1;animation:backgroundPulse 20s ease-in-out infinite}.three-d-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(0,255,156,.015) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(0,255,156,.015) 50%,transparent 70%);pointer-events:none;z-index:1;animation:lightSweep 25s linear infinite}@keyframes backgroundPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes lightSweep{0%{transform:translate(-100%) translateY(-100%) rotate(0);opacity:0}50%{opacity:.2}to{transform:translate(100%) translateY(100%) rotate(360deg);opacity:0}}.three-d-background canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;filter:blur(.3px);pointer-events:none}@media(max-width:768px){.three-d-background:before{background:radial-gradient(circle at 50% 50%,rgba(0,255,156,.05) 0%,transparent 60%)}.three-d-background canvas{filter:blur(.5px)}@media(max-width:480px){.three-d-background:before,.three-d-background:after{animation:none}}}.whatsapp-fab{position:fixed;bottom:28px;right:28px;z-index:9999;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;box-shadow:0 4px 20px #25d36673,0 2px 8px #00000059;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;text-decoration:none;cursor:pointer}.whatsapp-fab:hover{transform:scale(1.14);box-shadow:0 6px 28px #25d366a6,0 3px 12px #0006}.whatsapp-fab:active{transform:scale(.95)}.wa-icon{width:36px;height:36px;position:relative;z-index:1;flex-shrink:0}.wa-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(37,211,102,.5);animation:waPulse 2s ease-out infinite;pointer-events:none}.wa-pulse-2{animation-delay:.7s;border-color:#25d3664d}@keyframes waPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.9);opacity:0}}.whatsapp-fab:hover .wa-pulse{animation-play-state:paused}@media(max-width:768px){.whatsapp-fab{bottom:20px;right:20px;width:54px;height:54px}.wa-icon{width:30px;height:30px}}