*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.admin-root,:root{--background:0 0% 100%;--foreground:0 0% 9%;--card:0 0% 100%;--card-foreground:0 0% 9%;--popover:0 0% 100%;--popover-foreground:0 0% 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% 9%;--radius:0.625rem}.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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.left-2\.5{left:.625rem}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-2\.5{right:.625rem}.right-4{right:1rem}.top-0{top:0}.top-2\.5{top:.625rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-6{margin-bottom:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.max-w-\[420px\]{max-width:420px}.max-w-\[80vw\]{max-width:80vw}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.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))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.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-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-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-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.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-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-amber-500\/30{border-color:rgba(245,158,11,.3)}.border-border\/60{border-color:hsl(var(--border)/.6)}.border-cyan-500\/30{border-color:rgba(6,182,212,.3)}.border-emerald-300{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}.border-input{border-color:hsl(var(--input))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-slate-700\/80{border-color:rgba(51,65,85,.8)}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-zinc-100{--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1))}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.border-zinc-200\/80{border-color:hsla(240,6%,90%,.8)}.border-zinc-200\/90{border-color:hsla(240,6%,90%,.9)}.border-zinc-300{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-500\/10{background-color:rgba(245,158,11,.1)}.bg-background{background-color:hsl(var(--background))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-card\/70{background-color:hsl(var(--card)/.7)}.bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-cyan-500\/10{background-color:rgba(6,182,212,.1)}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.bg-primary{background-color:hsl(var(--primary))}.bg-red-50\/80{background-color:hsla(0,86%,97%,.8)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/60{background-color:rgba(15,23,42,.6)}.bg-slate-900\/80{background-color:rgba(15,23,42,.8)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-zinc-50\/50{background-color:hsla(0,0%,98%,.5)}.bg-zinc-50\/70{background-color:hsla(0,0%,98%,.7)}.bg-zinc-50\/80{background-color:hsla(0,0%,98%,.8)}.bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-\[linear-gradient\(to_right\2c \#80808012_1px\2c transparent_1px\)\2c linear-gradient\(to_bottom\2c \#80808012_1px\2c transparent_1px\)\]{background-image:linear-gradient(90deg,#80808012 1px,transparent 0),linear-gradient(180deg,#80808012 1px,transparent 0)}.bg-\[size\:24px_24px\]{background-size:24px 24px}.fill-white{fill:#fff}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.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-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-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem}.pb-3,.py-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-3{padding-left:.75rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-zinc-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{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 rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{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 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-black\/20{--tw-shadow-color:rgba(0,0,0,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-cyan-500\/20{--tw-shadow-color:rgba(6,182,212,.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/10{--tw-shadow-color:rgba(16,185,129,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-red-500\/10{--tw-shadow-color:rgba(239,68,68,.1);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.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-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)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}:root{--bg-primary:#03111f;--bg-secondary:#061827;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--primary-color:#38bdf8;--accent-color:#22d3ee;--accent-2:#2563eb;--gradient-1:linear-gradient(135deg,#0ea5e9,#2563eb,#22d3ee);--gradient-text:linear-gradient(90deg,#f8fafc 5%,#7dd3fc 52%,#38bdf8);--glass-bg:rgba(8,47,73,.24);--glass-border:rgba(125,211,252,.16);--font-heading:"Space Grotesk",sans-serif;--font-body:"Space Grotesk",sans-serif;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--shadow-glow:0 0 50px rgba(14,165,233,.18)}*{margin:0;padding:0;box-sizing:border-box}body:not(:has(.admin-root)) *{cursor:none}.admin-root,.admin-root *{cursor:default!important}.admin-root [role=button],.admin-root [role=tab],.admin-root a,.admin-root button{cursor:pointer!important}.admin-root input,.admin-root textarea{cursor:text!important}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.7}.logo,.nav-link,h1,h2,h3,h4{font-family:var(--font-heading)}a{text-decoration:none;color:inherit}ul{list-style:none}strong{color:var(--text-primary)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-padding{padding:110px 0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.bg-darker{background-color:var(--bg-secondary)}.mt-3{margin-top:1rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3.5rem}.mb-4{margin-bottom:2rem}.text-center{text-align:center}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999999!important;pointer-events:none}.cursor-dot{width:8px;height:8px;background-color:var(--primary-color)}.cursor-outline{width:40px;height:40px;border:2px solid rgba(155,109,255,.5);transition:width .2s,height .2s}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:32px;transition:var(--transition)}.glass-card:hover{transform:translateY(-6px);border-color:hsla(0,0%,100%,.15);box-shadow:0 24px 48px rgba(0,0,0,.35),var(--shadow-glow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:30px;font-weight:600;font-family:var(--font-heading);transition:var(--transition);position:relative;overflow:hidden;z-index:1;font-size:15px}.btn-primary{background:var(--gradient-1);color:#fff;border:none}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f472b6,#9b6dff,#4f8ef7);z-index:-1;transition:opacity .4s ease;opacity:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover i{transform:translateX(4px)}.btn-primary i{transition:var(--transition)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border);backdrop-filter:blur(5px)}.btn-secondary:hover{background:hsla(0,0%,100%,.05);border-color:var(--primary-color)}.navbar{position:fixed;top:0;left:0;width:100%;padding:18px 0;z-index:1000;transition:var(--transition)}.navbar.scrolled{background:rgba(8,8,16,.88);backdrop-filter:blur(20px);padding:12px 0;border-bottom:1px solid var(--glass-border)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:26px;font-weight:800;letter-spacing:1px}.logo span{color:var(--accent-color)}.nav-links{display:flex;gap:28px;align-items:center}.nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);transition:var(--transition);position:relative}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-1);transition:var(--transition)}.nav-link.active:after,.nav-link:hover:after{width:100%}.btn-contact{border:1px solid var(--glass-border);padding:7px 18px;border-radius:20px}.btn-contact:after{display:none}.btn-contact:hover{background:var(--glass-bg);border-color:var(--accent-color)}.hamburger{display:none;cursor:pointer}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:var(--transition);background-color:var(--text-primary);border-radius:2px}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:100px;padding-bottom:80px;overflow:hidden}.hero-decorative-1{position:absolute;top:-10%;right:-5%;width:560px;height:560px;background:radial-gradient(circle,rgba(155,109,255,.18) 0,transparent 70%);border-radius:50%;filter:blur(70px);animation:float 9s ease-in-out infinite alternate}.hero-decorative-2{position:absolute;bottom:5%;left:-10%;width:640px;height:640px;background:radial-gradient(circle,rgba(79,142,247,.12) 0,transparent 70%);border-radius:50%;filter:blur(90px)}.hero-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative;z-index:10}.hero-content{display:flex;flex-direction:column;gap:18px}.greeting{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:500;font-size:14px;color:var(--accent-color);text-transform:uppercase;letter-spacing:2px}.dot-pulse{width:10px;height:10px;background:#4ade80;border-radius:50%;display:inline-block;animation:dotPulse 2s infinite}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(74,222,128,.4)}50%{box-shadow:0 0 0 8px rgba(74,222,128,0)}}.name{font-size:clamp(38px,5.5vw,72px);font-weight:900;line-height:1.05;letter-spacing:-1px}.title{font-size:clamp(20px,2.8vw,34px);font-weight:600}.summary,.title{color:var(--text-secondary)}.summary{font-size:16px;max-width:520px;line-height:1.8}.hero-stats{display:flex;align-items:center;gap:24px;padding:20px 0}.stat-item{text-align:center}.stat-number{display:block;font-family:var(--font-heading);font-size:32px;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{display:block;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.stat-divider{width:1px;height:40px;background:var(--glass-border)}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.social-links{display:flex;gap:14px;margin-top:10px}.social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:17px;transition:var(--transition)}.social-links a:hover{background:var(--gradient-1);border-color:transparent;transform:translateY(-4px)}.profile-card{position:relative;padding:14px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:visible}.profile-image-container{width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative}.profile-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;transition:transform .5s ease}.glass-card:hover .profile-image{transform:scale(1.04)}.tech-stack-floating{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.float-icon{position:absolute;width:56px;height:56px;border-radius:14px;background:rgba(15,15,26,.9);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:28px;border:1px solid var(--glass-border);animation:floatIcon 6s ease-in-out infinite alternate;box-shadow:0 8px 24px rgba(0,0,0,.3)}.icon-laravel{top:8%;left:-26px;color:#ff2d20;animation-delay:0s}.icon-vue{bottom:28%;right:-26px;color:#42b883;animation-delay:-2s}.icon-php{bottom:-20px;left:24%;color:#777bb4;animation-delay:-4s}.icon-shield{top:38%;right:-26px;color:var(--accent-color);animation-delay:-1s}.profile-info-tag{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);background:rgba(15,15,26,.95);backdrop-filter:blur(12px);border:1px solid rgba(74,222,128,.3);border-radius:30px;padding:8px 20px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;white-space:nowrap;color:#4ade80;box-shadow:0 4px 20px rgba(0,0,0,.4)}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:dotPulse 2s infinite}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:50;display:block}.scroll-mouse{width:26px;height:40px;border:2px solid hsla(0,0%,100%,.2);border-radius:20px;display:flex;justify-content:center;padding-top:6px}.scroll-wheel{width:4px;height:8px;background:var(--accent-color);border-radius:4px;animation:scrollWheel 2s infinite}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}.section-header{text-align:center;margin-bottom:68px}.section-title{font-size:44px;font-weight:800;margin-bottom:12px}.section-subtitle{color:var(--text-secondary);font-size:17px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.about-text h3,.education-card h3{font-size:22px;margin-bottom:22px;color:var(--primary-color);display:flex;align-items:center;gap:10px}.about-text p{color:var(--text-secondary);margin-bottom:14px}.info-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.info-item i{font-size:18px;color:var(--accent-color);margin-top:4px;flex-shrink:0}.info-item span{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.info-item p{color:var(--text-primary);font-weight:500;margin:2px 0 0;font-size:14px}.edu-badge{display:inline-block;padding:4px 14px;background:var(--gradient-1);border-radius:20px;font-size:12px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:1px}.edu-item{margin-top:10px}.edu-header{margin-bottom:8px}.edu-header h4{font-size:17px;color:var(--text-primary);margin-bottom:4px}.edu-date{font-size:13px;color:var(--accent-color)}.edu-location{font-size:14px;color:var(--text-secondary);margin-bottom:14px;gap:6px}.edu-detail-item,.edu-location{display:flex;align-items:center}.edu-detail-item{gap:10px;margin-bottom:8px}.edu-detail-item i{color:var(--accent-color);font-size:14px}.edu-details p{color:var(--text-secondary);font-size:14px}.edu-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.badge{background:rgba(155,109,255,.1);color:#c084fc;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid rgba(155,109,255,.2)}.badge-green{background:rgba(74,222,128,.1);color:#4ade80;border:1px solid rgba(74,222,128,.2)}.badge-purple{background:rgba(155,109,255,.1);color:#c084fc;border:1px solid rgba(155,109,255,.2)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:28px}.skill-category{position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-1);opacity:0;transition:opacity .3s;border-radius:20px 20px 0 0}.skill-category:hover:before{opacity:1}.skill-category.glass-card:hover{transform:translateY(-4px)}.skill-icon{font-size:30px;margin-bottom:18px;color:var(--primary-color)}.skill-category h3{font-size:19px;margin-bottom:22px}.skill-list li{margin-bottom:16px}.skill-list span{display:block;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.progress-bar{width:100%;height:5px;background:hsla(0,0%,100%,.06);border-radius:10px;overflow:hidden}.progress{height:100%;background:var(--gradient-1);border-radius:10px;transform-origin:left;transform:scaleX(0)}.skill-category.active .progress{transform:scaleX(1);transition:transform 1.4s cubic-bezier(.4,0,.2,1) .4s}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline:before{content:"";position:absolute;top:0;left:40px;width:2px;height:100%;background:var(--glass-border)}.timeline-item{position:relative;margin-bottom:50px;padding-left:84px}.timeline-dot{position:absolute;left:31px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--bg-primary);border:3px solid var(--accent-color);z-index:2;box-shadow:0 0 16px rgba(155,109,255,.4)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px;flex-wrap:wrap}.timeline-date{display:inline-block;padding:4px 12px;background:rgba(155,109,255,.1);color:#c084fc;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:10px}.timeline-title{font-size:22px;color:var(--text-primary);margin-bottom:4px}.timeline-company{font-size:15px;color:var(--primary-color);font-weight:500;display:flex;align-items:center;gap:6px}.timeline-details li{color:var(--text-secondary);margin-bottom:10px;position:relative;padding-left:20px;font-size:14px}.timeline-details li:before{content:"▹";position:absolute;left:0;color:var(--primary-color)}.timeline-details strong{color:var(--text-primary)}.experience-link{margin-top:18px}.experience-link a{display:inline-flex;align-items:center;gap:7px;color:#bfdbfe;font-size:13px;font-weight:600;transition:var(--transition)}.experience-link a:hover{color:#fff;transform:translateX(3px)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}.project-card{height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden}.project-card:hover{transform:translateY(-8px)}.project-card-featured{border-color:rgba(96,165,250,.28);box-shadow:0 18px 60px rgba(79,142,247,.08)}.project-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#1e1e35,#0f0f1a)}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.06)}.project-visual{isolation:isolate}.project-visual:after,.project-visual:before{content:"";position:absolute;border-radius:50%;filter:blur(4px);z-index:-1}.project-visual:before{width:210px;height:210px;right:-30px;top:-70px}.project-visual:after{width:160px;height:160px;left:-45px;bottom:-80px}.aurelia-visual{background:linear-gradient(145deg,#171229,#39274f 55%,#121323)}.aurelia-visual:before{background:rgba(244,114,182,.3)}.aurelia-visual:after{background:rgba(192,132,252,.25)}.wordpress-visual{background:linear-gradient(145deg,#071d2e,#0b4f6c 55%,#082032)}.wordpress-visual:before{background:rgba(14,165,233,.28)}.wordpress-visual:after{background:rgba(34,197,94,.18)}.tea-visual{background:linear-gradient(145deg,#0d2418,#28623e 52%,#152b1d)}.tea-visual:before{background:rgba(250,204,21,.2)}.tea-visual:after{background:rgba(74,222,128,.25)}.project-visual-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;letter-spacing:.18em}.project-visual-content i{font-size:46px;margin-bottom:12px;color:hsla(0,0%,100%,.92)}.project-visual-content strong{font:800 27px var(--font-heading)}.project-visual-content span{color:hsla(0,0%,100%,.58);font-size:9px;margin-top:4px}.img-placeholder{display:flex;align-items:center;justify-content:center;min-height:180px;background:linear-gradient(135deg,rgba(79,142,247,.08),rgba(155,109,255,.08))}.img-placeholder:after{content:"\f03e";font-family:Font Awesome\ 6 Free;font-weight:900;font-size:40px;color:hsla(0,0%,100%,.1)}.project-image-overlay{position:absolute;top:12px;left:12px}.project-category{display:inline-block;padding:4px 12px;background:rgba(8,8,16,.75);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.project-content{padding:26px;flex:1;display:flex;flex-direction:column}.project-content h3{font-size:22px;margin-bottom:6px}.project-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.featured-label{flex-shrink:0;padding:4px 9px;border-radius:999px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.25);color:#4ade80;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.project-domain{font-size:12px;color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:600}.project-desc{color:var(--text-secondary);margin-bottom:18px}.project-highlights{margin-bottom:20px;flex-grow:1}.project-highlights li{font-size:13px;color:var(--text-secondary);margin-bottom:8px;display:flex;gap:10px;align-items:flex-start}.project-highlights i{color:var(--primary-color);margin-top:3px;font-size:11px;flex-shrink:0}.project-links{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 18px}.project-links a{color:#bfdbfe;font-size:13px;font-weight:600;transition:var(--transition)}.project-links a:hover{color:#fff;transform:translateY(-1px)}.project-links i{margin-right:5px}.project-tech{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.project-tech span{font-size:11px;padding:4px 10px;background:hsla(0,0%,100%,.05);border:1px solid var(--glass-border);border-radius:5px;color:var(--text-secondary)}.other-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.mini-project{background:var(--glass-bg);border:1px solid var(--glass-border);padding:26px;border-radius:16px;transition:var(--transition)}.mini-project:hover{background:hsla(0,0%,100%,.06);border-color:var(--primary-color);transform:translateY(-4px)}.mini-icon{font-size:26px;color:var(--accent-color);margin-bottom:14px}.mini-project h4{font-size:17px;margin-bottom:10px}.mini-project p{font-size:13px;color:var(--text-secondary);margin-bottom:14px}.mini-tags{display:flex;flex-wrap:wrap;gap:6px}.mini-tags span{font-size:11px;padding:3px 9px;background:rgba(155,109,255,.1);color:#c084fc;border-radius:5px;border:1px solid rgba(155,109,255,.15)}.academic{background:var(--bg-primary)}.academic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:36px}.academic-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.academic-card:hover{transform:translateY(-8px)}.academic-image{position:relative;width:100%;aspect-ratio:16/8;overflow:hidden;background:linear-gradient(135deg,#1a1030,#0f1a25);border-radius:20px 20px 0 0}.academic-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.academic-card:hover .academic-image img{transform:scale(1.05)}.academic-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px rgba(245,158,11,.4)}.academic-content{padding:28px;flex:1}.academic-type{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent-color);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:12px}.academic-content h3{font-size:24px;margin-bottom:14px}.academic-content p{color:var(--text-secondary);font-size:14px;line-height:1.8;margin-bottom:20px}.academic-highlights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.highlight-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:hsla(0,0%,100%,.04);border:1px solid var(--glass-border);border-radius:10px;font-size:13px;color:var(--text-secondary);transition:var(--transition)}.highlight-item:hover{border-color:var(--accent-color);color:var(--text-primary)}.highlight-item i{color:var(--accent-color);font-size:15px;flex-shrink:0}.achievements-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:20px}.achievement-group{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden}.achievement-group-header{padding:24px 28px;background:rgba(155,109,255,.08);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:14px}.achievement-group-icon{width:48px;height:48px;border-radius:12px;background:var(--gradient-1);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.achievement-group h3{font-size:20px}.achievement-list{padding:8px 0}.achievement-item{display:flex;gap:16px;padding:16px 28px;border-bottom:1px solid hsla(0,0%,100%,.04);transition:var(--transition)}.achievement-item:last-child{border-bottom:none}.achievement-item:hover{background:hsla(0,0%,100%,.03)}.achievement-item.acv-highlight{background:rgba(155,109,255,.05)}.achievement-year{flex-shrink:0;font-size:11px;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;background:rgba(155,109,255,.1);border:1px solid rgba(155,109,255,.2);border-radius:6px;padding:4px 10px;text-align:center;height:-moz-fit-content;height:fit-content;margin-top:2px;min-width:76px}.achievement-info h4{font-size:15px;margin-bottom:4px;color:var(--text-primary)}.achievement-info p{font-size:13px;color:var(--text-secondary)}.ach-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ach-stat-card{text-align:center;padding:30px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;transition:var(--transition);position:relative;overflow:hidden}.ach-stat-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-1);opacity:0;transition:opacity .3s}.ach-stat-card:hover:before{opacity:1}.ach-stat-card:hover{transform:translateY(-4px);border-color:hsla(0,0%,100%,.15)}.ach-stat-number{display:block;font-family:var(--font-heading);font-size:38px;font-weight:900;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.ach-stat-label{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.footer{border-top:1px solid var(--glass-border);position:relative;overflow:hidden}.footer-cta{text-align:center;max-width:620px;margin:0 auto;padding:100px 24px 80px}.footer-cta h2{font-size:42px;font-weight:800;margin-bottom:14px}.footer-cta p{color:var(--text-secondary);font-size:17px;margin-bottom:32px;line-height:1.8}.footer-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer-content{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px;padding-bottom:60px;border-top:1px solid var(--glass-border);padding-top:60px}.footer-brand p{color:var(--text-secondary);margin:14px 0 20px;max-width:280px;font-size:14px}.footer-socials{display:flex;gap:12px;flex-wrap:wrap}.footer-socials a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:15px;transition:var(--transition)}.footer-socials a:hover{background:var(--gradient-1);border-color:transparent;color:#fff}.footer-contact h3,.footer-links h3{font-size:18px;margin-bottom:18px}.footer-links ul li{margin-bottom:10px}.footer-links a{color:var(--text-secondary);transition:var(--transition);font-size:14px}.footer-links a:hover{color:var(--primary-color);padding-left:6px}.footer-contact p{color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:10px;font-size:14px}.footer-contact i{color:var(--accent-color);width:16px}.footer-contact a{color:var(--primary-color)}.footer-bottom{padding:20px 0;border-top:1px solid var(--glass-border);color:var(--text-secondary);font-size:13px}@keyframes float{0%{transform:translateY(0) translateX(0)}to{transform:translateY(-30px) translateX(30px)}}@keyframes floatIcon{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-18px) rotate(8deg)}}.reveal-up{opacity:0;transform:translateY(50px);transition:all .8s ease}.reveal-up.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-50px);transition:all .8s ease}.reveal-left.active{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(50px);transition:all .8s ease}.reveal-right.active{opacity:1;transform:translateX(0)}@media screen and (max-width:1024px){.academic-grid,.achievements-layout{grid-template-columns:1fr}.ach-stats{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:968px){.hero-container{grid-template-columns:1fr;text-align:center;gap:50px}.hero-content{align-items:center}.greeting,.hero-actions,.hero-stats,.social-links{justify-content:center}.profile-card{max-width:380px;margin:0 auto 30px}.about-grid,.footer-content{grid-template-columns:1fr}.footer-content{text-align:center}.footer-brand p{margin:14px auto 18px}.footer-contact p,.footer-socials{justify-content:center}.timeline:before{left:20px}.timeline-item{padding-left:52px}.timeline-dot{left:11px}.summary{text-align:center}}@media screen and (max-width:768px){.hamburger{display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-links{position:fixed;left:-100%;top:65px;gap:0;flex-direction:column;background:rgba(8,8,16,.97);backdrop-filter:blur(20px);width:100%;text-align:center;transition:.3s;height:calc(100vh - 65px);padding-top:40px}.nav-links.active{left:0}.nav-link{font-size:20px;display:block;padding:14px}.cursor-dot,.cursor-outline{display:none}*{cursor:auto}.section-title{font-size:32px}.footer-cta h2{font-size:30px}.academic-highlights,.project-grid{grid-template-columns:1fr}.ach-stats{grid-template-columns:repeat(2,1fr)}.edu-header,.timeline-header{flex-direction:column}.edu-header{gap:4px}.skills-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:16px}.stat-divider{width:40px;height:1px}}@media screen and (max-width:480px){.ach-stats{grid-template-columns:1fr 1fr}.academic-grid{grid-template-columns:1fr}.footer-cta-actions,.hero-actions{flex-direction:column;align-items:center}}body{background-image:linear-gradient(rgba(56,189,248,.055) 1px,transparent 0),linear-gradient(90deg,rgba(56,189,248,.055) 1px,transparent 0);background-size:52px 52px;background-attachment:fixed}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 14% 18%,rgba(14,165,233,.16),transparent 25%),radial-gradient(circle at 88% 36%,rgba(37,99,235,.14),transparent 28%)}.intro,body:before{position:fixed;inset:0}.intro{z-index:10000;display:grid;place-content:center;gap:20px;background:#020b14;text-align:center;transition:opacity .8s ease,visibility .8s ease}.intro.is-hidden{opacity:0;visibility:hidden}.intro-mark{font:700 clamp(48px,9vw,110px)/1 var(--font-heading);letter-spacing:-.07em}.intro-mark span{color:var(--primary-color)}.intro-line{width:min(320px,60vw);height:1px;overflow:hidden;background:rgba(125,211,252,.16)}.intro-line span{display:block;width:100%;height:100%;background:var(--gradient-1);transform:translateX(-100%);animation:introLoad 1.35s cubic-bezier(.65,0,.35,1) forwards}.intro p{font:400 10px DM Mono,monospace;letter-spacing:.28em;color:#7dd3fc}@keyframes introLoad{to{transform:translateX(0)}}.navbar{padding-top:20px}.nav-container{max-width:1160px;min-height:54px;padding:0 28px;border:1px solid var(--glass-border);border-radius:999px;background:rgba(3,17,31,.72);backdrop-filter:blur(22px);box-shadow:0 18px 55px rgba(0,0,0,.2)}.navbar.scrolled{background:transparent;border:0;padding:10px 0}.navbar.scrolled .nav-container{background:rgba(3,17,31,.9)}.logo{letter-spacing:-.04em}.nav-link{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.04em}.hero{min-height:100svh;padding-top:120px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,31,.25),transparent 48%,rgba(3,17,31,.15));pointer-events:none}.hero-container{max-width:1160px;grid-template-columns:1.25fr .75fr;gap:86px}.hero-content{gap:14px}.greeting{font:400 11px DM Mono,monospace;color:#7dd3fc;letter-spacing:.18em}.name{font-size:clamp(54px,7vw,102px);letter-spacing:-.075em;line-height:.88;margin-top:12px}.title{font-size:clamp(25px,3vw,42px);line-height:1.08;letter-spacing:-.045em}.summary{max-width:630px;font-size:15px}.hero-stats{justify-content:flex-start}.stat-item{text-align:left}.stat-number{font-size:30px}.academic-type,.project-domain,.stat-label{font-family:DM Mono,monospace}.profile-card{border-radius:14px;padding:11px;transform:rotate(2.5deg);background:linear-gradient(145deg,rgba(14,165,233,.24),rgba(3,17,31,.78));box-shadow:24px 34px 80px rgba(0,0,0,.45),0 0 0 1px rgba(125,211,252,.08)}.profile-card:before{content:"VAP / ID 0147";position:absolute;top:-56px;left:50%;width:76px;height:70px;transform:translateX(-50%);display:grid;place-content:end center;padding-bottom:8px;color:#bae6fd;background:linear-gradient(90deg,#075985,#0ea5e9 50%,#075985);font:500 8px DM Mono,monospace;letter-spacing:.08em;border-radius:8px 8px 0 0;z-index:0}.profile-image{filter:saturate(.82) contrast(1.06)}.profile-info-tag{bottom:-22px;background:rgba(3,17,31,.92);border-color:rgba(56,189,248,.35);color:#7dd3fc;font-family:DM Mono,monospace}.hero-edge-label{position:absolute;right:19px;top:28%;writing-mode:vertical-rl;font:400 9px DM Mono,monospace;letter-spacing:.24em;color:rgba(125,211,252,.48)}.scroll-indicator{display:flex;gap:12px;align-items:center;bottom:25px;font:400 9px DM Mono,monospace;letter-spacing:.25em;color:rgba(186,230,253,.62);animation:scrollBob 2s ease-in-out infinite}@keyframes scrollBob{50%{transform:translate(-50%,7px)}}.section-padding{padding:130px 0}.section-header{text-align:left;border-top:1px solid var(--glass-border);padding-top:24px}.section-title{font-size:clamp(40px,5vw,68px);letter-spacing:-.055em;line-height:1}.section-subtitle{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.04em}.ach-stat-card,.achievement-group,.glass-card,.mini-project{border-radius:12px}.glass-card{position:relative}.glass-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(125,211,252,.055),transparent 68%);transform:translateX(-100%);transition:transform .7s ease}.glass-card:hover:after{transform:translateX(100%)}.bg-darker{background-color:rgba(6,24,39,.78)}.btn{border-radius:7px;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.02em}.btn-primary{box-shadow:0 12px 35px rgba(14,165,233,.22)}.ach-stat-card:before,.progress,.skill-category:before{background:linear-gradient(90deg,#0369a1,#38bdf8,#22d3ee)}.academic-image,.project-image{border-radius:11px 11px 0 0}.reveal-up{transform:translateY(34px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}@media (max-width:968px){.hero-container{grid-template-columns:1fr}.profile-card{transform:rotate(1deg)}.section-header,.stat-item{text-align:center}}@media (max-width:768px){.nav-container{margin:0 14px;padding:0 20px}.nav-links{top:84px;height:calc(100vh - 84px);background:rgba(3,17,31,.98)}.hero-edge-label{display:none}.hero{padding-top:130px}.name{font-size:clamp(46px,16vw,72px)}.section-padding{padding:92px 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.intro{display:none}}.container{max-width:1240px}.ach-stat-card,.achievement-group,.glass-card,.mini-project{background:rgba(4,24,40,.88);border-color:rgba(125,211,252,.13);box-shadow:0 18px 55px rgba(0,7,18,.16)}.glass-card:after{display:none}.glass-card:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.3);box-shadow:0 22px 60px rgba(0,7,18,.28)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-card{border-radius:14px}.project-content{padding:30px 32px 32px}.project-content h3{font-size:24px;line-height:1.2;letter-spacing:-.025em}.project-domain{color:#7dd3fc;margin:8px 0 16px;line-height:1.6}.project-desc{color:#b6c8d8;font-size:14px;line-height:1.75;margin-bottom:22px;padding-bottom:21px;border-bottom:1px solid rgba(125,211,252,.1)}.project-highlights{display:grid;gap:0;margin-bottom:24px}.project-highlights li{margin:0;padding:11px 0;color:#9fb3c5;line-height:1.65;border-bottom:1px solid rgba(125,211,252,.075)}.project-highlights li:last-child{border-bottom:0}.project-highlights i{margin-top:6px;color:#38bdf8}.project-tech{padding-top:18px;border-top:1px solid rgba(125,211,252,.1)}.mini-tags span,.project-tech span{background:rgba(14,165,233,.07);border-color:rgba(56,189,248,.14);color:#9ed8f5;padding:5px 10px}.project-heading-row{align-items:flex-start}.about-grid{gap:28px}.about-text,.education-card{padding:38px}.about-text h3,.education-card h3,.skill-category h3{color:#e7f5ff}.about-text>p{line-height:1.85}.contact-info-list{padding-top:24px;border-top:1px solid rgba(125,211,252,.1)}.info-item{margin-bottom:0;padding:13px 0;border-bottom:1px solid rgba(125,211,252,.075)}.info-item:last-child{border-bottom:0}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.skill-category{padding:30px}.skill-category h3{min-height:46px;margin-bottom:16px}.skill-list li{margin:0;padding:11px 0;border-top:1px solid rgba(125,211,252,.075)}.skill-list span{line-height:1.45;margin-bottom:9px}.timeline{max-width:980px}.timeline-item{margin-bottom:34px}.timeline-content{padding:34px 38px}.timeline-details{margin-top:4px}.timeline-details li{margin:0;padding:10px 0 10px 22px;line-height:1.7;border-top:1px solid rgba(125,211,252,.075)}.timeline-details li:before{top:10px}.academic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.academic-content{padding:32px}.academic-content h3{line-height:1.3}.academic-content>p{color:#aebfce}.academic-highlights{margin-top:22px}.achievement-item{padding:19px 28px;align-items:flex-start}.achievement-info h4{font-size:16px;line-height:1.45}.achievement-info p{line-height:1.65;margin-top:5px}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.academic-grid,.project-grid,.skills-grid{grid-template-columns:1fr}.about-text,.academic-content,.education-card,.project-content,.timeline-content{padding:26px 22px}.project-content h3{font-size:22px}.project-highlights li{font-size:13px}}.admin-page{min-height:100vh;background-color:var(--bg-dark);color:var(--text-primary);padding-bottom:80px}.admin-header{background:rgba(13,13,27,.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);padding:18px 0;position:sticky;top:0;z-index:100}.admin-header-content{display:flex;align-items:center;justify-content:space-between}.admin-title{font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.admin-title span{font-size:13px;padding:2px 10px;background:rgba(155,109,255,.15);border:1px solid rgba(155,109,255,.3);color:var(--accent-color);border-radius:999px;font-family:DM Mono,monospace}.admin-actions{display:flex;align-items:center;gap:12px}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:35px 0 25px}.admin-stat-box{padding:22px;border-radius:14px}.admin-stat-box h4{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-family:DM Mono,monospace;margin-bottom:8px}.admin-stat-box .stat-val{font-size:32px;font-weight:700;font-family:var(--font-heading);color:var(--primary-color)}.admin-table-container{overflow-x:auto;border-radius:14px;margin-top:20px}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:16px 20px;background:hsla(0,0%,100%,.03);border-bottom:1px solid var(--border-glass);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-family:DM Mono,monospace;color:var(--text-secondary)}.admin-table td{padding:18px 20px;border-bottom:1px solid hsla(0,0%,100%,.05);vertical-align:middle;font-size:14px}.admin-table tr:hover td{background:hsla(0,0%,100%,.02)}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.admin-modal{background:#111124;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 24px 70px rgba(0,0,0,.8);border-radius:18px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;padding:32px}.admin-input,.admin-select,.admin-textarea{width:100%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;padding:12px 14px;color:#fff;font-family:inherit;font-size:14px;margin-top:6px;transition:var(--transition)}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(79,142,247,.2)}.admin-form-group{margin-bottom:18px}.admin-form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.admin-btn-sm{padding:6px 12px;font-size:12px;border-radius:6px;cursor:pointer;border:none;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:var(--transition)}.admin-btn-edit{background:rgba(79,142,247,.15);color:#60a5fa;border:1px solid rgba(79,142,247,.3)}.admin-btn-edit:hover{background:#3b82f6;color:#fff}.admin-btn-del{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.admin-btn-del:hover{background:#ef4444;color:#fff}.login-box{max-width:420px;margin:120px auto 0;padding:40px;border-radius:18px;text-align:center}.hero-visual{justify-content:center;padding-top:50px}.hero-visual,.lanyard-container{position:relative;display:flex;align-items:center}.lanyard-container{flex-direction:column;transform-origin:50% -120px;animation:lanyardDrop 1.8s cubic-bezier(.18,.9,.32,1.18) forwards,lanyardSway 6s ease-in-out 1.8s infinite alternate;will-change:transform}@keyframes lanyardDrop{0%{transform:translateY(-130vh) rotate(-26deg);opacity:0}15%{opacity:1}50%{transform:translateY(34px) rotate(14deg)}68%{transform:translateY(-16px) rotate(-8deg)}80%{transform:translateY(8px) rotate(4deg)}90%{transform:translateY(-3px) rotate(-1.5deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes lanyardSway{0%{transform:rotate(0deg)}50%{transform:rotate(1.8deg)}to{transform:rotate(-1.6deg)}}.lanyard-rig{position:absolute;bottom:calc(100% + 30px);left:50%;transform:translateX(-50%);flex-direction:column;z-index:10;pointer-events:none}.lanyard-rig,.lanyard-strap{display:flex;align-items:center}.lanyard-strap{width:28px;height:180px;background:linear-gradient(90deg,#0369a1,#0284c7 35%,#38bdf8 50%,#0284c7 65%,#0369a1);box-shadow:inset 0 0 4px rgba(0,0,0,.5),0 0 16px rgba(14,165,233,.35);border-radius:3px 3px 0 0;position:relative;justify-content:center;overflow:hidden}.lanyard-strap:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 3px,transparent 0,transparent 6px)}.lanyard-brand{font-family:DM Mono,monospace;font-size:8px;font-weight:700;letter-spacing:.25em;color:hsla(0,0%,100%,.9);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);text-shadow:0 1px 3px rgba(0,0,0,.8);position:relative;z-index:1}.lanyard-clasp{display:flex;flex-direction:column;align-items:center;position:relative;z-index:12}.clasp-crimp{width:32px;height:8px;background:linear-gradient(180deg,#cbd5e1,#64748b 50%,#334155);border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.5)}.clasp-swivel{width:12px;height:10px;background:linear-gradient(90deg,#64748b,#f8fafc 50%,#475569);border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.5);margin-top:-1px}.clasp-hook{width:16px;height:20px;border:3px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;background:transparent;box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 2px 5px rgba(0,0,0,.6);margin-top:-2px;position:relative;z-index:15}.clasp-hook:after{content:"";top:1px;width:5px;height:12px;background:linear-gradient(180deg,#f8fafc,#64748b);border-radius:1.5px}.badge-punch-hole,.clasp-hook:after{position:absolute;left:50%;transform:translateX(-50%)}.badge-punch-hole{top:-44px;width:24px;height:8px;background:#020617;border:1.5px solid hsla(0,0%,100%,.35);border-radius:999px;box-shadow:inset 0 2px 4px rgba(0,0,0,.95);z-index:2}.tech-stack-floating{animation:popInIcons .8s cubic-bezier(.34,1.56,.64,1) 1.5s both}@keyframes popInIcons{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.projects-filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.filter-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:rgba(8,47,73,.25);border:1px solid rgba(125,211,252,.16);border-radius:999px;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .25s ease;backdrop-filter:blur(8px)}.filter-tab-btn:hover{color:#f8fafc;border-color:rgba(56,189,248,.4);background:rgba(8,47,73,.45);transform:translateY(-1px)}.filter-tab-active{background:linear-gradient(135deg,rgba(14,165,233,.25),rgba(37,99,235,.25))!important;border-color:#38bdf8!important;color:#f8fafc!important;box-shadow:0 0 20px rgba(56,189,248,.25)}.filter-count-badge{font-size:10px;font-family:var(--font-mono);padding:1px 6px;border-radius:999px;background:hsla(0,0%,100%,.1);color:#7dd3fc}.filter-tab-active .filter-count-badge{background:#38bdf8;color:#020617;font-weight:700}.compact-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:22px!important}.compact-card{border-radius:16px!important;background:rgba(6,24,39,.65)!important;border:1px solid rgba(125,211,252,.14)!important;backdrop-filter:blur(14px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;cursor:pointer!important}.compact-card:hover{transform:translateY(-5px)!important;border-color:rgba(56,189,248,.45)!important;box-shadow:0 16px 40px rgba(14,165,233,.18)!important}.compact-image-wrap{height:180px;width:100%;position:relative;overflow:hidden;background:#041322;border-bottom:1px solid rgba(125,211,252,.12)}.compact-image-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform .4s ease}.compact-card:hover .compact-image-wrap img{transform:scale(1.05)}.compact-badges-overlay{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:5}.compact-cat-pill{border-radius:999px;border:1px solid rgba(56,189,248,.35);color:#7dd3fc;backdrop-filter:blur(8px)}.compact-cat-pill,.compact-status-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:3px 9px;background:rgba(3,17,31,.88)}.compact-status-pill{border-radius:999px;border:1px solid hsla(0,0%,100%,.2);color:#f8fafc}.compact-status-pill.featured{background:rgba(245,158,11,.25);border-color:rgba(245,158,11,.5);color:#fde047}.compact-status-pill.live{background:rgba(16,185,129,.25);border-color:rgba(16,185,129,.5);color:#6ee7b7}.compact-card-body{padding:18px;display:flex;flex-direction:column;flex:1}.compact-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.compact-title{font-size:17px;font-weight:700;color:#f8fafc;margin:0;transition:color .2s ease}.compact-card:hover .compact-title{color:#38bdf8}.compact-star-icon{color:#facc15;font-size:12px}.compact-domain{font-size:11px;font-family:var(--font-mono);color:#38bdf8;text-transform:uppercase;letter-spacing:.6px;margin:3px 0 8px;font-weight:600}.compact-desc{font-size:12.5px;line-height:1.55;color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-desc,.compact-highlights-wrapper{margin-bottom:12px}.compact-highlights-toggle{display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.2);border-radius:8px;color:#7dd3fc;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.compact-highlights-toggle:hover{background:rgba(14,165,233,.15);border-color:rgba(56,189,248,.4);color:#fff}.toggle-icon{font-size:10px;transition:transform .25s ease}.toggle-icon.rotate-180{transform:rotate(180deg)}.compact-highlights-list{margin-top:8px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px}.compact-highlights-list li{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:#cbd5e1;line-height:1.45}.compact-highlights-list li i{color:#38bdf8;margin-top:2px;font-size:11px;flex-shrink:0}.compact-highlights-list strong{color:#f1f5f9}.compact-tech-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;margin-bottom:14px}.compact-tech-pills span{font-size:10px;font-family:var(--font-mono);padding:2.5px 7.5px;background:hsla(0,0%,100%,.05);border:1px solid rgba(125,211,252,.12);border-radius:4px;color:#cbd5e1}.compact-tech-more{color:#7dd3fc!important;background:rgba(56,189,248,.1)!important;border-color:rgba(56,189,248,.25)!important}.compact-action-row{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(125,211,252,.08)}.compact-links-group{display:flex;align-items:center;gap:8px}.compact-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.compact-btn-demo{background:rgba(56,189,248,.15);color:#38bdf8;border-color:rgba(56,189,248,.3)}.compact-btn-demo:hover{background:#38bdf8;color:#020617;transform:translateY(-1px)}.compact-btn-github{background:hsla(0,0%,100%,.06);color:#cbd5e1;border-color:hsla(0,0%,100%,.12)}.compact-btn-github:hover{color:#fff;border-color:hsla(0,0%,100%,.3);transform:translateY(-1px)}.compact-btn-detail{background:transparent;color:#94a3b8;border-color:rgba(148,163,184,.2)}.compact-btn-detail:hover{color:#f1f5f9;border-color:rgba(148,163,184,.5);background:hsla(0,0%,100%,.05)}.ai-comparison-preview{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:ew-resize}.ai-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ai-layer-after{background:linear-gradient(135deg,#022338,#064e77 50%,#031e33)}.ai-layer-before{background:linear-gradient(135deg,#1c1917,#292524 50%,#0c0a09);filter:blur(1.2px) brightness(.85)}.ai-preview-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}.ai-preview-content i{font-size:32px;margin-bottom:6px;color:#38bdf8}.ai-preview-content strong{font-size:18px;letter-spacing:1px;color:#fff}.ai-preview-content span{font-size:9px;font-family:var(--font-mono);letter-spacing:1.5px;color:hsla(0,0%,100%,.6)}.ai-badge-label{position:absolute;bottom:8px;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 7px;border-radius:4px;text-transform:uppercase}.ai-badge-label.after{right:8px;background:rgba(16,185,129,.25);color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}.ai-badge-label.before{left:8px;background:rgba(239,68,68,.25);color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.ai-slider-bar{position:absolute;top:0;bottom:0;width:2px;background:#38bdf8;transform:translateX(-50%);box-shadow:0 0 10px #38bdf8;pointer-events:none;z-index:10}.ai-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:#38bdf8;color:#03111f;font-size:10px;box-shadow:0 0 14px rgba(56,189,248,.9)}.ai-slider-handle,.project-modal-backdrop{display:flex;align-items:center;justify-content:center}.project-modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.85);backdrop-filter:blur(12px);z-index:9999;padding:20px;animation:fadeInModal .2s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.project-modal-card{max-width:680px;width:100%;max-height:90vh;background:#041525!important;border:1px solid rgba(125,211,252,.25)!important;border-radius:20px!important;position:relative;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.8)!important;display:flex;flex-direction:column}.modal-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;z-index:20;transition:all .2s ease}.modal-close-btn:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.6);color:#fca5a5;transform:scale(1.05)}.modal-inner-scroll{overflow-y:auto;max-height:90vh}.modal-banner{position:relative;height:240px;width:100%;overflow:hidden;background:#020c17;border-bottom:1px solid rgba(125,211,252,.14)}.modal-banner-img{-o-object-fit:cover;object-fit:cover}.modal-banner-img,.modal-placeholder{width:100%;height:100%}.modal-badges-row{position:absolute;bottom:12px;left:14px;display:flex;gap:8px}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-title{font-size:24px;font-weight:800;color:#f8fafc;margin:0}.modal-domain{font-size:12px;font-family:var(--font-mono);color:#38bdf8;text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin:-10px 0 0}.modal-desc{font-size:14px;line-height:1.65;color:#94a3b8;margin:0}.modal-section{display:flex;flex-direction:column;gap:10px}.modal-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#7dd3fc;display:flex;align-items:center;gap:8px;margin:0}.modal-highlights-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:10px}.modal-highlights-list li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#cbd5e1;line-height:1.5;background:hsla(0,0%,100%,.025);border:1px solid rgba(125,211,252,.08);border-radius:8px;padding:10px 14px}.modal-highlights-list li i{color:#38bdf8;margin-top:3px;font-size:14px;flex-shrink:0}.modal-highlights-list strong{color:#f8fafc}.modal-tech-pills{display:flex;flex-wrap:wrap;gap:6px}.modal-tech-pills span{font-size:11px;font-family:var(--font-mono);padding:4px 10px;border-radius:6px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.2);color:#7dd3fc}.modal-footer-actions{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid rgba(125,211,252,.12);margin-top:4px}.modal-action-btn{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.modal-action-btn.primary{background:#38bdf8;color:#020617;font-weight:700}.modal-action-btn.primary:hover{background:#7dd3fc;transform:translateY(-1px);box-shadow:0 4px 14px rgba(56,189,248,.4)}.modal-action-btn.github{background:hsla(0,0%,100%,.08);color:#f8fafc;border-color:hsla(0,0%,100%,.16)}.modal-action-btn.github:hover{background:hsla(0,0%,100%,.14);transform:translateY(-1px)}.modal-action-btn.close{margin-left:auto;background:transparent;color:#94a3b8;border-color:rgba(148,163,184,.2)}.modal-action-btn.close:hover{color:#f8fafc;background:hsla(0,0%,100%,.05)}.compact-other-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:16px!important}.compact-mini{padding:16px!important;display:flex!important;align-items:flex-start!important;gap:14px!important}.compact-mini h4{font-size:15px!important;margin-bottom:4px!important}.compact-mini p{font-size:12px!important;line-height:1.5!important;margin-bottom:8px!important}.selection\:bg-zinc-900 ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.selection\:bg-zinc-900 ::selection{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.selection\:text-white ::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white ::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:bg-zinc-900::-moz-selection{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.selection\:bg-zinc-900::selection{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.selection\:text-white::-moz-selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:text-white::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-slate-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.placeholder\:text-slate-500::placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.placeholder\:text-zinc-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.placeholder\:text-zinc-400::placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.hover\:border-zinc-300:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-cyan-400:hover{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\:bg-zinc-200:hover{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.hover\:bg-zinc-800:hover{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-slate-100:hover{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.hover\:text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.hover\:text-zinc-950:hover{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-cyan-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 211 238/var(--tw-ring-opacity,1))}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:border-cyan-500:focus-visible{--tw-border-opacity:1;border-color:rgb(6 182 212/var(--tw-border-opacity,1))}.focus-visible\:border-zinc-900:focus-visible{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity,1))}.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-cyan-400:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(34 211 238/var(--tw-ring-opacity,1))}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-zinc-900:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(24 24 27/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:scale-\[0\.99\]:active{--tw-scale-x:0.99;--tw-scale-y:0.99;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))}.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\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-zinc-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:1.25rem}.data-\[state\=checked\]\:translate-x-5[data-state=checked],.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{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))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px}.data-\[state\=active\]\:border[data-state=active]{border-width:1px}.data-\[state\=active\]\:border-cyan-500\/30[data-state=active]{border-color:rgba(6,182,212,.3)}.data-\[state\=active\]\:bg-cyan-500\/15[data-state=active]{background-color:rgba(6,182,212,.15)}.data-\[state\=checked\]\:bg-cyan-500[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.data-\[state\=unchecked\]\:bg-slate-700[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.data-\[state\=active\]\:text-cyan-400[data-state=active]{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity,1))}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 2px 0 rgba(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)}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.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\:text-left{text-align:left}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-8{padding:2rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}