@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@font-face{font-family:Aperto SC OSF;src:url(/fonts/ApertoSCOSF-Regular.woff2) format("woff2"),url(/fonts/ApertoSCOSF-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Aperto SC OSF;src:url(/fonts/ApertoSCOSF-Medium.woff2) format("woff2"),url(/fonts/ApertoSCOSF-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Aperto SC OSF;src:url(/fonts/ApertoSCOSF-SemiBold.woff2) format("woff2"),url(/fonts/ApertoSCOSF-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Aperto SC OSF;src:url(/fonts/ApertoSCOSF-Bold.woff2) format("woff2"),url(/fonts/ApertoSCOSF-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Aperto SC OSF;src:url(/fonts/ApertoSCOSF-ExtraBold.woff2) format("woff2"),url(/fonts/ApertoSCOSF-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--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);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--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)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media(forced-colors:active){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.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}}.form-input,.form-textarea,.form-select,.form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.form-input:focus,.form-textarea:focus,.form-select:focus,.form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--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);border-color:#2563eb}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}.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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-16{bottom:-4rem}.-left-16{left:-4rem}.-left-20{left:-5rem}.bottom-0{bottom:0}.end-0{inset-inline-end:0px}.left-0{left:0}.right-0{right:0}.start-0{inset-inline-start:0px}.top-0{top:0}.top-\[-1px\]{top:-1px}.-z-10{z-index:-10}.z-40{z-index:40}.z-50{z-index:50}.\!row-span-1{grid-row:span 1 / span 1!important}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.mx-auto{margin-left:auto;margin-right:auto}.-me-0\.5{margin-inline-end:-.125rem}.-me-2{margin-inline-end:-.5rem}.-ml-px{margin-left:-1px}.-mt-3{margin-top:-.75rem}.-mt-5{margin-top:-1.25rem}.-mt-px{margin-top:-1px}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-6{margin-right:1.5rem}.ms-2{margin-inline-start:.5rem}.ms-3{margin-inline-start:.75rem}.ms-4{margin-inline-start:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.h-0{height:0px}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.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-\[18px\]{height:18px}.h-\[56px\]{height:56px}.h-full{height:100%}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[18px\]{width:18px}.w-\[calc\(100\%\+8rem\)\]{width:calc(100% + 8rem)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-5{min-width:1.25rem}.min-w-6{min-width:1.5rem}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[877px\]{max-width:877px}.max-w-full{max-width:100%}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-top{transform-origin:top}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.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!important}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.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}.gap-8{gap:2rem}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-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))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-neutral-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 229 229 / var(--tw-divide-opacity, 1))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-x{border-left-width:1px;border-right-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-indigo-400{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.border-neutral-100{--tw-border-opacity: 1;border-color:rgb(245 245 245 / var(--tw-border-opacity, 1))}.border-neutral-200{--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.border-neutral-300{--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white\/5{border-color:#ffffff0d}.bg-\[\#FF2D20\]\/10{background-color:#ff2d201a}.bg-amber-200{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.bg-black\/10{background-color:#0000001a}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.bg-emerald-200{--tw-bg-opacity: 1;background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500\/75{background-color:#6b7280bf}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-neutral-400{--tw-bg-opacity: 1;background-color:rgb(163 163 163 / var(--tw-bg-opacity, 1))}.bg-neutral-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-neutral-600{--tw-bg-opacity: 1;background-color:rgb(82 82 82 / var(--tw-bg-opacity, 1))}.bg-neutral-700{--tw-bg-opacity: 1;background-color:rgb(64 64 64 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-rose-200{--tw-bg-opacity: 1;background-color:rgb(254 205 211 / var(--tw-bg-opacity, 1))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/5{background-color:#ffffff0d}.bg-white\/\[2\%\]{background-color:#ffffff05}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.stroke-\[\#FF2D20\]{stroke:#ff2d20}.stroke-emerald-500{stroke:#10b981}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[6px\]{padding-left:6px;padding-right:6px}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pe-4{padding-inline-end:1rem}.pl-4{padding-left:1rem}.pr-2\.5{padding-right:.625rem}.ps-3{padding-inline-start:.75rem}.pt-1{padding-top:.25rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[13px\]{font-size:13px}.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-sm\/relaxed{font-size:.875rem;line-height:1.625}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-xs\/none{font-size:.75rem;line-height:1}.font-light{font-weight:300}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-7{line-height:1.75rem}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-black\/50{color:#00000080}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-900{--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-neutral-100{--tw-text-opacity: 1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))}.text-neutral-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.text-neutral-800{--tw-text-opacity: 1;color:rgb(38 38 38 / var(--tw-text-opacity, 1))}.text-neutral-900{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.text-neutral-950{--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-rose-900{--tw-text-opacity: 1;color:rgb(136 19 55 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.decoration-neutral-400{text-decoration-color:#a3a3a3}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_14px_34px_0px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0px 14px 34px 0px rgba(0,0,0,.08);--tw-shadow-colored: 0px 14px 34px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(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)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.ring-transparent{--tw-ring-color: transparent}.ring-white\/\[0\.05\]{--tw-ring-color: rgb(255 255 255 / .05)}.ring-opacity-5{--tw-ring-opacity: .05}.drop-shadow-\[0px_4px_34px_rgba\(0\,0\,0\,0\.06\)\]{--tw-drop-shadow: drop-shadow(0px 4px 34px rgba(0,0,0,.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0px_4px_34px_rgba\(0\,0\,0\,0\.25\)\]{--tw-drop-shadow: drop-shadow(0px 4px 34px rgba(0,0,0,.25));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,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}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--primary: #0F4A7C;--primary-light: #1a5a8f;--primary-dark: #0a3a62;--secondary: #00D9FF;--secondary-glow: rgba(0, 217, 255, .3);--accent: #FF6B35;--accent-light: #ff8a5c;--bg-dark: #0a0f1a;--bg-card: #111827;--bg-card-hover: #1f2937;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #1e293b;--border-light: #334155;--beginner: #22c55e;--intermediate: #eab308;--advanced: #ef4444;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--admin-header-height: 64px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px var(--secondary-glow);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#2c3e50,#3a4a5c,#2c3e50);border-bottom:2px solid #4a5568;box-shadow:0 4px 6px #00000080,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.light-mode .site-header{background:linear-gradient(135deg,#f0f4f8,#e6eef6,#f0f4f8);border-bottom:2px solid var(--border-light);box-shadow:0 4px 10px #1018280f,inset 0 1px #ffffff80}.light-mode .header-nav-link,.light-mode .mobile-nav-link{color:var(--text-primary);text-shadow:none}.light-mode .header-logo{-webkit-text-fill-color:var(--text-primary);color:var(--text-primary);background:none;-webkit-background-clip:initial;background-clip:initial;text-shadow:0 1px 0 rgba(255,255,255,.6);filter:none}.light-mode .fullscreen-toggle,.light-mode .mobile-menu-toggle{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:1px solid var(--border);color:#fff;box-shadow:0 2px 6px #0f172a1f}.light-mode .mobile-nav{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border-top:2px solid var(--border)}.site-header .container{padding-top:0;padding-bottom:0}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px;gap:var(--space-lg)}.header-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:Aperto SC OSF,Georgia,serif;font-weight:700;font-size:1.125rem;background:linear-gradient(135deg,#a8b8c8,#e8eef3 40%,#fff,#e8eef3 60%,#a8b8c8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.3);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));text-decoration:none;transition:filter var(--transition-fast)}.header-logo:hover{filter:drop-shadow(0 2px 8px rgba(168,184,200,.5)) brightness(1.1)}.header-logo svg{color:#c8d4df;filter:drop-shadow(0 0 4px rgba(200,212,223,.5))}.header-nav{display:none;align-items:center;gap:var(--space-lg)}@media(min-width:768px){.header-nav{display:flex}}.header-nav-link{color:#d1d9e1;font-weight:500;font-size:.9375rem;text-decoration:none;padding:var(--space-sm) 0;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all var(--transition-fast)}.header-nav-link:hover{color:#fff;text-shadow:0 0 8px rgba(200,212,223,.6)}.header-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#8b9aa8,#c8d4df,#8b9aa8);box-shadow:0 0 4px #c8d4df80;transition:width var(--transition-base)}.header-nav-link:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.fullscreen-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#3a4a5c,#2c3e50);border:1px solid #4a5568;color:#c8d4df;cursor:pointer;border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d;transition:all var(--transition-fast)}.fullscreen-toggle:hover{background:linear-gradient(135deg,#4a5a6c,#3c4e60);color:#fff;box-shadow:inset 0 1px #fff3,0 0 8px #c8d4df66}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#3a4a5c,#2c3e50);border:1px solid #4a5568;color:#c8d4df;cursor:pointer;border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d;transition:all var(--transition-fast)}.mobile-menu-toggle:hover{background:linear-gradient(135deg,#4a5a6c,#3c4e60);color:#fff;box-shadow:inset 0 1px #fff3,0 0 8px #c8d4df66}@media(min-width:768px){.mobile-menu-toggle{display:none}}.mobile-nav{display:flex;flex-direction:column;padding:var(--space-md) 0;border-top:2px solid #4a5568;background:linear-gradient(180deg,#2c3e50f2,#3a4a5cf2);box-shadow:inset 0 1px #ffffff0d}@media(min-width:768px){.mobile-nav{display:none}}.mobile-nav-link{color:#d1d9e1;font-weight:500;padding:var(--space-sm) 0;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all var(--transition-fast)}.mobile-nav-link:hover{color:#fff;text-shadow:0 0 8px rgba(200,212,223,.6)}.light-mode{--primary: #0F4A7C;--primary-light: #1a5a8f;--primary-dark: #0a3a62;--secondary: #0891b2;--secondary-glow: rgba(8, 145, 178, .2);--accent: #ea580c;--accent-light: #f97316;--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: #e2e8f0;--border-light: #cbd5e1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-glow: 0 0 30px var(--secondary-glow)}.light-mode body{background:linear-gradient(180deg,#f8fafceb,#e0f2fee0),url(/bg.png) center center / cover no-repeat fixed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(180deg,#0a0f1aeb,#0a3a62e0),url(/bg.png) center center / cover no-repeat fixed;color:var(--text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Aperto SC OSF,Georgia,serif;font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}code,pre,.mono{font-family:JetBrains Mono,monospace}a{color:var(--secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}img{max-width:100%;height:auto}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}.section-dark{background:var(--bg-card)}.section-title{font-size:2rem;margin-bottom:var(--space-xl);text-align:center}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.hero-section{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-3xl) var(--space-lg);background:transparent;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(100,130,160,.2) 0%,transparent 70%);opacity:.3;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;margin-bottom:var(--space-lg);letter-spacing:-.02em}.metal-title{display:block;background:linear-gradient(135deg,#5a7a94,#8fafc4,#c8dae8,#8fafc4,#5a7a94);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));letter-spacing:.15em}.metal-subtitle{display:block;background:linear-gradient(135deg,#4a8eb8,#6ba8cc 30%,#8ec4e0,#6ba8cc 70%,#4a8eb8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));font-weight:300}.gradient-text{background:linear-gradient(135deg,var(--secondary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#b8c8d8;max-width:600px;margin:0 auto var(--space-xl);text-shadow:0 1px 2px rgba(0,0,0,.3)}.hero-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.stats-grid{display:flex;gap:var(--space-xl);justify-content:center;margin-top:var(--space-3xl);position:relative;z-index:1}.stat-card{background:linear-gradient(145deg,#2c3e50,#3a4a5c,#2c3e50);border:1px solid #4a5a6a;border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);text-align:center;min-width:120px;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a;transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000080,inset 0 1px #ffffff26,0 0 20px #648cb433}.stat-value{display:block;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#6aa8cc,#9cc8e0,#6aa8cc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:Aperto SC OSF,Georgia,serif}.stat-label{display:block;font-size:.875rem;color:#a8b8c8;margin-top:var(--space-xs);text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;cursor:pointer;border:none;transition:all var(--transition-base);position:relative;overflow:visible;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--secondary) 0%,#00a8cc 100%);color:var(--bg-dark);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);color:var(--bg-dark)}.btn-secondary{background:transparent;border:2px solid var(--secondary);color:var(--secondary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--secondary);color:var(--bg-dark)}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--secondary);color:var(--secondary)}.btn:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,#8b9aa8,#c8d4df,#8b9aa8);border-radius:2px;opacity:0;transition:width var(--transition-base),opacity var(--transition-fast),background var(--transition-base);pointer-events:none}.btn:hover:after,.btn:focus:after,.btn:focus-visible:after{width:100%;opacity:1;left:50%;transform:translate(-50%)}.btn-large:after{bottom:-8px}.btn-large{padding:var(--space-md) var(--space-xl);font-size:1rem}.btn-small{padding:var(--space-xs) var(--space-md);font-size:.875rem}.btn-github,.btn-demo,.btn-contact{width:100%;margin-bottom:var(--space-sm)}.btn-github{background:#24292e;color:#fff;box-shadow:var(--shadow-md)}.btn-demo{background:var(--accent);color:#fff;box-shadow:var(--shadow-md)}.btn-contact{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl)}.projects-grid-featured{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.projects-grid-3{grid-template-columns:repeat(3,1fr)}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);display:block;color:var(--text-primary)}.project-card:hover{transform:translateY(-4px);border-color:var(--secondary);box-shadow:var(--shadow-lg);color:var(--text-primary)}.project-image{position:relative;aspect-ratio:16/10;background:var(--bg-dark);overflow:hidden}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.05)}.project-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--bg-card) 100%);font-size:3rem}.project-content{padding:var(--space-lg)}.project-category{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap}.category-badge{display:inline-block;padding:2px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--bg-dark);color:var(--text-primary)}.category-badge.small{padding:2px 8px;font-size:.72rem}.category-badge.large{padding:4px 14px;font-size:.875rem}.light-mode .category-badge{background:transparent;color:var(--bg-dark);border:1px solid var(--border)}.difficulty-intermediate{color:var(--intermediate)}.difficulty-advanced{color:var(--advanced)}.difficulty-badge{padding:4px 12px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-transform:capitalize}.difficulty-badge.difficulty-beginner{background:#22c55e33;color:var(--beginner)}.difficulty-badge.difficulty-intermediate{background:#eab30833;color:var(--intermediate)}.difficulty-badge.difficulty-advanced{background:#ef444433;color:var(--advanced)}.project-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-sm);line-height:1.3}.project-description{color:var(--text-secondary);font-size:.9375rem;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;gap:var(--space-md);color:var(--text-muted);font-size:.875rem}.meta-item{display:flex;align-items:center;gap:4px}.badge{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.badge-featured{background:var(--accent);color:#fff}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.category-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);background:var(--bg-dark);border:2px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-base);color:var(--text-primary)}.category-card:hover{border-color:currentColor;transform:translateY(-4px);box-shadow:var(--shadow-lg);color:var(--text-primary)}.category-icon{font-size:2.5rem;margin-bottom:var(--space-sm)}.category-name{font-weight:600;font-size:1.125rem}.category-count{color:var(--text-muted);font-size:.875rem}.cta-section{text-align:center;padding:var(--space-3xl);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.cta-section h2{font-size:2rem;margin-bottom:var(--space-sm)}.cta-section p{color:var(--text-secondary);margin-bottom:var(--space-xl)}.page-header{padding:var(--space-3xl) 0 var(--space-xl);text-align:center;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-card) 100%)}.page-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-sm)}.page-subtitle{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.portfolio-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl);padding:var(--space-xl) 0}.filters-sidebar{position:sticky;top:var(--space-lg);height:-moz-fit-content;height:fit-content}.search-form{display:flex;margin-bottom:var(--space-xl)}.search-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-primary);font-size:.9375rem;box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--secondary)}.search-button{padding:var(--space-sm) var(--space-md);background:var(--secondary);border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;box-shadow:var(--shadow-sm)}.filter-group{margin-bottom:var(--space-xl)}.filter-title{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.filter-options{display:flex;flex-direction:column;gap:2px}.filter-option{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:none;border:none;border-left:3px solid transparent;color:var(--text-secondary);font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);text-align:left}.filter-option:hover{background:var(--bg-card);color:var(--text-primary)}.filter-option.active{background:var(--bg-card);color:var(--secondary);border-left-color:var(--secondary)}.filter-count{color:var(--text-muted);font-size:.875rem}.sort-select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;cursor:pointer;box-shadow:var(--shadow-sm)}.sort-select:focus{outline:none;border-color:var(--secondary)}.mobile-filter-toggle{display:none;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);margin-bottom:var(--space-md);position:relative}.mobile-filter-toggle:hover{background:var(--bg-hover);border-color:var(--secondary)}.mobile-filter-toggle svg{color:var(--secondary)}.filter-active-indicator{width:8px;height:8px;background:var(--accent);border-radius:50%;margin-left:auto;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.projects-main{min-width:0}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.projects-count{color:var(--text-muted);font-size:.875rem}.no-results{text-align:center;padding:var(--space-3xl);color:var(--text-muted)}.no-results-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.no-results h3{color:var(--text-primary);margin-bottom:var(--space-sm)}.pagination{display:flex;justify-content:center;gap:var(--space-xs);margin-top:var(--space-xl);flex-wrap:wrap}.pagination-link{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.pagination-link:hover:not(.disabled):not(.active){border-color:var(--secondary);color:var(--secondary)}.breadcrumb{padding:var(--space-md) 0;background:var(--bg-card);font-size:.875rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.breadcrumb .container{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.breadcrumb a{color:var(--secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--text-primary);text-decoration:underline}.breadcrumb span{color:var(--text-muted)}.breadcrumb span:last-child{color:var(--text-secondary);font-weight:500}.project-detail{padding:var(--space-xl) 0}.project-detail-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--space-xl)}.project-gallery{margin-bottom:var(--space-xl)}.gallery-main{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/10;box-shadow:var(--shadow-md)}.gallery-main img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.gallery-placeholder span{font-size:4rem;margin-bottom:var(--space-md)}.gallery-thumbnails{display:flex;gap:var(--space-sm);margin-top:var(--space-md);overflow-x:auto;padding-bottom:var(--space-sm)}.gallery-thumb{width:80px;height:60px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;padding:0;background:none}.gallery-thumb.active{border-color:var(--secondary)}.gallery-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-section{margin-bottom:var(--space-xl)}.project-section h2{font-size:1.5rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--border)}.project-description-full{color:var(--text-secondary);line-height:1.8;white-space:pre-wrap}.specs-table{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.spec-row{display:flex;border-bottom:1px solid var(--border)}.spec-row:last-child{border-bottom:none}.spec-label{width:200px;padding:var(--space-md);background:var(--bg-dark);font-weight:600;color:var(--text-muted);flex-shrink:0}.spec-value{flex:1;padding:var(--space-md);color:var(--text-primary)}.bom-table-wrapper{overflow-x:auto}.bom-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.bom-table th{background:var(--bg-dark);padding:var(--space-md);text-align:left;font-weight:600;color:var(--text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.bom-table td{padding:var(--space-md);border-top:1px solid var(--border);color:var(--text-secondary)}.bom-name{font-weight:600;color:var(--text-primary)}.bom-part{font-family:JetBrains Mono,monospace;font-size:.875rem}.bom-qty{text-align:center;font-weight:600}.bom-link{display:inline-block;padding:4px 8px;background:var(--bg-dark);border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap}.project-detail-sidebar{position:sticky;top:var(--space-lg);height:-moz-fit-content;height:fit-content}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow-md)}.project-title-large{font-size:1.75rem;margin-bottom:var(--space-lg)}.project-badges{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.project-stats{display:flex;gap:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-lg) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.project-stats .stat{text-align:center}.project-stats .stat-icon{display:block;font-size:1.5rem;margin-bottom:4px}.project-stats .stat-value{display:block;font-size:1.25rem;font-weight:700}.project-stats .stat-label{display:block;font-size:.75rem;color:var(--text-muted)}.tech-tags{margin-bottom:var(--space-lg)}.tech-tags h4{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.tag{padding:4px 10px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-secondary)}.project-links{display:flex;flex-direction:column}.owner-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md)}.owner-card h4{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.owner-info{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.owner-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.owner-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.owner-details{display:flex;flex-direction:column}.owner-name{font-weight:600}.owner-title{font-size:.875rem;color:var(--text-muted)}.related-projects{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border)}.related-projects h2{margin-bottom:var(--space-xl)}.about-header{padding:var(--space-3xl) 0;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-card) 100%)}.profile-card{display:flex;align-items:center;gap:var(--space-xl);max-width:900px;margin:0 auto}.profile-avatar{width:160px;height:160px;border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid var(--secondary)}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary);font-size:4rem;font-weight:700}.profile-name{font-size:2.5rem;margin-bottom:var(--space-xs)}.profile-title{font-size:1.25rem;color:var(--secondary);margin-bottom:var(--space-md)}.profile-bio{color:var(--text-secondary);max-width:600px;margin-bottom:var(--space-lg)}.social-links{display:flex;gap:var(--space-md)}.social-link{padding:var(--space-sm) var(--space-md);background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.social-link:hover{border-color:var(--secondary);color:var(--secondary)}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);padding:var(--space-xl) 0}.about-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.about-section .section-title{font-size:1.25rem;text-align:left;margin-bottom:var(--space-lg)}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tag{padding:var(--space-sm) var(--space-md);background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--text-secondary)}.timeline{position:relative;padding-left:var(--space-xl)}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;margin-bottom:var(--space-lg)}.timeline-marker{position:absolute;left:calc(-1 * var(--space-xl) + 4px);top:4px;width:12px;height:12px;border-radius:50%;background:var(--secondary);border:2px solid var(--bg-card)}.timeline-title{font-size:1.125rem;margin-bottom:2px}.timeline-company{color:var(--text-secondary);margin-bottom:4px}.timeline-date{font-size:.875rem;color:var(--text-muted)}.achievements-list{list-style:none;padding:0;margin:0}.achievement-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;color:var(--text-secondary)}.achievement-icon{font-size:1.25rem}.stats-overview{text-align:center}.stat-large .stat-number{display:block;font-size:3rem;font-weight:700;color:var(--secondary);font-family:Aperto SC OSF,Georgia,sans-serif}.stat-large .stat-label{display:block;color:var(--text-muted)}.about-cta{text-align:center;padding:var(--space-3xl);background:var(--bg-card);border-radius:var(--radius-xl);margin:var(--space-xl) 0}.about-cta h2{margin-bottom:var(--space-sm)}.about-cta p{color:var(--text-secondary);margin-bottom:var(--space-xl)}.cta-buttons{display:flex;gap:var(--space-md);justify-content:center}.contact-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-xl);padding:var(--space-xl) 0}.contact-form-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.contact-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-weight:600;font-size:.9375rem}.form-input,.form-textarea{padding:var(--space-md);background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:inherit;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--secondary);box-shadow:var(--shadow-md)}.form-textarea{resize:vertical;min-height:150px}.form-error{color:var(--advanced);font-size:.875rem}.alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.alert-success{background:#22c55e1a;border:1px solid var(--beginner);color:var(--beginner)}.alert-error{background:#ef44441a;border:1px solid var(--advanced);color:var(--advanced)}.contact-info{display:flex;flex-direction:column;gap:var(--space-lg)}.contact-info .info-card h3{font-size:1.125rem;margin-bottom:var(--space-sm)}.contact-info .info-card p{color:var(--text-secondary);font-size:.9375rem}.help-list{list-style:none;padding:0;margin:0}.help-list li{padding:var(--space-xs) 0;color:var(--text-secondary);padding-left:var(--space-lg);position:relative}.help-list li:before{content:"✓";position:absolute;left:0;color:var(--secondary)}@media(max-width:1024px){.portfolio-layout{grid-template-columns:1fr}.filters-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.filters-sidebar .search-form{grid-column:1 / -1;margin-bottom:0}.filter-group{margin-bottom:0}.project-detail-layout{grid-template-columns:1fr}.project-detail-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.contact-layout,.about-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.projects-grid-featured{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.container{padding:0 var(--space-md)}.section{padding:var(--space-2xl) 0}.hero-section{min-height:70vh;padding:var(--space-2xl) var(--space-md)}.hero-title{font-size:clamp(2rem,8vw,2.5rem)}.hero-subtitle{font-size:1rem}.stats-grid{flex-wrap:wrap;gap:var(--space-md)}.stat-card{min-width:calc(50% - var(--space-md) / 2)}.section-title{font-size:1.75rem}.page-title{font-size:clamp(1.75rem,6vw,2.5rem)}.page-subtitle{font-size:1rem}.projects-grid,.projects-grid-featured{grid-template-columns:1fr;gap:var(--space-lg)}.projects-grid-3{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm)}.category-card{padding:var(--space-lg)}.category-icon{font-size:2rem}.category-name{font-size:1rem}.projects-header{margin-bottom:var(--space-md)}.projects-count{font-size:.8125rem}.mobile-filter-toggle{display:flex}.filters-sidebar{display:none;grid-template-columns:1fr;background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border);gap:0;margin-bottom:var(--space-lg)}.filters-sidebar.show{display:grid}.filters-sidebar .search-form{grid-column:1;margin-bottom:var(--space-lg)}.filter-group{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.filter-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-title{font-size:.9375rem;margin-bottom:var(--space-md)}.filter-options{gap:var(--space-xs)}.filter-option{padding:var(--space-md);border-radius:var(--radius-sm);border-left:none}.filter-option.active{border-left:none;border:1px solid var(--secondary)}.sort-select{width:100%}.search-form{margin-bottom:var(--space-md)}.profile-card{flex-direction:column;text-align:center}.profile-avatar{width:120px;height:120px}.avatar-placeholder{font-size:3rem}.profile-name{font-size:2rem}.profile-title{font-size:1.125rem}.profile-bio{text-align:center}.social-links{justify-content:center;flex-wrap:wrap}.about-grid{grid-template-columns:1fr;gap:var(--space-lg)}.about-section{padding:var(--space-lg)}.contact-layout{grid-template-columns:1fr;gap:var(--space-lg)}.contact-form-wrapper{padding:var(--space-lg)}.contact-info{order:-1}.project-detail-layout{gap:var(--space-lg)}.project-detail-sidebar .info-card{padding:var(--space-lg)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.cta-section{padding:var(--space-2xl) var(--space-md)}.cta-section h2{font-size:1.5rem}.pagination{gap:var(--space-xs)}.pagination-link{padding:var(--space-xs) var(--space-sm);font-size:.8rem}}@media(max-width:480px){.container{padding:0 var(--space-sm)}.section{padding:var(--space-xl) 0}.hero-section{min-height:60vh;padding:var(--space-xl) var(--space-sm)}.hero-title{font-size:clamp(1.75rem,10vw,2rem);margin-bottom:var(--space-md)}.hero-subtitle{font-size:.9375rem}.hero-buttons{flex-direction:column;width:100%;gap:var(--space-sm)}.hero-buttons .btn{width:100%}.stats-grid{flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xl)}.stat-card{min-width:100%;padding:var(--space-md)}.stat-value{font-size:1.5rem}.section-title{font-size:1.5rem;margin-bottom:var(--space-lg)}.page-header{padding:var(--space-xl) 0 var(--space-md)}.page-title{font-size:clamp(1.5rem,8vw,2rem)}.page-subtitle{font-size:.9375rem}.btn{width:100%;padding:var(--space-sm) var(--space-md);font-size:.875rem}.btn-large{padding:var(--space-md);font-size:.9375rem}.cta-buttons{flex-direction:column;width:100%;gap:var(--space-sm)}.project-card{border-radius:var(--radius-md)}.project-content{padding:var(--space-md)}.project-title{font-size:1.125rem}.project-description{font-size:.875rem;-webkit-line-clamp:2}.project-meta{gap:var(--space-sm);font-size:.8125rem}.categories-grid{grid-template-columns:1fr;gap:var(--space-sm)}.category-card{padding:var(--space-md);flex-direction:row;justify-content:flex-start;text-align:left;gap:var(--space-md)}.category-icon{font-size:1.75rem;margin-bottom:0}.category-name{font-size:.9375rem}.category-count{font-size:.8125rem}.cta-section{padding:var(--space-xl) var(--space-sm)}.cta-section h2{font-size:1.25rem}.cta-section p{font-size:.9375rem}.breadcrumb{font-size:.8125rem}.profile-avatar{width:100px;height:100px}.avatar-placeholder{font-size:2.5rem}.profile-name{font-size:1.75rem}.profile-title{font-size:1rem}.profile-bio{font-size:.9375rem}.social-link{padding:var(--space-xs) var(--space-sm);font-size:.875rem}.about-section{padding:var(--space-md)}.about-section h2{font-size:1.25rem}.contact-form-wrapper{padding:var(--space-md)}.contact-form{gap:var(--space-md)}.form-group label{font-size:.875rem}.form-input,.form-textarea{padding:var(--space-sm);font-size:.9375rem}.form-textarea{min-height:120px}.contact-info .info-card{padding:var(--space-md)}.contact-info .info-card h3{font-size:1rem}.contact-info .info-card p{font-size:.875rem}.project-detail{padding:var(--space-md) 0}.project-gallery{margin-bottom:var(--space-md)}.project-detail-sidebar .info-card{padding:var(--space-md)}.info-card h3{font-size:1rem}.info-list{font-size:.875rem}.component-tag{padding:var(--space-xs) var(--space-sm);font-size:.8125rem}.error-code{font-size:5rem}.error-title{font-size:1.5rem}.error-message{font-size:.9375rem}.error-actions{flex-direction:column;width:100%}.circuit-svg{width:280px}.pagination{flex-wrap:wrap}.pagination-link{min-width:40px;padding:var(--space-xs)}.filters-sidebar{padding:var(--space-sm)}.filter-title{font-size:.8125rem}.filter-option,.sort-select{padding:var(--space-xs) var(--space-sm);font-size:.875rem}.header-logo span{font-size:1rem}.header-logo svg{width:20px;height:20px}.search-form{width:100%}.search-input{font-size:.875rem;padding:var(--space-xs) var(--space-sm)}.search-button{padding:var(--space-xs) var(--space-sm)}.alert{padding:var(--space-sm);font-size:.875rem}}@media(max-width:360px){.hero-title{font-size:1.5rem}.section-title{font-size:1.25rem}.page-title{font-size:1.5rem}.stat-value{font-size:1.25rem}.project-title{font-size:1rem}.category-card{padding:var(--space-sm)}.error-code{font-size:4rem}}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--space-sm);max-width:400px}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000004d;animation:toastSlideIn .3s ease-out;min-width:300px}.toast-leaving{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-icon{flex-shrink:0;display:flex;align-items:center}.toast-message{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.4}.toast-close{flex-shrink:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.toast-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.toast-success{border-left:4px solid var(--beginner)}.toast-success .toast-icon{color:var(--beginner)}.toast-error{border-left:4px solid var(--advanced)}.toast-error .toast-icon{color:var(--advanced)}.toast-warning{border-left:4px solid var(--intermediate)}.toast-warning .toast-icon{color:var(--intermediate)}.toast-info{border-left:4px solid var(--secondary)}.toast-info .toast-icon{color:var(--secondary)}.light-mode .toast{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 25px #0000001a}.light-mode .toast-message{color:#1e293b}@media(max-width:480px){.toast-container{left:var(--space-md);right:var(--space-md);max-width:none}.toast{min-width:auto}}.guest-layout{background:transparent}.guest-layout .bg-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guest-layout .border-border{border-color:var(--border)}.guest-layout .text-secondary{color:var(--secondary)}.guest-layout input[type=email],.guest-layout input[type=password],.guest-layout input[type=text]{background:#ffffff0d;border:1px solid var(--border);color:var(--text-primary);transition:all var(--transition-fast)}.guest-layout input[type=email]:focus,.guest-layout input[type=password]:focus,.guest-layout input[type=text]:focus{background:#ffffff14;border-color:var(--secondary);outline:none;box-shadow:0 0 0 3px #00d9ff1a}.guest-layout input[type=email]::-moz-placeholder,.guest-layout input[type=password]::-moz-placeholder,.guest-layout input[type=text]::-moz-placeholder{color:var(--text-muted)}.guest-layout input[type=email]::placeholder,.guest-layout input[type=password]::placeholder,.guest-layout input[type=text]::placeholder{color:var(--text-muted)}.guest-layout label{color:var(--text-primary)}.guest-layout a{color:var(--secondary)}.guest-layout a:hover{color:var(--secondary-glow)}.light-mode .guest-layout input[type=email],.light-mode .guest-layout input[type=password],.light-mode .guest-layout input[type=text]{background:#00000005;border:1px solid var(--border);color:var(--text-primary)}.light-mode .guest-layout input[type=email]:focus,.light-mode .guest-layout input[type=password]:focus,.light-mode .guest-layout input[type=text]:focus{background:#0000000a;border-color:var(--secondary);box-shadow:0 0 0 3px var(--secondary-glow)}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:transform var(--transition-base),width var(--transition-base);position:fixed;height:100vh;z-index:1000;left:0;top:0}.admin-sidebar.closed{width:70px}.admin-sidebar.closed .logo-text,.admin-sidebar.closed .nav-text{display:none}.sidebar-header{height:var(--admin-header-height);padding:0 var(--space-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sidebar-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.1rem}.logo-icon{font-size:1.5rem}.sidebar-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs)}.sidebar-nav{flex:1;padding:var(--space-md) 0;display:flex;flex-direction:column;gap:var(--space-xs)}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background:linear-gradient(90deg,var(--primary),transparent);color:var(--secondary);border-left:3px solid var(--secondary)}.nav-icon{font-size:1.2rem;width:24px;text-align:center}.sidebar-footer{padding:var(--space-md) 0;border-top:1px solid var(--border)}.nav-item.logout{color:var(--accent)}.admin-main{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-base)}.admin-main.sidebar-collapsed{margin-left:70px}.admin-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;height:var(--admin-header-height);padding:0 var(--space-xl);background:var(--bg-card);border-bottom:1px solid var(--border)}.admin-header-left{flex:1}.admin-header-actions{display:flex;align-items:center;gap:var(--space-md)}.admin-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);font-size:.875rem}.admin-breadcrumb a{color:var(--secondary);text-decoration:none;transition:color var(--transition-fast)}.admin-breadcrumb a:hover{color:var(--text-primary);text-decoration:underline}.admin-breadcrumb span{color:var(--text-muted)}.admin-breadcrumb span[aria-current=page]{color:var(--text-secondary);font-weight:500}.admin-content{padding:var(--space-xl);flex:1}.admin-content-title{margin:0 0 var(--space-lg) 0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card-admin{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-card-hover) 100%);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border);display:flex;align-items:center;gap:var(--space-md);min-width:0;position:relative;overflow:hidden;transition:all var(--transition-base);box-shadow:0 4px 20px #00000026}.stat-card-admin:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000040;border-color:var(--border-light)}.stat-card-projects{color:#3b82f6}.stat-card-views{color:#8b5cf6}.stat-card-inquiries{color:#f59e0b}.stat-card-components{color:#10b981}.stat-info{min-width:0;overflow:hidden}.stat-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;background:var(--bg-card-hover);border-radius:var(--radius-md);position:absolute;right:10px;top:50%;transform:translateY(-50%);width:90px;height:90px;z-index:0;transition:all var(--transition-base)}.stat-card-admin:hover .stat-icon{transform:translateY(-50%) scale(1.05)}.stat-icon-image{background:transparent;padding:0}.stat-icon-image svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.stat-info{display:flex;flex-direction:column;position:relative;z-index:1;padding-right:80px}.stat-value{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;color:var(--text-primary);white-space:nowrap;letter-spacing:-.025em;line-height:1.1}.stat-label{font-size:clamp(.75rem,1vw,.85rem);color:var(--text-muted)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}@media(min-width:1400px){.charts-grid{grid-template-columns:1fr 1fr}}.chart-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border);min-width:0;overflow:hidden}.chart-card h3{font-size:1rem;margin-bottom:var(--space-md);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-container{height:250px;position:relative;width:100%}.chart-container-small{height:200px;position:relative;width:100%}.chart-container canvas,.chart-container-small canvas{max-width:100%!important}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.activity-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border)}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.activity-header h3{margin:0;font-size:1rem}.activity-list{list-style:none;padding:0;margin:0}.activity-list li{border-bottom:1px solid var(--border)}.activity-list li:last-child{border-bottom:none}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;text-decoration:none;color:inherit;transition:color var(--transition-fast)}.activity-item:hover{color:var(--secondary)}.activity-title{display:block;font-weight:500}.activity-subtitle{display:block;font-size:.85rem;color:var(--text-muted)}.status-badge{font-size:.75rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:capitalize}.status-draft{background:var(--text-muted);color:#fff}.status-published{background:var(--beginner);color:#fff}.status-archived{background:var(--border-light);color:var(--text-secondary)}.status-new{background:var(--secondary);color:var(--bg-dark)}.status-read{background:var(--primary);color:#fff}.status-responded{background:var(--beginner);color:#fff}.admin-toolbar{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:stretch}.search-form{display:flex;flex:1;max-width:400px;align-items:stretch}.search-input{flex:1;padding:0 var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-primary);font-size:.875rem;height:36px;line-height:36px;box-sizing:border-box}.search-button{padding:0 var(--space-md);background:var(--primary);border:none;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;display:flex;align-items:center;justify-content:center;height:36px;box-sizing:border-box}.filter-select{padding:0 var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;height:36px;line-height:34px;box-sizing:border-box}.toolbar-filters{display:flex;gap:var(--space-sm);align-items:stretch}.admin-toolbar .btn{padding:0 var(--space-lg);font-size:.875rem;height:36px;line-height:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.admin-table-wrapper{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;margin-bottom:var(--space-lg)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background:var(--bg-card-hover);font-weight:600;font-size:.85rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.admin-table td{color:var(--text-secondary)}.project-cell{display:flex;align-items:center;gap:var(--space-sm)}.table-thumb{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm)}.action-buttons{display:flex;gap:var(--space-xs)}.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--primary);border-color:var(--primary)}.btn-icon.btn-danger:hover{background:var(--advanced);border-color:var(--advanced)}.empty-state{text-align:center;color:var(--text-muted);padding:var(--space-2xl)}.pagination{display:flex;justify-content:center;gap:var(--space-xs);margin-top:var(--space-lg)}.pagination-link{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.pagination-link:hover:not(.disabled){background:var(--primary);border-color:var(--primary);color:#fff}.pagination-link.active{background:var(--secondary);border-color:var(--secondary);color:var(--bg-dark)}.pagination-link.disabled{opacity:.5;cursor:not-allowed}.admin-form{max-width:1200px}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-xl)}.form-main,.form-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.form-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border)}.form-card h3{font-size:1rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--secondary)}.form-input.error,.form-textarea.error{border-color:var(--advanced)}.form-error{display:block;color:var(--advanced);font-size:.8rem;margin-top:var(--space-xs)}.form-textarea{resize:vertical;min-height:100px}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--secondary)}.form-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.btn-large{padding:var(--space-md) var(--space-lg);font-size:1rem}.tag-input-group,.spec-input-group{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--primary);border-radius:var(--radius-sm);font-size:.85rem}.tag.removable button{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:1.1rem;line-height:1}.specs-list{display:flex;flex-direction:column;gap:var(--space-xs)}.spec-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-dark);border-radius:var(--radius-sm)}.spec-key{font-weight:600;color:var(--secondary)}.spec-value{flex:1}.spec-item button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem}.component-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}.component-option{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--bg-dark);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.component-option:hover{border-color:var(--primary)}.component-option.selected{border-color:var(--secondary);background:#00d9ff1a}.component-info{display:flex;flex-direction:column}.component-name{font-weight:500}.component-mfr{font-size:.8rem;color:var(--text-muted)}.qty-input{width:50px;padding:var(--space-xs);text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}.image-upload-area{margin-bottom:var(--space-md)}.upload-button{width:100%;padding:var(--space-lg);background:var(--bg-dark);border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:1rem}.upload-button:hover{border-color:var(--secondary);color:var(--secondary)}.image-gallery-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm)}.image-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden}.image-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-xs);opacity:0;transition:opacity var(--transition-fast)}.image-item:hover .image-overlay{opacity:1}.image-type{font-size:.7rem;background:var(--primary);padding:2px 6px;border-radius:var(--radius-sm);align-self:flex-start}.delete-btn{background:var(--advanced);border:none;padding:var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;align-self:flex-end}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-content{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-content h2{margin-bottom:var(--space-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.inquiry-stats{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.stat-pill{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.stat-pill:hover{border-color:var(--primary)}.stat-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.stat-pill.stat-new span{background:var(--secondary);color:var(--bg-dark);padding:2px 8px;border-radius:999px;font-weight:600}.inquiry-list{display:flex;flex-direction:column;gap:var(--space-md)}.inquiry-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--transition-fast)}.inquiry-card.unread{border-left:3px solid var(--secondary)}.inquiry-header{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.inquiry-sender{display:flex;flex-direction:column}.sender-name{font-weight:600}.sender-email{font-size:.85rem;color:var(--text-muted)}.inquiry-meta{display:flex;align-items:center;gap:var(--space-sm)}.inquiry-date{font-size:.85rem;color:var(--text-muted)}.inquiry-subject{font-weight:500;margin-bottom:var(--space-xs)}.inquiry-preview{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-sm)}.inquiry-project{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-md)}.inquiry-project a{color:var(--secondary)}.inquiry-actions{display:flex;gap:var(--space-sm)}.empty-state-card{background:var(--bg-card);padding:var(--space-3xl);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border)}.empty-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.inquiry-detail{max-width:800px}.inquiry-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.back-link{color:var(--text-secondary);text-decoration:none}.back-link:hover{color:var(--secondary)}.inquiry-detail-actions{display:flex;gap:var(--space-sm)}.inquiry-detail-card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border)}.inquiry-meta-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.meta-item{display:flex;flex-direction:column;gap:var(--space-xs)}.meta-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-weight:500}.meta-value.link{color:var(--secondary)}.inquiry-project-ref{margin-bottom:var(--space-lg)}.project-link{color:var(--secondary);font-weight:500}.inquiry-subject-row{margin-bottom:var(--space-lg)}.inquiry-subject-row h2{margin-bottom:0;font-size:1.25rem}.inquiry-message{margin-bottom:var(--space-lg)}.message-content{background:var(--bg-dark);padding:var(--space-lg);border-radius:var(--radius-md);white-space:pre-wrap;line-height:1.7}.inquiry-timeline{font-size:.85rem;color:var(--text-muted)}@media(max-width:1280px){.charts-grid{grid-template-columns:1fr 1fr}.charts-grid>.chart-card:first-child{grid-column:span 2}.stats-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.admin-sidebar{transform:translate(-100%);position:fixed;top:0;left:0;height:100vh;width:260px;box-shadow:var(--shadow-lg);z-index:1000}.admin-sidebar.open{transform:translate(0)}.admin-main,.admin-main.sidebar-collapsed{margin-left:0;width:100%}.admin-header{padding:var(--space-md) var(--space-lg)}.admin-content{padding:var(--space-lg)}.form-grid,.charts-grid{grid-template-columns:1fr}.charts-grid>.chart-card:first-child{grid-column:span 1}.activity-grid{grid-template-columns:1fr}.inquiry-meta-row{grid-template-columns:repeat(2,1fr)}.admin-toolbar{flex-direction:column;align-items:stretch}.search-form{max-width:100%}.toolbar-filters{width:100%;justify-content:space-between}.component-selector{grid-template-columns:1fr}.image-gallery-admin{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:768px){.admin-header{flex-direction:column;gap:var(--space-md);align-items:flex-start;padding:var(--space-md)}.admin-header-actions{width:100%;justify-content:space-between}.admin-content{padding:var(--space-md)}.stats-cards{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.stat-card-admin{padding:var(--space-md);flex-direction:column;align-items:flex-start;text-align:left}.stat-icon{font-size:1.5rem;width:50px;height:50px}.stat-value{font-size:1.5rem}.chart-card{padding:var(--space-md)}.chart-container,.chart-container-small{height:220px}.inquiry-meta-row{grid-template-columns:1fr;gap:var(--space-md)}.inquiry-detail-header{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.inquiry-detail-actions{width:100%}.inquiry-detail-card{padding:var(--space-md)}.inquiry-stats{overflow-x:auto;padding-bottom:var(--space-xs)}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:500px}.admin-table th,.admin-table td{padding:var(--space-sm);font-size:.8rem}.admin-table th:nth-child(5),.admin-table td:nth-child(5){display:none}.form-row{grid-template-columns:1fr}.modal-content{padding:var(--space-lg)}.modal-actions{flex-direction:column;gap:var(--space-sm)}.modal-actions .btn{width:100%}}@media(max-width:480px){.admin-sidebar{width:100%;max-width:280px}.admin-breadcrumb{font-size:.8125rem}.admin-header h1{font-size:1.25rem}.admin-content{padding:var(--space-sm)}.admin-content-title{font-size:1.5rem}.stats-cards{grid-template-columns:1fr;gap:var(--space-sm)}.stat-card-admin{padding:var(--space-sm);gap:var(--space-sm);flex-direction:row;align-items:center}.stat-icon{font-size:1.25rem;width:40px;height:40px;flex-shrink:0}.stat-value{font-size:1.25rem}.stat-label{font-size:.8125rem}.chart-card{padding:var(--space-sm)}.chart-card h3{font-size:.9375rem}.chart-container,.chart-container-small{height:180px}.activity-card{padding:var(--space-sm)}.activity-item{padding:var(--space-sm) 0;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.inquiry-card{padding:var(--space-sm)}.inquiry-header{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.inquiry-meta,.inquiry-actions{flex-wrap:wrap}.inquiry-actions .btn{flex:1;min-width:140px}.inquiry-detail-card{padding:var(--space-sm)}.message-content{padding:var(--space-sm);font-size:.875rem}.form-card{padding:var(--space-md)}.form-group label{font-size:.8125rem}.form-input,.form-select,.form-textarea{padding:var(--space-xs) var(--space-sm);font-size:.875rem}.tag-input-group,.spec-input-group{flex-direction:column}.image-gallery-admin{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.empty-state-card{padding:var(--space-xl)}.empty-icon{font-size:2rem}.btn-icon{width:28px;height:28px}.table-thumb{width:32px;height:32px}.admin-table-wrapper{background:transparent;border:none;overflow:visible}.admin-table{min-width:0;display:block}.admin-table thead{display:none}.admin-table tbody{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-table tr{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-xs)}.admin-table tr:hover{background:var(--bg-card)}.admin-table td{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border:none;font-size:.875rem}.admin-table th:nth-child(5),.admin-table td:nth-child(5){display:flex}.admin-table td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-right:var(--space-sm)}.admin-table .project-cell{width:100%;justify-content:flex-start}.admin-table .project-cell .table-thumb{width:48px;height:48px}.admin-table td:last-child{justify-content:flex-end;padding-top:var(--space-sm);border-top:1px solid var(--border);margin-top:var(--space-xs)}.admin-table td:last-child:before{display:none}.action-buttons{gap:var(--space-sm)}.action-buttons .btn-icon{width:36px;height:36px}.category-badge.small{font-size:.7rem;padding:2px 6px}.admin-toolbar{flex-direction:column;gap:var(--space-sm)}.admin-toolbar .search-form{max-width:100%;order:1}.admin-toolbar .toolbar-filters{order:2;width:100%}.admin-toolbar .filter-select{flex:1}.admin-toolbar .btn-primary{order:0;width:100%;margin-bottom:var(--space-sm)}.inquiry-stats{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.stat-pill{padding:var(--space-xs) var(--space-sm);font-size:.8rem}}.category-tag{display:inline-block;padding:2px 8px;background:var(--primary);border-radius:var(--radius-sm);font-size:.8rem}.font-medium{font-weight:500}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:.85rem}.btn-danger{background:var(--advanced);border-color:var(--advanced)}.error-page{min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.error-content{text-align:center;z-index:1;padding:var(--space-2xl)}.error-icon{font-size:5rem;display:block;margin-bottom:var(--space-lg);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-code{font-size:8rem;font-weight:800;background:linear-gradient(135deg,var(--secondary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin:0}.error-title{font-size:2rem;margin-bottom:var(--space-md);color:var(--text-primary)}.error-message{color:var(--text-secondary);max-width:500px;margin:0 auto var(--space-xl);line-height:1.7}.error-actions{display:flex;gap:var(--space-md);justify-content:center}.error-decoration{position:absolute;width:100%;height:100%;pointer-events:none}.circuit-svg{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:400px;color:var(--secondary)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-sm)}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.full{width:100%}.skeleton-title{height:2em;width:70%;margin-bottom:var(--space-md)}.skeleton-image{aspect-ratio:16/9;width:100%}.skeleton-avatar{width:60px;height:60px;border-radius:50%}.skeleton-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--secondary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;inset:0;background:#0a0f1acc;display:flex;align-items:center;justify-content:center;z-index:9999}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-sm);padding:calc(var(--space-sm) - 2px) calc(var(--space-md) - 4px);background:transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;-webkit-backdrop-filter:saturate(110%) blur(4px);backdrop-filter:saturate(110%) blur(4px)}.theme-toggle:hover{background:#ffffff08;color:var(--secondary)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center}.theme-toggle svg,.theme-toggle-icon svg{color:currentColor}.theme-toggle-text{display:none}@media(min-width:640px){.theme-toggle-text{display:inline}}.light-mode .theme-toggle{border:1px solid var(--border);color:var(--text-secondary);background:transparent}.light-mode .theme-toggle:hover{background:var(--bg-card-hover)}.theme-toggle-floating{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:1000;box-shadow:var(--shadow-md)}.light-mode .loading-overlay{background:#f8fafce6}.light-mode .hero-section:before{opacity:.3}.light-mode .gradient-text{background:linear-gradient(135deg,var(--secondary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-mode .project-image-placeholder{background:linear-gradient(135deg,#e2e8f0,#f1f5f9)}.light-mode .skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%}.light-mode .category-badge{color:#fff}.light-mode .btn-primary{background:linear-gradient(135deg,var(--secondary) 0%,#0e7490 100%);color:#fff}.light-mode .btn-primary:hover{color:#fff}.light-mode .btn-secondary{border-color:var(--secondary);color:var(--secondary)}.light-mode .btn-secondary:hover{background:var(--secondary);color:#fff}.light-mode .stat-card{background:linear-gradient(145deg,#d8e4f0,#e8f0f8,#d8e4f0);border:1px solid #b8c8d8;box-shadow:0 4px 12px #00000026,inset 0 1px #fffc}.light-mode .stat-card:hover{box-shadow:0 8px 24px #0003,inset 0 1px #ffffffe6,0 0 20px #5078a026}.light-mode .stat-value{background:linear-gradient(135deg,#3a6a8a,#5a8aaa,#3a6a8a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.light-mode .stat-label{color:#5a6a7a;text-shadow:0 1px 1px rgba(255,255,255,.5)}.light-mode .cta-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.light-mode .cta-section h2,.light-mode .cta-section p{color:#fff}.light-mode .admin-sidebar{background:var(--bg-card);border-color:var(--border)}.light-mode .nav-item:hover,.light-mode .nav-item.active{background:var(--bg-card-hover)}.sidebar-footer .theme-toggle{width:100%;justify-content:flex-start;margin-bottom:var(--space-sm);background:transparent;border:1px solid var(--border)}.sidebar-footer .theme-toggle:hover{background:var(--bg-card-hover)}.admin-sidebar.closed .sidebar-footer .theme-toggle .theme-toggle-text{display:none}.light-mode .filters-sidebar{background:var(--bg-card);box-shadow:var(--shadow-sm)}.light-mode .filter-group{border-color:var(--border)}.light-mode .search-input{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}.light-mode .search-input::-moz-placeholder{color:var(--text-muted)}.light-mode .search-input::placeholder{color:var(--text-muted)}.light-mode .project-card{background:var(--bg-card);box-shadow:var(--shadow-sm)}.light-mode .project-card:hover{box-shadow:var(--shadow-md)}.light-mode .contact-card,.light-mode .form-card{background:var(--bg-card);box-shadow:var(--shadow-sm)}.light-mode input,.light-mode textarea,.light-mode select{background:var(--bg-dark);border-color:var(--border);color:var(--text-primary)}.light-mode input:focus,.light-mode textarea:focus,.light-mode select:focus{border-color:var(--secondary)}.light-mode .breadcrumb{background:var(--bg-card)}.light-mode .page-header{background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-card) 100%)}.light-mode .hero-section{background:transparent}.light-mode .hero-section:before{background:radial-gradient(circle,rgba(100,140,180,.1) 0%,transparent 70%);opacity:.2}.light-mode .metal-title{background:linear-gradient(135deg,#3a5a74,#5a7a94,#7a9ab4,#5a7a94,#3a5a74);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(255,255,255,.5))}.light-mode .metal-subtitle{background:linear-gradient(135deg,#2a6a8a,#4a8aaa 30%,#6aaaca,#4a8aaa 70%,#2a6a8a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(255,255,255,.4))}.light-mode .hero-subtitle{color:#4a5a6a;text-shadow:0 1px 1px rgba(255,255,255,.5)}.light-mode .section-dark{background:var(--bg-card)}.light-mode .category-card{background:var(--bg-dark);box-shadow:var(--shadow-sm)}.light-mode .component-tag{background:var(--bg-card-hover);color:var(--text-secondary)}.light-mode .difficulty{background:var(--bg-card)}.loader-demo-container{padding:4rem 2rem;max-width:1200px}.loader-demo-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.loader-demo-grid{display:grid;gap:3rem;margin-top:3rem}.loader-demo-section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.loader-demo-card{padding:2rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border)}.loader-demo-size-variants{display:flex;gap:2rem;align-items:center}.loader-demo-center{text-align:center}.loader-demo-label{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary)}.loader-demo-button-group{display:flex;gap:1rem}.loader-demo-span-margin{margin-left:8px}.loader-demo-standalone{display:flex;justify-content:center;align-items:center;padding:4rem}.loader-demo-code{background:var(--bg-dark);padding:1.5rem;border-radius:var(--radius-md);overflow:auto;font-size:.875rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.loader-demo-custom-btn{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:not-allowed;opacity:.7}.image-zoom-overlay{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-zoom-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-zoom-wrapper{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-zoom-img{max-width:90vw;max-height:85vh;-o-object-fit:contain;object-fit:contain;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:transform;transform-origin:center center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.image-zoom-wrapper:not(.is-dragging) .image-zoom-img{transition:transform .15s cubic-bezier(.4,0,.2,1)}.image-zoom-wrapper.is-dragging .image-zoom-img{transition:none}.image-zoom-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.75rem;background:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-zoom-btn:hover{background:#1e293be6;border-color:var(--secondary);transform:translateY(-1px)}.image-zoom-btn:active{transform:translateY(0)}.image-zoom-close{position:absolute;top:1.5rem;right:1.5rem;z-index:10001}.image-zoom-controls{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-zoom-scale{min-width:3.5rem;text-align:center;font-size:.875rem;font-weight:600;color:var(--text-primary);font-family:JetBrains Mono,monospace}.image-zoom-instructions{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;text-align:center;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-zoom-instructions p{margin:0}@media(max-width:768px){.image-zoom-overlay{padding:1rem}.image-zoom-controls{top:auto;bottom:5rem;flex-wrap:wrap}.image-zoom-close{top:1rem;right:1rem}.image-zoom-instructions{display:none}.image-zoom-img{max-width:95vw;max-height:80vh}}.cursor-zoom-in{cursor:zoom-in}.light-mode .image-zoom-overlay{background:#fffffff2}.light-mode .image-zoom-btn{background:#f8fafce6;border-color:#0000001a;color:var(--text-primary)}.light-mode .image-zoom-btn:hover{background:#f1f5f9f2;border-color:var(--primary)}.light-mode .image-zoom-controls,.light-mode .image-zoom-instructions{background:#f8fafce6;border-color:#0000001a}.selection\:bg-\[\#FF2D20\] *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / var(--tw-bg-opacity, 1))}.selection\:bg-\[\#FF2D20\] *::selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / 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-\[\#FF2D20\]::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / var(--tw-bg-opacity, 1))}.selection\:bg-\[\#FF2D20\]::selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / 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))}.even\:bg-white:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-100:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-black\/70:hover{color:#000000b3}.hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:ring-black\/20:hover{--tw-ring-color: rgb(0 0 0 / .2)}.focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.focus\:border-gray-300:focus{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.focus\:border-indigo-700:focus{--tw-border-opacity: 1;border-color:rgb(67 56 202 / var(--tw-border-opacity, 1))}.focus\:bg-gray-100:focus{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.focus\:bg-gray-50:focus{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.focus\:bg-gray-700:focus{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.focus\:bg-indigo-100:focus{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.focus\:text-gray-500:focus{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.focus\:text-gray-700:focus{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.focus\:text-gray-800:focus{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.focus\:text-indigo-800:focus{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring: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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.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-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 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-\[\#FF2D20\]:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 45 32 / var(--tw-ring-opacity, 1))}.active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.active\:bg-gray-900:active{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.active\:bg-red-700:active{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.active\:text-gray-500:active{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.active\:text-gray-700:active{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.active\:text-gray-800:active{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.disabled\:opacity-25:disabled{opacity:.25}.group:hover .group-hover\:text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:-my-px{margin-top:-1px;margin-bottom:-1px}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:mb-16{margin-bottom:4rem}.sm\:ms-10{margin-inline-start:2.5rem}.sm\:ms-6{margin-inline-start:1.5rem}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:size-16{width:4rem;height:4rem}.sm\:size-6{width:1.5rem;height:1.5rem}.sm\:w-full{width:100%}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-1{flex:1 1 0%}.sm\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:rounded-lg{border-radius:.5rem}.sm\:p-14{padding:3.5rem}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:pb-0{padding-bottom:0}.sm\:pt-0{padding-top:0}.sm\:pt-16{padding-top:4rem}.sm\:pt-5{padding-top:1.25rem}}@media(min-width:768px){.md\:row-span-3{grid-row:span 3 / span 3}}@media(min-width:1024px){.lg\:col-start-2{grid-column-start:2}.lg\:h-16{height:4rem}.lg\:max-w-7xl{max-width:80rem}.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\:flex-col{flex-direction:column}.lg\:items-end{align-items:flex-end}.lg\:justify-center{justify-content:center}.lg\:gap-8{gap:2rem}.lg\:p-10{padding:2.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pb-10{padding-bottom:2.5rem}.lg\:pt-0{padding-top:0}.lg\:text-\[\#FF2D20\]{--tw-text-opacity: 1;color:rgb(255 45 32 / var(--tw-text-opacity, 1))}}.ltr\:origin-top-left:where([dir=ltr],[dir=ltr] *){transform-origin:top left}.ltr\:origin-top-right:where([dir=ltr],[dir=ltr] *){transform-origin:top right}.rtl\:origin-top-left:where([dir=rtl],[dir=rtl] *){transform-origin:top left}.rtl\:origin-top-right:where([dir=rtl],[dir=rtl] *){transform-origin:top right}.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media(prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:divide-white\/10>:not([hidden])~:not([hidden]){border-color:#ffffff1a}.dark\:divide-white\/5>:not([hidden])~:not([hidden]){border-color:#ffffff0d}.dark\:border{border-width:1px}.dark\:border-none{border-style:none}.dark\:border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.dark\:border-amber-800{--tw-border-opacity: 1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.dark\:border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.dark\:border-blue-800{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.dark\:border-emerald-600{--tw-border-opacity: 1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))}.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-neutral-500{--tw-border-opacity: 1;border-color:rgb(115 115 115 / var(--tw-border-opacity, 1))}.dark\:border-neutral-700{--tw-border-opacity: 1;border-color:rgb(64 64 64 / var(--tw-border-opacity, 1))}.dark\:border-neutral-800{--tw-border-opacity: 1;border-color:rgb(38 38 38 / var(--tw-border-opacity, 1))}.dark\:border-rose-500{--tw-border-opacity: 1;border-color:rgb(244 63 94 / var(--tw-border-opacity, 1))}.dark\:border-rose-900{--tw-border-opacity: 1;border-color:rgb(136 19 55 / var(--tw-border-opacity, 1))}.dark\:border-white\/10{border-color:#ffffff1a}.dark\:border-white\/20{border-color:#fff3}.dark\:border-white\/5{border-color:#ffffff0d}.dark\:border-white\/\[9\%\]{border-color:#ffffff17}.dark\:bg-\[\#1a1a1a\]{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.dark\:bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.dark\:bg-amber-950{--tw-bg-opacity: 1;background-color:rgb(69 26 3 / var(--tw-bg-opacity, 1))}.dark\:bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-950{--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity, 1))}.dark\:bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.dark\:bg-emerald-900\/70{background-color:#064e3bb3}.dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-neutral-400{--tw-bg-opacity: 1;background-color:rgb(163 163 163 / var(--tw-bg-opacity, 1))}.dark\:bg-neutral-600{--tw-bg-opacity: 1;background-color:rgb(82 82 82 / var(--tw-bg-opacity, 1))}.dark\:bg-neutral-700{--tw-bg-opacity: 1;background-color:rgb(64 64 64 / var(--tw-bg-opacity, 1))}.dark\:bg-neutral-800{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.dark\:bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.dark\:bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.dark\:bg-rose-950{--tw-bg-opacity: 1;background-color:rgb(76 5 25 / var(--tw-bg-opacity, 1))}.dark\:bg-transparent{background-color:transparent}.dark\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:bg-white\/10{background-color:#ffffff1a}.dark\:bg-white\/5{background-color:#ffffff0d}.dark\:bg-white\/\[2\%\]{background-color:#ffffff05}.dark\:bg-white\/\[3\%\]{background-color:#ffffff08}.dark\:bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.dark\:via-zinc-900{--tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-zinc-900{--tw-gradient-to: #18181b var(--tw-gradient-to-position)}.dark\:text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.dark\:text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.dark\:text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:text-neutral-100{--tw-text-opacity: 1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))}.dark\:text-neutral-200{--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.dark\:text-neutral-300{--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.dark\:text-neutral-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.dark\:text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.dark\:text-neutral-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.dark\:text-neutral-900{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.dark\:text-rose-100{--tw-text-opacity: 1;color:rgb(255 228 230 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-white\/50{color:#ffffff80}.dark\:text-white\/70{color:#ffffffb3}.dark\:ring-zinc-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(39 39 42 / var(--tw-ring-opacity, 1))}.dark\:hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-white\/10:hover{background-color:#ffffff1a}.dark\:hover\:bg-white\/5:hover,.hover\:dark\:bg-white\/5:hover{background-color:#ffffff0d}.dark\:hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:text-white\/70:hover{color:#ffffffb3}.dark\:hover\:text-white\/80:hover{color:#fffc}.hover\:dark\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:ring-zinc-700:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(63 63 70 / var(--tw-ring-opacity, 1))}.dark\:focus\:border-blue-700:focus{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.dark\:focus\:border-blue-800:focus{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:focus-visible\:ring-\[\#FF2D20\]:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 45 32 / var(--tw-ring-opacity, 1))}.dark\:focus-visible\:ring-white:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.dark\:active\:bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:active\:text-gray-300:active{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:dark\:text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}}.\[\&_svg\]\:size-2\.5 svg{width:.625rem;height:.625rem}.\[\&_svg\]\:\!text-white svg{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.hover\:\[\&_svg\]\:stroke-emerald-500 svg:hover{stroke:#10b981}@media(prefers-color-scheme:dark){.dark\:\[\&_svg\]\:\!text-white svg{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}}