@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-100:#dcfce7;--color-green-500:#00c758;--color-gray-100:#f3f4f6;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-wide:.025em;--leading-tight:1.25;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Space Grotesk",sans-serif;--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-6{top:calc(var(--spacing)*-6)}.top-1\/2{top:50%}.top-8{top:calc(var(--spacing)*8)}.-right-4{right:calc(var(--spacing)*-4)}.right-4{right:calc(var(--spacing)*4)}.left-1\/2{left:50%}.z-10{z-index:10}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-32{height:calc(var(--spacing)*32)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[300px\]{max-height:300px}.min-h-\[75svh\]{min-height:75svh}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[1400px\]{max-width:1400px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-2{--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-1{rotate:1deg}.rotate-2{rotate:2deg}.rotate-12{rotate:12deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[\#5d3fd3\]{border-color:#5d3fd3}.border-\[\#047857\]{border-color:#047857}.border-\[\#ff3366\]{border-color:#f36}.border-black{border-color:var(--color-black)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-300{border-color:var(--color-gray-300)}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-\[\#5d3fd3\]{background-color:#5d3fd3}.bg-\[\#111\]{background-color:#111}.bg-\[\#ccff00\]{background-color:#cf0}.bg-\[\#ecfdf5\]{background-color:#ecfdf5}.bg-\[\#f0f0f0\]{background-color:#f0f0f0}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#ff3366\]{background-color:#f36}.bg-\[\#fff0f3\]{background-color:#fff0f3}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-muted{background-color:var(--muted)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[3px\]{padding:3px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.text-center{text-align:center}.font-\[\"Archivo_Black\"\]{font-family:Archivo Black}.font-\[\"Space_Grotesk\"\]{font-family:Space Grotesk}.font-\[\'Archivo_Black\'\]{font-family:Archivo Black}.font-\[\'Space_Grotesk\'\]{font-family:Space Grotesk}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[\#5d3fd3\]{color:#5d3fd3}.text-\[\#047857\]{color:#047857}.text-\[\#ccff00\]{color:#cf0}.text-\[\#ff3366\]{color:#f36}.text-black{color:var(--color-black)}.text-card-foreground{color:var(--card-foreground)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-gray-300{color:var(--color-gray-300)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-500{color:var(--color-green-500)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[2px_2px_0px_black\]{--tw-shadow:2px 2px 0px var(--tw-shadow-color,black);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[4px_4px_0px_\#000\]{--tw-shadow:4px 4px 0px var(--tw-shadow-color,#000);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[4px_4px_0px_\#999\]{--tw-shadow:4px 4px 0px var(--tw-shadow-color,#999);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:-translate-x-1:hover{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:rotate-0:hover{rotate:none}.hover\:border-\[\#5d3fd3\]:hover{border-color:#5d3fd3}.hover\:bg-\[\#f0f0f0\]:hover{background-color:#f0f0f0}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-\[8px_8px_0px_\#000\]:hover{--tw-shadow:8px 8px 0px var(--tw-shadow-color,#000);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:shadow-\[4px_4px_0px_\#5d3fd3\]:focus{--tw-shadow:4px 4px 0px var(--tw-shadow-color,#5d3fd3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.data-\[state\=active\]\:translate-y-\[-2px\][data-state=active]{--tw-translate-y:-2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:bg-black[data-state=active]{background-color:var(--color-black)}.data-\[state\=active\]\:text-\[\#ccff00\][data-state=active]{color:#cf0}.data-\[state\=active\]\:shadow-\[6px_6px_0px_\#ccff00\][data-state=active]{--tw-shadow:6px 6px 0px var(--tw-shadow-color,#cf0);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=inactive\]\:opacity-50[data-state=inactive]{opacity:.5}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.lg\:translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.dark\:text-muted-foreground:is(.dark *){color:var(--muted-foreground)}.dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active]{color:var(--foreground)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/archivoblack/v23/HTxqL289NzCGg4MzN6KJ7eW6CYKF_jzx13HOvQ.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/archivoblack/v23/HTxqL289NzCGg4MzN6KJ7eW6CYyF_jzx13E.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--card:#fff;--card-foreground:#09090b;--popover:#fff;--popover-foreground:#09090b;--primary:#18181b;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#71717b;--accent:#f4f4f5;--accent-foreground:#18181b;--destructive:#e40014;--destructive-foreground:#e40014;--border:#e4e4e7;--input:#e4e4e7;--ring:#9f9fa9;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#09090b;--sidebar-primary:#18181b;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f4f4f5;--sidebar-accent-foreground:#18181b;--sidebar-border:#e4e4e7;--sidebar-ring:#9f9fa9;--background:#fff;--foreground:#09090b}@supports (color:lab(0% 0 0)){:root{--card:lab(100% 0 0);--card-foreground:lab(2.51107% .242703 -.886115);--popover:lab(100% 0 0);--popover-foreground:lab(2.51107% .242703 -.886115);--primary:lab(8.30603% .618205 -2.16572);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.1634% .0993311 -.364041);--secondary-foreground:lab(8.30603% .618205 -2.16572);--muted:lab(96.1634% .0993311 -.364041);--muted-foreground:lab(47.8878% 1.65477 -5.77283);--accent:lab(96.1634% .0993311 -.364041);--accent-foreground:lab(8.30603% .618205 -2.16572);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(48.4493% 77.4328 61.5452);--border:lab(90.6853% .399232 -1.45452);--input:lab(90.6853% .399232 -1.45452);--ring:lab(65.6464% 1.53497 -5.42429);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8672 97.9407);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.51107% .242703 -.886115);--sidebar-primary:lab(8.30603% .618205 -2.16572);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.1634% .0993311 -.364041);--sidebar-accent-foreground:lab(8.30603% .618205 -2.16572);--sidebar-border:lab(90.6853% .399232 -1.45452);--sidebar-ring:lab(65.6464% 1.53497 -5.42429);--background:lab(100% 0 0);--foreground:lab(2.51107% .242703 -.886115)}}.dark{--background:#09090b;--foreground:#fafafa;--card:#18181b;--card-foreground:#fafafa;--popover:#18181b;--popover-foreground:#fafafa;--primary:#e4e4e7;--primary-foreground:#18181b;--secondary:#27272a;--secondary-foreground:#fafafa;--muted:#27272a;--muted-foreground:#9f9fa9;--accent:#27272a;--accent-foreground:#fafafa;--destructive:#ff6568;--destructive-foreground:#fb2c36;--border:#ffffff1a;--input:#ffffff26;--ring:#71717b;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#18181b;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#27272a;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:#71717b}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.51107% .242703 -.886115);--foreground:lab(98.26% 0 0);--card:lab(8.30603% .618205 -2.16572);--card-foreground:lab(98.26% 0 0);--popover:lab(8.30603% .618205 -2.16572);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.6853% .399232 -1.45452);--primary-foreground:lab(8.30603% .618205 -2.16572);--secondary:lab(15.7305% .613764 -2.16959);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.7305% .613764 -2.16959);--muted-foreground:lab(65.6464% 1.53497 -5.42429);--accent:lab(15.7305% .613764 -2.16959);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--destructive-foreground:lab(55.4814% 75.0732 48.8528);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(47.8878% 1.65477 -5.77283);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8672 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(8.30603% .618205 -2.16572);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.7305% .613764 -2.16959);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(47.8878% 1.65477 -5.77283)}}*{box-sizing:border-box}body{color:#111;-webkit-font-smoothing:antialiased;background-color:#f8f8f8;font-family:Space Grotesk,sans-serif;overflow-x:hidden}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.marquee-bar{color:#cf0;letter-spacing:1px;background-color:#111;border-bottom:2px solid #111;padding:12px 0;font-family:Archivo Black,sans-serif;font-size:14px;overflow:hidden}.marquee-container{white-space:nowrap;overflow:hidden}.marquee-content{animation:20s linear infinite scroll;display:inline-block}.navigation{z-index:100;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:24px 48px;display:flex;position:relative}@media (max-width:768px){.navigation{flex-wrap:wrap;padding:16px 20px}}.logo{letter-spacing:-1px;font-family:Archivo Black,sans-serif;font-size:32px;position:relative}@media (max-width:768px){.logo{font-size:24px}}.logo a{color:#111;text-decoration:none}.logo span{color:#5d3fd3}.beta-badge{background:#cf0;border:1px solid #000;padding:2px 6px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;position:absolute;top:-5px;right:-15px;transform:rotate(10deg)}.nav-links{gap:40px;font-size:16px;font-weight:700;display:flex}@media (max-width:1024px){.nav-links{display:none}}.nav-link{color:#111;text-decoration:none;transition:all .2s}.nav-link:hover{color:#5d3fd3;text-decoration:underline;text-decoration-thickness:3px}.nav-actions{align-items:center;gap:24px;display:flex}@media (max-width:768px){.nav-actions{gap:16px}}.nav-icon{cursor:pointer;position:relative}.cart-badge{color:#fff;background:#5d3fd3;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.hero-section{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;display:grid;position:relative}@media (max-width:968px){.hero-section{grid-template-columns:1fr;gap:40px;padding:20px}}.hero-content{z-index:10}.season-badge{color:#fff;background:#f36;border:2px solid #000;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-block;box-shadow:4px 4px #000}.hero-headline{color:#111;letter-spacing:-2px;margin-bottom:32px;font-family:Archivo Black,sans-serif;font-size:88px;line-height:.9}@media (max-width:768px){.hero-headline{margin-bottom:20px;font-size:48px}}@media (max-width:480px){.hero-headline{font-size:36px}}.hero-headline-highlight{color:#fff;text-shadow:2px 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000}.hero-subtext{color:#444;max-width:480px;margin-bottom:48px;font-size:20px;font-weight:500;line-height:1.5}@media (max-width:768px){.hero-subtext{margin-bottom:32px;font-size:16px}}.cta-buttons{gap:20px;display:flex}@media (max-width:480px){.cta-buttons{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{cursor:pointer;text-align:center;width:100%}}.btn-primary,.btn-secondary{border:2px solid #111;padding:18px 40px;font-family:Archivo Black,sans-serif;font-size:16px;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{color:#cf0;background:#111;box-shadow:4px 4px #999}.btn-secondary{color:#111;background:#fff;box-shadow:4px 4px #111}.hover-lift:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #000!important}.social-proof{align-items:center;gap:16px;margin-top:60px;display:flex}@media (max-width:768px){.social-proof{margin-top:40px}}.avatar-stack{display:flex}.avatar-stack img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:40px;height:40px;margin-left:-12px}.avatar-stack img:first-child{margin-left:0}.social-proof-title{font-size:14px;font-weight:700}.social-proof-subtitle{color:#666;font-size:12px}.hero-visuals{justify-content:center;align-items:center;height:650px;display:flex;position:relative}@media (max-width:968px){.hero-visuals{height:500px}}@media (max-width:768px){.hero-visuals{height:400px}}.abstract-shape{z-index:1;opacity:.8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-image-container{z-index:2;background:#fff;border:3px solid #111;width:420px;height:550px;position:relative;transform:rotate(-3deg);box-shadow:12px 12px #0000001a}@media (max-width:968px){.main-image-container{width:300px;height:400px}}@media (max-width:768px){.main-image-container{width:250px;height:330px}}.main-image-container img{object-fit:cover;width:100%;height:100%}.price-tag{background:#cf0;border:2px solid #000;padding:10px 15px;font-family:Archivo Black,sans-serif;font-size:20px;font-weight:700;position:absolute;bottom:30px;left:-20px;transform:rotate(5deg);box-shadow:4px 4px #000}.secondary-image{z-index:3;background:#fff;border:3px solid #111;width:200px;height:200px;position:absolute;top:60px;right:-20px;transform:rotate(6deg);box-shadow:6px 6px #f36}@media (max-width:968px){.secondary-image{width:150px;height:150px;top:40px;right:-10px}}@media (max-width:768px){.secondary-image{width:120px;height:120px;top:20px;right:-5px}}.secondary-image img{object-fit:cover;width:100%;height:100%}.sticker-graphic{z-index:4;position:absolute;bottom:50px;right:20px}@media (max-width:768px){.sticker-graphic{bottom:30px;right:10px}}.sticker-graphic img{object-fit:cover;border:3px solid #111;border-radius:50%;width:140px;height:140px;box-shadow:4px 4px #000}@media (max-width:768px){.sticker-graphic img{width:100px;height:100px}.hot-badge{width:40px;height:40px;font-size:12px}}.hot-badge{color:#fff;background:#f36;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px;transform:rotate(15deg)}.decorative-star{z-index:0;position:absolute;top:20px;left:10px;transform:rotate(-15deg)}@media (max-width:768px){.decorative-star{width:50px;height:50px}.abstract-shape{width:400px;height:400px}}.trending-section{background:#fff;border-top:2px solid #111;padding:40px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.trending-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.trending-header h3{text-transform:uppercase;font-family:Archivo Black,sans-serif;font-size:24px}.trending-header a{color:#111;font-weight:700;text-decoration:underline}.product-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}}.product-card{border:2px solid #eee;padding:10px;transition:all .2s}.product-image{background:#f0f0f0;height:400px;margin-bottom:12px;position:relative;overflow:hidden}@media (max-width:768px){.product-image{height:200px}}.product-image img{object-fit:cover;width:100%;height:100%}.product-badge{color:#fff;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.product-badge.new{background:#111}.product-badge.sale{background:#f36}.product-card h4{margin-bottom:4px;font-weight:700}.product-card p{color:#666;font-size:14px}.price-old{color:#999;margin-right:5px;text-decoration:line-through}.footer{color:#fff;background:#111;margin-top:auto;padding:40px 20px}.footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}@media (max-width:768px){.footer-content{text-align:center;flex-direction:column;gap:20px}}.footer-logo{font-family:Archivo Black,sans-serif;font-size:24px}.footer-copyright{color:#888;font-size:14px}.footer-links{gap:20px;display:flex}.footer-links a{color:#fff;text-decoration:none}.search-overlay{z-index:1000;background:#000c;justify-content:center;align-items:flex-start;padding-top:100px;display:flex;position:fixed;inset:0}.search-container{width:90%;max-width:600px;position:relative}.search-input{background:#fff;border:3px solid #111;width:100%;padding:20px 60px 20px 20px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;box-shadow:8px 8px #cf0}.search-input:focus{outline:none;box-shadow:8px 8px #5d3fd3}.search-close{cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:24px;font-weight:700;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.product-detail-section{max-width:1200px;margin:40px auto;padding:0 20px}.product-detail-container{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}@media (max-width:968px){.product-detail-container{grid-template-columns:1fr;gap:40px}}.product-detail-image{background:#fff;border:3px solid #111;width:100%;overflow:hidden}.product-detail-image img{object-fit:cover;width:100%;height:auto}.product-detail-info{padding:20px 0}.product-detail-title{margin-bottom:16px;font-family:Archivo Black,sans-serif;font-size:42px;line-height:1.1}@media (max-width:768px){.product-detail-title{font-size:32px}}.product-detail-price{color:#5d3fd3;margin-bottom:24px;font-family:Archivo Black,sans-serif;font-size:32px}.product-detail-description{color:#444;max-width:480px;margin-bottom:32px;font-size:18px;line-height:1.6}.size-selection,.quantity-selection{margin-bottom:32px}.size-label,.quantity-label{letter-spacing:1px;margin-bottom:12px;font-size:14px;font-weight:700;display:block}.size-options{flex-wrap:wrap;gap:12px;display:flex}.size-button{cursor:pointer;background:#fff;border:2px solid #111;padding:12px 20px;font-family:Space Grotesk,sans-serif;font-weight:700;transition:all .2s}.size-button:hover{background:#f0f0f0}.size-button.selected{color:#cf0;background:#111}.quantity-controls{border:2px solid #111;align-items:center;gap:16px;width:fit-content;padding:8px;display:flex}.quantity-btn{cursor:pointer;background:0 0;border:none;padding:0 16px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700}.quantity-value{text-align:center;min-width:30px;font-size:18px;font-weight:700}.cart-section{max-width:1200px;margin:40px auto;padding:0 20px}.cart-container{padding:20px 0}.cart-title{text-align:center;margin-bottom:32px;font-family:Archivo Black,sans-serif;font-size:42px}@media (max-width:768px){.cart-title{font-size:32px}}.cart-empty{text-align:center;padding:60px 20px}.cart-empty p{color:#666;margin-bottom:24px;font-size:20px}.cart-layout{grid-template-columns:2fr 1fr;gap:40px;display:grid}@media (max-width:968px){.cart-layout{grid-template-columns:1fr}}.cart-items{flex-direction:column;gap:20px;display:flex}.cart-item{border:2px solid #eee;grid-template-columns:120px 1fr auto;align-items:center;gap:20px;padding:20px;display:grid}@media (max-width:768px){.cart-item{grid-template-columns:80px 1fr;gap:16px}.cart-item-controls{grid-column:1/-1;justify-self:start}}.cart-item-image{object-fit:cover;border:2px solid #111;width:120px;height:120px}@media (max-width:768px){.cart-item-image{width:80px;height:80px}}.cart-item-details h3{margin-bottom:8px;font-weight:700}.cart-item-details p{color:#666;margin-bottom:4px;font-size:14px}.cart-item-price{font-weight:700;color:#111!important;font-size:18px!important}.cart-item-controls{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.remove-btn{color:#f36;cursor:pointer;background:0 0;border:none;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;text-decoration:underline}.cart-summary{border:3px solid #111;height:fit-content;padding:24px;position:sticky;top:20px}.summary-title{margin-bottom:24px;font-family:Archivo Black,sans-serif;font-size:24px}.summary-line{justify-content:space-between;margin-bottom:16px;font-size:16px;display:flex}.shipping-note{color:#5d3fd3;margin:16px 0;font-size:12px;font-weight:600}.summary-total{border-top:2px solid #111;justify-content:space-between;margin:24px 0;padding-top:16px;font-family:Archivo Black,sans-serif;font-size:24px;display:flex}.checkout-btn{width:100%;margin-top:8px}.profile-section{max-width:1000px;min-height:60vh;margin:40px auto;padding:0 20px}.profile-container{padding:20px 0}.profile-title{text-align:center;margin-bottom:32px;font-family:Archivo Black,sans-serif;font-size:42px}@media (max-width:768px){.profile-title{font-size:32px}}.profile-info-card{border:3px solid #111;align-items:center;gap:32px;margin-bottom:40px;padding:32px;display:flex}@media (max-width:768px){.profile-info-card{text-align:center;flex-direction:column;padding:24px}}.profile-avatar{border:3px solid #111;border-radius:50%;flex-shrink:0;width:120px;height:120px;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-info h2{margin-bottom:8px;font-family:Archivo Black,sans-serif;font-size:28px}.profile-info p{color:#666;margin-bottom:16px}.edit-profile-btn{padding:12px 24px;display:inline-block}.section-title{margin-bottom:24px;font-family:Archivo Black,sans-serif;font-size:28px}.order-history{margin-bottom:40px}.orders-list{flex-direction:column;gap:16px;display:flex}.order-card{border:2px solid #eee;padding:24px}.order-header{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}@media (max-width:768px){.order-header{flex-direction:column;gap:12px}}.order-header h3{font-size:18px;font-weight:700}.order-date{color:#666;margin-top:4px;font-size:14px}.order-status{border:2px solid #111;padding:6px 12px;font-size:12px;font-weight:700}.status-delivered{color:#111;background:#cf0}.status-in-transit{color:#fff;background:#5d3fd3}.order-details{color:#666;justify-content:space-between;margin-bottom:16px;font-size:14px;display:flex}.order-total{font-weight:700;color:#111!important;font-size:16px!important}.view-order-btn{padding:10px 20px;font-size:14px}.profile-settings{margin-bottom:40px}.settings-list{border:2px solid #111;flex-direction:column;gap:0;display:flex}.setting-item{cursor:pointer;background:#fff;border:none;border-bottom:2px solid #eee;justify-content:space-between;align-items:center;padding:20px 24px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;transition:all .2s;display:flex}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:#f8f8f8}.setting-item.logout{color:#f36}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
