@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-1{inset:.25rem}.inset-2{inset:.5rem}.-bottom-12{bottom:-3rem}.-bottom-8{bottom:-2rem}.-left-12{left:-3rem}.-left-6{left:-1.5rem}.-right-12{right:-3rem}.-right-2{right:-.5rem}.-right-4{right:-1rem}.-top-12{top:-3rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-1\/3{bottom:33.333333%}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-1\/4{left:25%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-5{left:1.25rem}.left-6{left:1.5rem}.left-8{left:2rem}.left-full{left:100%}.right-0{right:0}.right-1{right:.25rem}.right-1\/4{right:25%}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.right-8{right:2rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-1\/4{top:25%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-8{top:2rem}.top-full{top:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.float-right{float:right}.float-left{float:left}.m-0{margin:0}.m-auto{margin:auto}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.my-12{margin-bottom:3rem;margin-top:3rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-8{margin-bottom:2rem;margin-top:2rem}.-mb-px{margin-bottom:-1px}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mr-8{margin-right:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[2\/3\]{aspect-ratio:2/3}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-96{height:24rem}.h-\[400px\]{height:400px}.h-\[44px\]{height:44px}.h-\[48px\]{height:48px}.h-\[500px\]{height:500px}.h-\[50vh\]{height:50vh}.h-\[520px\]{height:520px}.h-\[56\.25vw\]{height:56.25vw}.h-\[75\%\]{height:75%}.h-\[80vh\]{height:80vh}.h-\[90vh\]{height:90vh}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-12{max-height:3rem}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-\[40vh\]{max-height:40vh}.max-h-\[50vh\]{max-height:50vh}.max-h-\[600px\]{max-height:600px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.max-h-\[calc\(90vh-120px\)\]{max-height:calc(90vh - 120px)}.max-h-full{max-height:100%}.min-h-\[200px\]{min-height:200px}.min-h-\[60vh\]{min-height:60vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[177\.78vh\]{width:177.78vh}.w-\[280px\]{width:280px}.w-\[500px\]{width:500px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-64{min-width:16rem}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.min-w-\[300px\]{min-width:300px}.min-w-\[320px\]{min-width:320px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[500px\]{max-width:500px}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.origin-left{transform-origin:left}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-10,.-translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-10{--tw-translate-x:-2.5rem}.-translate-x-8{--tw-translate-x:-2rem}.-translate-x-8,.-translate-y-1\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\.5{--tw-translate-y:-0.375rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-8{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-8{--tw-translate-y:-2rem}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x:0.25rem}.translate-x-10{--tw-translate-x:2.5rem}.translate-x-10,.translate-x-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x:1rem}.translate-x-6{--tw-translate-x:1.5rem}.translate-x-6,.translate-x-8{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-8{--tw-translate-x:2rem}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-1\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\.5{--tw-translate-y:0.375rem}.translate-y-10{--tw-translate-y:2.5rem}.translate-y-10,.translate-y-12{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-12{--tw-translate-y:3rem}.translate-y-2{--tw-translate-y:0.5rem}.translate-y-2,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y:1rem}.translate-y-8{--tw-translate-y:2rem}.translate-y-8,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.-rotate-12{--tw-rotate:-12deg}.-rotate-12,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate:-45deg}.-rotate-6{--tw-rotate:-6deg}.-rotate-6,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg}.rotate-12{--tw-rotate:12deg}.rotate-12,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-6{--tw-rotate:6deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-105{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.scale-125{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.scale-\[1\.02\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}.scale-x-0{--tw-scale-x:0}.scale-x-0,.scale-x-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-100{--tw-scale-x:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.columns-1{column-count:1}.columns-2{column-count:2}.break-inside-avoid{break-inside:avoid;page-break-inside:avoid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(3rem*var(--tw-space-y-reverse));margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)))}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(4rem*var(--tw-space-y-reverse));margin-top:calc(4rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(5rem*var(--tw-space-y-reverse));margin-top:calc(5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.divide-gray-700>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.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-none{border-style:none}.border-\[\#0A526A\]{--tw-border-opacity:1;border-color:#0a526a;border-color:rgb(10 82 106/var(--tw-border-opacity,1))}.border-\[\#118AB2\]{--tw-border-opacity:1;border-color:#118ab2;border-color:rgb(17 138 178/var(--tw-border-opacity,1))}.border-\[\#14A5D5\]{--tw-border-opacity:1;border-color:#14a5d5;border-color:rgb(20 165 213/var(--tw-border-opacity,1))}.border-\[\#FFD166\]{--tw-border-opacity:1;border-color:#ffd166;border-color:rgb(255 209 102/var(--tw-border-opacity,1))}.border-\[\#FFD166\]\/20{border-color:#ffd16633}.border-\[\#FFD166\]\/30{border-color:#ffd1664d}.border-accent-500{--tw-border-opacity:1;border-color:#6d28d9;border-color:rgb(109 40 217/var(--tw-border-opacity,1))}.border-accent-500\/50{border-color:#6d28d980}.border-amber-900{--tw-border-opacity:1;border-color:#78350f;border-color:rgb(120 53 15/var(--tw-border-opacity,1))}.border-black{--tw-border-opacity:1;border-color:#000;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-400\/50{border-color:#60a5fa80}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-blue-700\/50{border-color:#1d4ed880}.border-cyan-400\/50{border-color:#22d3ee80}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-300{--tw-border-opacity:1;border-color:#86efac;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-green-400{--tw-border-opacity:1;border-color:#4ade80;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-500\/50{border-color:#22c55e80}.border-neutral-100{--tw-border-opacity:1;border-color:#f5f5f5;border-color:rgb(245 245 245/var(--tw-border-opacity,1))}.border-neutral-200{--tw-border-opacity:1;border-color:#e5e5e5;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:#fed7aa;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-pink-400\/50{border-color:#f472b680}.border-primary-100{--tw-border-opacity:1;border-color:#e1e3f3;border-color:rgb(225 227 243/var(--tw-border-opacity,1))}.border-primary-200{--tw-border-opacity:1;border-color:#c3c7e7;border-color:rgb(195 199 231/var(--tw-border-opacity,1))}.border-primary-400\/20{border-color:#878fcf33}.border-primary-600\/50{border-color:#030d4780}.border-primary-700{--tw-border-opacity:1;border-color:#020b3f;border-color:rgb(2 11 63/var(--tw-border-opacity,1))}.border-primary-700\/50{border-color:#020b3f80}.border-purple-200{--tw-border-opacity:1;border-color:#e9d5ff;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-purple-400\/50{border-color:#c084fc80}.border-purple-500{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-purple-600{--tw-border-opacity:1;border-color:#9333ea;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-500\/50{border-color:#ef444480}.border-secondary-400\/30{border-color:#f7bf374d}.border-secondary-400\/40{border-color:#f7bf3766}.border-secondary-500{--tw-border-opacity:1;border-color:#f49f1c;border-color:rgb(244 159 28/var(--tw-border-opacity,1))}.border-sky-500{--tw-border-opacity:1;border-color:#4f92e0;border-color:rgb(79 146 224/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/5{border-color:#ffffff0d}.border-yellow-200{--tw-border-opacity:1;border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-yellow-400\/50{border-color:#facc1580}.border-yellow-500\/50{border-color:#eab30880}.border-yellow-700\/50{border-color:#a1620780}.border-t-\[\#14A5D5\]{--tw-border-opacity:1;border-top-color:#14a5d5;border-top-color:rgb(20 165 213/var(--tw-border-opacity,1))}.border-t-blue-600{--tw-border-opacity:1;border-top-color:#2563eb;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.border-t-white{--tw-border-opacity:1;border-top-color:#fff;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#0A526A\]{--tw-bg-opacity:1;background-color:#0a526a;background-color:rgb(10 82 106/var(--tw-bg-opacity,1))}.bg-\[\#118AB2\]{--tw-bg-opacity:1;background-color:#118ab2;background-color:rgb(17 138 178/var(--tw-bg-opacity,1))}.bg-\[\#118AB2\]\/20{background-color:#118ab233}.bg-\[\#118AB2\]\/30{background-color:#118ab24d}.bg-\[\#118AB2\]\/5{background-color:#118ab20d}.bg-\[\#14A5D5\]{--tw-bg-opacity:1;background-color:#14a5d5;background-color:rgb(20 165 213/var(--tw-bg-opacity,1))}.bg-\[\#1a1a1a\]{--tw-bg-opacity:1;background-color:#1a1a1a;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\[\#26B9EA\]{--tw-bg-opacity:1;background-color:#26b9ea;background-color:rgb(38 185 234/var(--tw-bg-opacity,1))}.bg-\[\#2d2d2d\]{--tw-bg-opacity:1;background-color:#2d2d2d;background-color:rgb(45 45 45/var(--tw-bg-opacity,1))}.bg-\[\#E0FF65\]{--tw-bg-opacity:1;background-color:#e0ff65;background-color:rgb(224 255 101/var(--tw-bg-opacity,1))}.bg-\[\#FDFBF5\]{--tw-bg-opacity:1;background-color:#fdfbf5;background-color:rgb(253 251 245/var(--tw-bg-opacity,1))}.bg-\[\#FEE6AD\]{--tw-bg-opacity:1;background-color:#fee6ad;background-color:rgb(254 230 173/var(--tw-bg-opacity,1))}.bg-\[\#FFD166\]{--tw-bg-opacity:1;background-color:#ffd166;background-color:rgb(255 209 102/var(--tw-bg-opacity,1))}.bg-\[\#FFD166\]\/20{background-color:#ffd16633}.bg-\[\#FFD166\]\/30{background-color:#ffd1664d}.bg-\[\#FFD166\]\/40{background-color:#ffd16666}.bg-\[\#FFFBF4\]{--tw-bg-opacity:1;background-color:#fffbf4;background-color:rgb(255 251 244/var(--tw-bg-opacity,1))}.bg-accent-50{--tw-bg-opacity:1;background-color:#f3f0fc;background-color:rgb(243 240 252/var(--tw-bg-opacity,1))}.bg-accent-500{--tw-bg-opacity:1;background-color:#6d28d9;background-color:rgb(109 40 217/var(--tw-bg-opacity,1))}.bg-amber-800{--tw-bg-opacity:1;background-color:#92400e;background-color:rgb(146 64 14/var(--tw-bg-opacity,1))}.bg-amber-900{--tw-bg-opacity:1;background-color:#78350f;background-color:rgb(120 53 15/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/0{background-color:#0000}.bg-black\/10{background-color:#0000001a}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-900{--tw-bg-opacity:1;background-color:#1e3a8a;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-emerald-600{--tw-bg-opacity:1;background-color:#059669;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:#4ade80;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-900{--tw-bg-opacity:1;background-color:#14532d;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.bg-green-900\/20{background-color:#14532d33}.bg-indigo-500{--tw-bg-opacity:1;background-color:#6366f1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-neutral-100{--tw-bg-opacity:1;background-color:#f5f5f5;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.bg-neutral-200{--tw-bg-opacity:1;background-color:#e5e5e5;background-color:rgb(229 229 229/var(--tw-bg-opacity,1))}.bg-neutral-50{--tw-bg-opacity:1;background-color:#fafafa;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-orange-600{--tw-bg-opacity:1;background-color:#ea580c;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.bg-pink-500{--tw-bg-opacity:1;background-color:#ec4899;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.bg-primary-400{--tw-bg-opacity:1;background-color:#878fcf;background-color:rgb(135 143 207/var(--tw-bg-opacity,1))}.bg-primary-500{--tw-bg-opacity:1;background-color:#030e4f;background-color:rgb(3 14 79/var(--tw-bg-opacity,1))}.bg-primary-700\/30{background-color:#020b3f4d}.bg-primary-700\/50{background-color:#020b3f80}.bg-primary-800\/50{background-color:#02093780}.bg-primary-900{--tw-bg-opacity:1;background-color:#01072f;background-color:rgb(1 7 47/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-900{--tw-bg-opacity:1;background-color:#581c87;background-color:rgb(88 28 135/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-secondary-400{--tw-bg-opacity:1;background-color:#f7bf37;background-color:rgb(247 191 55/var(--tw-bg-opacity,1))}.bg-secondary-500{--tw-bg-opacity:1;background-color:#f49f1c;background-color:rgb(244 159 28/var(--tw-bg-opacity,1))}.bg-secondary-500\/20{background-color:#f49f1c33}.bg-sky-50{--tw-bg-opacity:1;background-color:#f0f6fc;background-color:rgb(240 246 252/var(--tw-bg-opacity,1))}.bg-sky-500{--tw-bg-opacity:1;background-color:#4f92e0;background-color:rgb(79 146 224/var(--tw-bg-opacity,1))}.bg-tertiary-50{--tw-bg-opacity:1;background-color:#fefcf0;background-color:rgb(254 252 240/var(--tw-bg-opacity,1))}.bg-tertiary-500{--tw-bg-opacity:1;background-color:#ecc140;background-color:rgb(236 193 64/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-turquoise-50{--tw-bg-opacity:1;background-color:#f0fdfb;background-color:rgb(240 253 251/var(--tw-bg-opacity,1))}.bg-turquoise-500{--tw-bg-opacity:1;background-color:#4fe0d1;background-color:rgb(79 224 209/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/30{background-color:#ffffff4d}.bg-white\/40{background-color:#fff6}.bg-white\/5{background-color:#ffffff0d}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-300{--tw-bg-opacity:1;background-color:#fde047;background-color:rgb(253 224 71/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:#facc15;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-600{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-yellow-900{--tw-bg-opacity:1;background-color:#713f12;background-color:rgb(113 63 18/var(--tw-bg-opacity,1))}.bg-yellow-900\/20{background-color:#713f1233}.bg-opacity-0{--tw-bg-opacity:0}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-70{--tw-bg-opacity:0.7}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-opacity-95{--tw-bg-opacity:0.95}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#0A526A\]{--tw-gradient-from:#0a526a var(--tw-gradient-from-position);--tw-gradient-to:#0a526a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#118AB2\]{--tw-gradient-from:#118ab2 var(--tw-gradient-from-position);--tw-gradient-to:#118ab200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#1A2A3F\]{--tw-gradient-from:#1a2a3f var(--tw-gradient-from-position);--tw-gradient-to:#1a2a3f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#1a1a1a\]{--tw-gradient-from:#1a1a1a var(--tw-gradient-from-position);--tw-gradient-to:#1a1a1a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#252525\]{--tw-gradient-from:#252525 var(--tw-gradient-from-position);--tw-gradient-to:#25252500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#F8F9FA\]{--tw-gradient-from:#f8f9fa var(--tw-gradient-from-position);--tw-gradient-to:#f8f9fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#FDFBF5\]{--tw-gradient-from:#fdfbf5 var(--tw-gradient-from-position);--tw-gradient-to:#fdfbf500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#FEE6AD\]{--tw-gradient-from:#fee6ad var(--tw-gradient-from-position);--tw-gradient-to:#fee6ad00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#FF6B6B\]{--tw-gradient-from:#ff6b6b var(--tw-gradient-from-position);--tw-gradient-to:#ff6b6b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#FFBB1E\]{--tw-gradient-from:#ffbb1e var(--tw-gradient-from-position);--tw-gradient-to:#ffbb1e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#FFD166\]{--tw-gradient-from:#ffd166 var(--tw-gradient-from-position);--tw-gradient-to:#ffd16600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#FFFBF4\]{--tw-gradient-from:#fffbf4 var(--tw-gradient-from-position);--tw-gradient-to:#fffbf400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#FFFBF4\]\/20{--tw-gradient-from:#fffbf433 var(--tw-gradient-from-position);--tw-gradient-to:#fffbf400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent-500{--tw-gradient-from:#6d28d9 var(--tw-gradient-from-position);--tw-gradient-to:#6d28d900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent-500\/30{--tw-gradient-from:#6d28d94d var(--tw-gradient-from-position);--tw-gradient-to:#6d28d900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/10{--tw-gradient-from:#0000001a var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/20{--tw-gradient-from:#0003 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/30{--tw-gradient-from:#0000004d var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from:#0009 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from:#000000b3 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from:#000c var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/90{--tw-gradient-from:#000000e6 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400\/20{--tw-gradient-from:#60a5fa33 var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/20{--tw-gradient-from:#3b82f633 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/80{--tw-gradient-from:#3b82f6cc var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from:#22d3ee var(--tw-gradient-from-position);--tw-gradient-to:#22d3ee00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400\/20{--tw-gradient-from:#22d3ee33 var(--tw-gradient-from-position);--tw-gradient-to:#22d3ee00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400\/30{--tw-gradient-from:#22d3ee4d var(--tw-gradient-from-position);--tw-gradient-to:#22d3ee00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500\/20{--tw-gradient-from:#06b6d433 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500\/80{--tw-gradient-from:#06b6d4cc var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-neutral-900{--tw-gradient-from:#171717 var(--tw-gradient-from-position);--tw-gradient-to:#17171700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:#f472b600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-500\/20{--tw-gradient-from:#ec489933 var(--tw-gradient-from-position);--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-500\/80{--tw-gradient-from:#ec4899cc var(--tw-gradient-from-position);--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-400{--tw-gradient-from:#878fcf var(--tw-gradient-from-position);--tw-gradient-to:#878fcf00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-500{--tw-gradient-from:#030e4f var(--tw-gradient-from-position);--tw-gradient-to:#030e4f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-600{--tw-gradient-from:#030d47 var(--tw-gradient-from-position);--tw-gradient-to:#030d4700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-600\/50{--tw-gradient-from:#030d4780 var(--tw-gradient-from-position);--tw-gradient-to:#030d4700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-800{--tw-gradient-from:#020937 var(--tw-gradient-from-position);--tw-gradient-to:#02093700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-900{--tw-gradient-from:#01072f var(--tw-gradient-from-position);--tw-gradient-to:#01072f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-900\/5{--tw-gradient-from:#01072f0d var(--tw-gradient-from-position);--tw-gradient-to:#01072f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400\/20{--tw-gradient-from:#c084fc33 var(--tw-gradient-from-position);--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500\/20{--tw-gradient-from:#a855f733 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500\/80{--tw-gradient-from:#a855f7cc var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary-400{--tw-gradient-from:#f7bf37 var(--tw-gradient-from-position);--tw-gradient-to:#f7bf3700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary-400\/20{--tw-gradient-from:#f7bf3733 var(--tw-gradient-from-position);--tw-gradient-to:#f7bf3700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary-500{--tw-gradient-from:#f49f1c var(--tw-gradient-from-position);--tw-gradient-to:#f49f1c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-500{--tw-gradient-from:#4f92e0 var(--tw-gradient-from-position);--tw-gradient-to:#4f92e000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900\/80{--tw-gradient-from:#0f172acc var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);--tw-gradient-to:#14b8a600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-turquoise-500{--tw-gradient-from:#4fe0d1 var(--tw-gradient-from-position);--tw-gradient-to:#4fe0d100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/5{--tw-gradient-from:#ffffff0d var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-500\/80{--tw-gradient-from:#eab308cc var(--tw-gradient-from-position);--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#1A2A3F\]{--tw-gradient-to:#1a2a3f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1a2a3f var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#2d2d2d\]{--tw-gradient-to:#2d2d2d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#2d2d2d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#FFD166\]{--tw-gradient-to:#ffd16600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ffd166 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#000 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0003 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/30{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0000004d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/40{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0006 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/50{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#00000080 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/60{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0009 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-400{--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#60a5fa var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-400\/20{--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#60a5fa33 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-900{--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-900\/60{--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a99 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary-700{--tw-gradient-to:#020b3f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#020b3f var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-primary-800{--tw-gradient-to:#02093700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#020937 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary-400{--tw-gradient-to:#f7bf3700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f7bf37 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-tertiary-400{--tw-gradient-to:#f7e78700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f7e787 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0000 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#0A526A\]{--tw-gradient-to:#0a526a var(--tw-gradient-to-position)}.to-\[\#118AB2\]{--tw-gradient-to:#118ab2 var(--tw-gradient-to-position)}.to-\[\#14A5D5\]{--tw-gradient-to:#14a5d5 var(--tw-gradient-to-position)}.to-\[\#1a1a1a\]{--tw-gradient-to:#1a1a1a var(--tw-gradient-to-position)}.to-\[\#E9ECEF\]{--tw-gradient-to:#e9ecef var(--tw-gradient-to-position)}.to-\[\#FEE6AD\]{--tw-gradient-to:#fee6ad var(--tw-gradient-to-position)}.to-\[\#FF5252\]{--tw-gradient-to:#ff5252 var(--tw-gradient-to-position)}.to-\[\#FFBB1E\]{--tw-gradient-to:#ffbb1e var(--tw-gradient-to-position)}.to-\[\#FFD166\]{--tw-gradient-to:#ffd166 var(--tw-gradient-to-position)}.to-\[\#FFD166\]\/10{--tw-gradient-to:#ffd1661a var(--tw-gradient-to-position)}.to-accent-500{--tw-gradient-to:#6d28d9 var(--tw-gradient-to-position)}.to-accent-600{--tw-gradient-to:#6224c3 var(--tw-gradient-to-position)}.to-black{--tw-gradient-to:#000 var(--tw-gradient-to-position)}.to-black\/40{--tw-gradient-to:#0006 var(--tw-gradient-to-position)}.to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.to-blue-400\/30{--tw-gradient-to:#60a5fa4d var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-500\/20{--tw-gradient-to:#3b82f633 var(--tw-gradient-to-position)}.to-blue-500\/80{--tw-gradient-to:#3b82f6cc var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-cyan-400\/20{--tw-gradient-to:#22d3ee33 var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-green-500\/80{--tw-gradient-to:#22c55ecc var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.to-indigo-900{--tw-gradient-to:#312e81 var(--tw-gradient-to-position)}.to-indigo-900\/80{--tw-gradient-to:#312e81cc var(--tw-gradient-to-position)}.to-orange-500\/80{--tw-gradient-to:#f97316cc var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-pink-400\/20{--tw-gradient-to:#f472b633 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-500\/20{--tw-gradient-to:#ec489933 var(--tw-gradient-to-position)}.to-pink-500\/80{--tw-gradient-to:#ec4899cc var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-primary-400\/20{--tw-gradient-to:#878fcf33 var(--tw-gradient-to-position)}.to-primary-500{--tw-gradient-to:#030e4f var(--tw-gradient-to-position)}.to-primary-600{--tw-gradient-to:#030d47 var(--tw-gradient-to-position)}.to-primary-700{--tw-gradient-to:#020b3f var(--tw-gradient-to-position)}.to-primary-900{--tw-gradient-to:#01072f var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to:#c084fc var(--tw-gradient-to-position)}.to-purple-400\/20{--tw-gradient-to:#c084fc33 var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.to-purple-500\/20{--tw-gradient-to:#a855f733 var(--tw-gradient-to-position)}.to-purple-500\/80{--tw-gradient-to:#a855f7cc var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.to-red-500\/20{--tw-gradient-to:#ef444433 var(--tw-gradient-to-position)}.to-red-500\/30{--tw-gradient-to:#ef44444d var(--tw-gradient-to-position)}.to-red-500\/80{--tw-gradient-to:#ef4444cc var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.to-secondary-500{--tw-gradient-to:#f49f1c var(--tw-gradient-to-position)}.to-secondary-600{--tw-gradient-to:#dc8f19 var(--tw-gradient-to-position)}.to-secondary-600\/50{--tw-gradient-to:#dc8f1980 var(--tw-gradient-to-position)}.to-sky-400{--tw-gradient-to:#87b7e7 var(--tw-gradient-to-position)}.to-sky-600{--tw-gradient-to:#4783ca var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.to-turquoise-600{--tw-gradient-to:#47cabc var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-16{padding-left:4rem;padding-right:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-20{padding-left:5rem;padding-right:5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-24{padding-bottom:6rem;padding-top:6rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-32{padding-bottom:8rem;padding-top:8rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pb-40{padding-bottom:10rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-14{padding-left:3.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-40{padding-top:10rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#0A526A\]{--tw-text-opacity:1;color:#0a526a;color:rgb(10 82 106/var(--tw-text-opacity,1))}.text-\[\#0A526A\]\/50{color:#0a526a80}.text-\[\#0A526A\]\/60{color:#0a526a99}.text-\[\#0A526A\]\/70{color:#0a526ab3}.text-\[\#0A526A\]\/75{color:#0a526abf}.text-\[\#0A526A\]\/80{color:#0a526acc}.text-\[\#0D6E8E\]{--tw-text-opacity:1;color:#0d6e8e;color:rgb(13 110 142/var(--tw-text-opacity,1))}.text-\[\#118AB2\]{--tw-text-opacity:1;color:#118ab2;color:rgb(17 138 178/var(--tw-text-opacity,1))}.text-\[\#118AB2\]\/60{color:#118ab299}.text-\[\#14A5D5\]{--tw-text-opacity:1;color:#14a5d5;color:rgb(20 165 213/var(--tw-text-opacity,1))}.text-\[\#FEE6AD\]{--tw-text-opacity:1;color:#fee6ad;color:rgb(254 230 173/var(--tw-text-opacity,1))}.text-\[\#FFD166\]{--tw-text-opacity:1;color:#ffd166;color:rgb(255 209 102/var(--tw-text-opacity,1))}.text-accent-300{--tw-text-opacity:1;color:#b7a5ed;color:rgb(183 165 237/var(--tw-text-opacity,1))}.text-accent-400{--tw-text-opacity:1;color:#9f87e7;color:rgb(159 135 231/var(--tw-text-opacity,1))}.text-accent-400\/80{color:#9f87e7cc}.text-accent-700{--tw-text-opacity:1;color:#5720ad;color:rgb(87 32 173/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-200{--tw-text-opacity:1;color:#bbf7d0;color:rgb(187 247 208/var(--tw-text-opacity,1))}.text-green-300{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:#14532d;color:rgb(20 83 45/var(--tw-text-opacity,1))}.text-neutral-200{--tw-text-opacity:1;color:#e5e5e5;color:rgb(229 229 229/var(--tw-text-opacity,1))}.text-neutral-300{--tw-text-opacity:1;color:#d4d4d4;color:rgb(212 212 212/var(--tw-text-opacity,1))}.text-neutral-400{--tw-text-opacity:1;color:#a3a3a3;color:rgb(163 163 163/var(--tw-text-opacity,1))}.text-neutral-500{--tw-text-opacity:1;color:#737373;color:rgb(115 115 115/var(--tw-text-opacity,1))}.text-neutral-600{--tw-text-opacity:1;color:#525252;color:rgb(82 82 82/var(--tw-text-opacity,1))}.text-neutral-700{--tw-text-opacity:1;color:#404040;color:rgb(64 64 64/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:#f97316;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:#9a3412;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-primary-200{--tw-text-opacity:1;color:#c3c7e7;color:rgb(195 199 231/var(--tw-text-opacity,1))}.text-primary-300{--tw-text-opacity:1;color:#a5abdb;color:rgb(165 171 219/var(--tw-text-opacity,1))}.text-primary-300\/80{color:#a5abdbcc}.text-primary-500{--tw-text-opacity:1;color:#030e4f;color:rgb(3 14 79/var(--tw-text-opacity,1))}.text-purple-200{--tw-text-opacity:1;color:#e9d5ff;color:rgb(233 213 255/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:#6b21a8;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-secondary-200{--tw-text-opacity:1;color:#fbdf9b;color:rgb(251 223 155/var(--tw-text-opacity,1))}.text-secondary-300{--tw-text-opacity:1;color:#f9cf69;color:rgb(249 207 105/var(--tw-text-opacity,1))}.text-secondary-400{--tw-text-opacity:1;color:#f7bf37;color:rgb(247 191 55/var(--tw-text-opacity,1))}.text-secondary-600{--tw-text-opacity:1;color:#dc8f19;color:rgb(220 143 25/var(--tw-text-opacity,1))}.text-sky-700{--tw-text-opacity:1;color:#3f74b4;color:rgb(63 116 180/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:#cbd5e1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-tertiary-700{--tw-text-opacity:1;color:#bc9934;color:rgb(188 153 52/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-turquoise-700{--tw-text-opacity:1;color:#3fb4a7;color:rgb(63 180 167/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-200{--tw-text-opacity:1;color:#fef08a;color:rgb(254 240 138/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.text-yellow-900{--tw-text-opacity:1;color:#713f12;color:rgb(113 63 18/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.overline{-webkit-text-decoration-line:overline;text-decoration-line:overline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.placeholder-primary-300::placeholder{--tw-placeholder-opacity:1;color:#a5abdb;color:rgb(165 171 219/var(--tw-placeholder-opacity,1))}.placeholder-white\/40::placeholder{color:#fff6}.placeholder-white\/50::placeholder{color:#ffffff80}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-\[0\.015\]{opacity:.015}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--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)}.ring-4{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\[\#118AB2\]{--tw-ring-opacity:1;--tw-ring-color:rgb(17 138 178/var(--tw-ring-opacity,1))}.ring-blue-200{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.ring-yellow-400{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{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)}.blur-2xl{--tw-blur:blur(40px)}.blur-lg{--tw-blur:blur(16px)}.blur-lg,.brightness-0{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)}.brightness-0{--tw-brightness:brightness(0)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.drop-shadow-2xl{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-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px #00000026)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a)}.drop-shadow-lg,.drop-shadow-md{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-md{--tw-drop-shadow:drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f)}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{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)}.invert{--tw-invert:invert(100%)}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.delay-700{transition-delay:.7s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.font-heading{font-family:Playfair Display,serif;line-height:1.2;padding-bottom:.1em}.font-body{font-family:Open Sans,sans-serif}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.animate-scroll-left{animation:scroll-left 25s linear infinite}.hover\:pause-animation:hover{animation-play-state:paused}@keyframes blink{0%,50%{border-color:#0000}51%,to{border-color:#0000}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes floatBubble{0%,to{opacity:.9;transform:translateY(0) translateX(0)}25%{opacity:1;transform:translateY(-15px) translateX(5px)}50%{opacity:.95;transform:translateY(-10px) translateX(-5px)}75%{opacity:1;transform:translateY(-20px) translateX(3px)}}.animate-float{animation:floatBubble ease-in-out infinite}@keyframes wheatSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes horseRun{0%,to{transform:translateX(0) rotate(12deg)}25%{transform:translateX(10px) rotate(15deg)}75%{transform:translateX(-10px) rotate(9deg)}}.horse-animation{animation:horseRun 3s ease-in-out infinite}.wheat-stalk{animation:wheatSway 2s ease-in-out infinite}#hero-3d-section:focus,#hero-3d-section:hover,#hero-text-section:focus,#hero-text-section:hover,.grid:focus,.grid:focus-within,.grid:hover{border:none!important;outline:none!important}.divider,.separator,[class*=divider]:not([class*=btn]):not([class*=button]):not([class*=cta]):not([class*=CTA]),[class*=separator]:not([class*=btn]):not([class*=button]):not([class*=cta]):not([class*=CTA]){border-left:none!important;border-right:none!important}.typing-animation,[class*=blink],[class*=flash],[class*=typing]{animation:none!important;border-left:none!important;border-right:none!important}[class*=CTA],[class*=btn],[class*=button],[class*=cta],a[class*=border],button{border-style:solid}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.mobile-menu-container,.mobile-menu-container *,.mobile-menu-container a,.mobile-menu-container button,.mobile-menu-container div,.mobile-menu-container nav,.mobile-menu-container span,.mobile-menu-container svg,[class*=Mobile],[class*=mobile]{animation:none!important;animation-delay:0s!important;animation-duration:0s!important;animation-fill-mode:none!important;animation-play-state:paused!important;transform:none!important;transition:none!important;transition-delay:0s!important;transition-duration:0s!important}.mobile-menu-container{background:#1a2a3f!important;color:#e8f4f8!important;height:100vh!important;max-width:100vw!important;position:fixed!important;right:0!important;top:0!important;transition:none!important;width:100vw!important;z-index:50!important}@media (max-width:768px){.mobile-menu-container{left:0!important;max-width:100vw!important;right:0!important;width:100vw!important}}@media (max-width:480px){.mobile-menu-container{left:0!important;margin:0!important;max-width:100vw!important;padding:0!important;right:0!important;width:100vw!important}}@media (max-width:1024px){.mobile-menu-container{left:0!important;max-width:100vw!important;right:0!important;width:100vw!important}}.mobile-menu-container.fixed{animation:none!important;transform:none!important;transition:none!important}.mobile-menu-container .animate-spin,.mobile-menu-container .duration-300,.mobile-menu-container .duration-500,.mobile-menu-container .duration-700,.mobile-menu-container .ease-out,.mobile-menu-container .group-hover\:scale-x-100,.mobile-menu-container .hover\:scale-105,.mobile-menu-container .scale-x-0,.mobile-menu-container .scale-x-100,.mobile-menu-container .transform,.mobile-menu-container .transition-all,.mobile-menu-container .transition-colors,.mobile-menu-container .transition-opacity,.mobile-menu-container .transition-transform{animation:none!important;animation-duration:0s!important;transform:none!important;transition:none!important;transition-duration:0s!important}.mobile-menu-container[class*=fixed][class*=top-0][class*=right-0],.mobile-menu-container[class*=fixed][class*=top-0][class*=w-full],div[class*=mobile-menu-container]{animation:none!important;animation-duration:0s!important;animation-fill-mode:none!important;animation-play-state:paused!important;transform:none!important;transition:none!important;transition-duration:0s!important}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-container{animation:none!important;transform:none!important}div[class*=fixed][class*=inset-0][class*=bg-black]{animation:none!important;animation-delay:0s!important;animation-direction:normal!important;animation-duration:0s!important;animation-fill-mode:none!important;animation-iteration-count:0!important;animation-name:none!important;animation-play-state:paused!important;animation-timing-function:none!important;display:block!important;opacity:1!important;transform:none!important;transition:none!important;transition-delay:0s!important;transition-duration:0s!important;visibility:visible!important}.mobile-menu-container,.mobile-menu-container *,div[class*=fixed][class*=inset-0][class*=bg-black],div[class*=fixed][class*=top-0][class*=right-0][class*=h-full],div[class*=mobile-menu-container]{animation:none!important;transform:none!important;transition:none!important}header .group,header a:hover,header button:hover,header nav a,header nav button{transition:all .3s ease}header a.active,header a[aria-current=page]{color:#118ab2;font-weight:600}header nav a{color:#0a526a;transition:all .3s ease}header nav a:hover{color:#118ab2;transition:all .3s ease}header nav a[class*="text-[#118AB2]"]{color:#118ab2;font-weight:600}header nav a[class*="hover:text-[#118AB2]"]:hover{color:#118ab2}header nav a .absolute,header nav a .scale-x-0,header nav a .scale-x-100,header nav a .transform,header nav a[class*=transition-all]{transition:all .3s ease}header nav a.group:hover .group-hover\:scale-x-100{transform:scaleX(1);transition:all .3s ease}.typing-animation{--typing-width:0ch;animation:typing 12s steps(40);animation-fill-mode:forwards;border-right:none;overflow:hidden;white-space:nowrap}.typing-animation.animate{animation:typing 12s steps(40)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.horizontal-scroll{scroll-behavior:smooth;scroll-snap-type:x mandatory}.horizontal-scroll>*{scroll-snap-align:start}@supports (padding:max(0px)){:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px)}}.fixed-bottom-safe{bottom:calc(env(safe-area-inset-bottom, 0px) + 1rem);position:fixed}.fixed-bottom-safe-lg{bottom:calc(env(safe-area-inset-bottom, 0px) + 1.5rem);position:fixed}.fixed-bottom-safe-sm{bottom:calc(env(safe-area-inset-bottom, 0px) + .5rem);position:fixed}@media (max-width:768px){.fixed-bottom-safe{bottom:calc(env(safe-area-inset-bottom, 20px) + 1rem)}.fixed-bottom-safe-lg{bottom:calc(env(safe-area-inset-bottom, 20px) + 1.5rem)}.fixed-bottom-safe-sm{bottom:calc(env(safe-area-inset-bottom, 20px) + .5rem)}}@supports (-webkit-touch-callout:none){.fixed-bottom-safe{bottom:calc(env(safe-area-inset-bottom, 34px) + 1rem)}.fixed-bottom-safe-lg{bottom:calc(env(safe-area-inset-bottom, 34px) + 1.5rem)}}.scroll-down-button{bottom:calc(env(safe-area-inset-bottom, 0px) + 1rem)}@media (max-width:768px){.scroll-down-button{bottom:calc(env(safe-area-inset-bottom, 20px) + 20vh)!important}}.mobile-menu-footer{padding-bottom:1.5rem}@media (max-width:768px){.mobile-menu-footer{padding-bottom:calc(env(safe-area-inset-bottom, 20px) + 20vh)!important}}.file\:mr-4::-webkit-file-upload-button{margin-right:1rem}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded-full::-webkit-file-upload-button{border-radius:9999px}.file\:rounded-full::file-selector-button{border-radius:9999px}.file\:rounded-lg::-webkit-file-upload-button{border-radius:.5rem}.file\:rounded-lg::file-selector-button{border-radius:.5rem}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-blue-50::-webkit-file-upload-button{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.file\:bg-blue-50::file-selector-button{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.file\:bg-purple-50::-webkit-file-upload-button{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.file\:bg-purple-50::file-selector-button{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.file\:px-4::-webkit-file-upload-button{padding-left:1rem;padding-right:1rem}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:py-2::-webkit-file-upload-button{padding-bottom:.5rem;padding-top:.5rem}.file\:py-2::file-selector-button{padding-bottom:.5rem;padding-top:.5rem}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.file\:font-semibold::-webkit-file-upload-button{font-weight:600}.file\:font-semibold::file-selector-button{font-weight:600}.file\:text-blue-700::-webkit-file-upload-button{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.file\:text-blue-700::file-selector-button{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.file\:text-purple-700::-webkit-file-upload-button{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/var(--tw-text-opacity,1))}.file\:text-purple-700::file-selector-button{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/var(--tw-text-opacity,1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-4:after{content:var(--tw-content);width:1rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:border:after{border-width:1px;content:var(--tw-content)}.after\:border-gray-300:after{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1));content:var(--tw-content)}.after\:bg-white:after{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-110:hover,.hover\:scale-\[1\.01\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:scale-\[1\.02\]:hover,.hover\:scale-\[1\.03\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.03\]:hover{--tw-scale-x:1.03;--tw-scale-y:1.03}.hover\:border-\[\#118AB2\]:hover{--tw-border-opacity:1;border-color:#118ab2;border-color:rgb(17 138 178/var(--tw-border-opacity,1))}.hover\:border-\[\#118AB2\]\/50:hover{border-color:#118ab280}.hover\:border-\[\#14A5D5\]:hover{--tw-border-opacity:1;border-color:#14a5d5;border-color:rgb(20 165 213/var(--tw-border-opacity,1))}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:border-green-400:hover{--tw-border-opacity:1;border-color:#4ade80;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.hover\:border-neutral-300:hover{--tw-border-opacity:1;border-color:#d4d4d4;border-color:rgb(212 212 212/var(--tw-border-opacity,1))}.hover\:border-primary-400\/40:hover{border-color:#878fcf66}.hover\:border-secondary-400:hover{--tw-border-opacity:1;border-color:#f7bf37;border-color:rgb(247 191 55/var(--tw-border-opacity,1))}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:bg-\[\#0A526A\]:hover{--tw-bg-opacity:1;background-color:#0a526a;background-color:rgb(10 82 106/var(--tw-bg-opacity,1))}.hover\:bg-\[\#118AB2\]:hover{--tw-bg-opacity:1;background-color:#118ab2;background-color:rgb(17 138 178/var(--tw-bg-opacity,1))}.hover\:bg-\[\#118AB2\]\/50:hover{background-color:#118ab280}.hover\:bg-\[\#14A5D5\]:hover{--tw-bg-opacity:1;background-color:#14a5d5;background-color:rgb(20 165 213/var(--tw-bg-opacity,1))}.hover\:bg-\[\#FEE6AD\]:hover{--tw-bg-opacity:1;background-color:#fee6ad;background-color:rgb(254 230 173/var(--tw-bg-opacity,1))}.hover\:bg-\[\#FFBB1E\]:hover{--tw-bg-opacity:1;background-color:#ffbb1e;background-color:rgb(255 187 30/var(--tw-bg-opacity,1))}.hover\:bg-\[\#FFD166\]:hover{--tw-bg-opacity:1;background-color:#ffd166;background-color:rgb(255 209 102/var(--tw-bg-opacity,1))}.hover\:bg-\[\#FFD166\]\/50:hover{background-color:#ffd16680}.hover\:bg-accent-600:hover{--tw-bg-opacity:1;background-color:#6224c3;background-color:rgb(98 36 195/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-black\/50:hover{background-color:#00000080}.hover\:bg-black\/80:hover{background-color:#000c}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:#bfdbfe;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:#047857;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:#bbf7d0;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:#4f46e5;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.hover\:bg-neutral-100:hover{--tw-bg-opacity:1;background-color:#f5f5f5;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:#ea580c;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:#c2410c;background-color:rgb(194 65 12/var(--tw-bg-opacity,1))}.hover\:bg-pink-600:hover{--tw-bg-opacity:1;background-color:#db2777;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.hover\:bg-primary-600:hover{--tw-bg-opacity:1;background-color:#030d47;background-color:rgb(3 13 71/var(--tw-bg-opacity,1))}.hover\:bg-primary-600\/40:hover{background-color:#030d4766}.hover\:bg-purple-200:hover{--tw-bg-opacity:1;background-color:#e9d5ff;background-color:rgb(233 213 255/var(--tw-bg-opacity,1))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.hover\:bg-purple-600:hover{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-secondary-400:hover{--tw-bg-opacity:1;background-color:#f7bf37;background-color:rgb(247 191 55/var(--tw-bg-opacity,1))}.hover\:bg-secondary-500:hover{--tw-bg-opacity:1;background-color:#f49f1c;background-color:rgb(244 159 28/var(--tw-bg-opacity,1))}.hover\:bg-secondary-600:hover{--tw-bg-opacity:1;background-color:#dc8f19;background-color:rgb(220 143 25/var(--tw-bg-opacity,1))}.hover\:bg-sky-600:hover{--tw-bg-opacity:1;background-color:#4783ca;background-color:rgb(71 131 202/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/80:hover{background-color:#fffc}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:#fef08a;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:#a16207;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hover\:bg-opacity-100:hover{--tw-bg-opacity:1}.hover\:bg-opacity-90:hover{--tw-bg-opacity:0.9}.hover\:from-\[\#14A5D5\]:hover{--tw-gradient-from:#14a5d5 var(--tw-gradient-from-position);--tw-gradient-to:#14a5d500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-\[\#FFBB1E\]:hover{--tw-gradient-from:#ffbb1e var(--tw-gradient-from-position);--tw-gradient-to:#ffbb1e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-\[\#FFD166\]:hover{--tw-gradient-from:#ffd166 var(--tw-gradient-from-position);--tw-gradient-to:#ffd16600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-cyan-600:hover{--tw-gradient-from:#0891b2 var(--tw-gradient-from-position);--tw-gradient-to:#0891b200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-700:hover{--tw-gradient-from:#7e22ce var(--tw-gradient-from-position);--tw-gradient-to:#7e22ce00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-secondary-600:hover{--tw-gradient-from:#dc8f19 var(--tw-gradient-from-position);--tw-gradient-to:#dc8f1900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-\[\#0A526A\]:hover{--tw-gradient-to:#0a526a var(--tw-gradient-to-position)}.hover\:to-\[\#118AB2\]:hover{--tw-gradient-to:#118ab2 var(--tw-gradient-to-position)}.hover\:to-\[\#FFBB1E\]:hover{--tw-gradient-to:#ffbb1e var(--tw-gradient-to-position)}.hover\:to-\[\#FFD166\]:hover{--tw-gradient-to:#ffd166 var(--tw-gradient-to-position)}.hover\:to-blue-600:hover{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.hover\:to-pink-700:hover{--tw-gradient-to:#be185d var(--tw-gradient-to-position)}.hover\:to-secondary-700:hover{--tw-gradient-to:#c47f16 var(--tw-gradient-to-position)}.hover\:text-\[\#0A526A\]:hover{--tw-text-opacity:1;color:#0a526a;color:rgb(10 82 106/var(--tw-text-opacity,1))}.hover\:text-\[\#118AB2\]:hover{--tw-text-opacity:1;color:#118ab2;color:rgb(17 138 178/var(--tw-text-opacity,1))}.hover\:text-\[\#14A5D5\]:hover{--tw-text-opacity:1;color:#14a5d5;color:rgb(20 165 213/var(--tw-text-opacity,1))}.hover\:text-\[\#FFD166\]:hover{--tw-text-opacity:1;color:#ffd166;color:rgb(255 209 102/var(--tw-text-opacity,1))}.hover\:text-black:hover{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-blue-900:hover{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-green-800:hover{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.hover\:text-green-900:hover{--tw-text-opacity:1;color:#14532d;color:rgb(20 83 45/var(--tw-text-opacity,1))}.hover\:text-neutral-600:hover{--tw-text-opacity:1;color:#525252;color:rgb(82 82 82/var(--tw-text-opacity,1))}.hover\:text-primary-600:hover{--tw-text-opacity:1;color:#030d47;color:rgb(3 13 71/var(--tw-text-opacity,1))}.hover\:text-red-300:hover{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.hover\:text-red-900:hover{--tw-text-opacity:1;color:#7f1d1d;color:rgb(127 29 29/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-white\/90:hover{color:#ffffffe6}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:decoration-\[\#14A5D5\]:hover{-webkit-text-decoration-color:#14a5d5;text-decoration-color:#14a5d5}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-lg:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:shadow-\[\#FFD166\]\/25:hover{--tw-shadow-color:#ffd16640;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-cyan-500\/25:hover{--tw-shadow-color:#06b6d440;--tw-shadow:var(--tw-shadow-colored)}.hover\:ring-2:hover{--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),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:ring-blue-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.hover\:brightness-110:hover{--tw-brightness:brightness(1.1);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)}.hover\:file\:bg-blue-100::-webkit-file-upload-button:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:file\:bg-blue-100::file-selector-button:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:file\:bg-purple-100::-webkit-file-upload-button:hover{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.hover\:file\:bg-purple-100::file-selector-button:hover{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.focus\:border-\[\#118AB2\]:focus{--tw-border-opacity:1;border-color:#118ab2;border-color:rgb(17 138 178/var(--tw-border-opacity,1))}.focus\:border-\[\#14A5D5\]:focus{--tw-border-opacity:1;border-color:#14a5d5;border-color:rgb(20 165 213/var(--tw-border-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:#0000}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-0: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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;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)}.focus\:ring-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[\#118AB2\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(17 138 178/var(--tw-ring-opacity,1))}.focus\:ring-\[\#118AB2\]\/20:focus{--tw-ring-color:#118ab233}.focus\:ring-\[\#14A5D5\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 165 213/var(--tw-ring-opacity,1))}.focus\:ring-\[\#14A5D5\]\/30:focus{--tw-ring-color:#14a5d54d}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-blue-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.focus\:ring-green-500\/20:focus{--tw-ring-color:#22c55e33}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-red-500\/20:focus{--tw-ring-color:#ef444433}.focus\:ring-secondary-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(244 159 28/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-95:active,.active\:scale-\[0\.98\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.disabled\:bg-gray-300:disabled{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.disabled\:bg-gray-400:disabled{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:scale-100:hover:disabled{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:hidden{display:none}.group:hover .group-hover\:w-full{width:100%}.group:hover .group-hover\:-translate-x-1{--tw-translate-x:-0.25rem}.group:hover .group-hover\:-translate-x-1,.group:hover .group-hover\:-translate-y-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-2{--tw-translate-y:-0.5rem}.group:hover .group-hover\:-translate-y-3{--tw-translate-y:-0.75rem}.group:hover .group-hover\:-translate-y-3,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:translate-y-0{--tw-translate-y:0px}.group:hover .group-hover\:rotate-12,.group:hover .group-hover\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-12{--tw-rotate:12deg}.group:hover .group-hover\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.group:hover .group-hover\:scale-100,.group:hover .group-hover\:scale-105{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-110,.group:hover .group-hover\:scale-\[1\.02\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}.group:hover .group-hover\:scale-\[1\.03\]{--tw-scale-x:1.03;--tw-scale-y:1.03}.group:hover .group-hover\:scale-\[1\.03\],.group:hover .group-hover\:scale-x-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-x-100{--tw-scale-x:1}.group:hover .group-hover\:border-\[\#FFD166\]\/50{border-color:#ffd16680}.group:hover .group-hover\:bg-\[\#14A5D5\]{--tw-bg-opacity:1;background-color:#14a5d5;background-color:rgb(20 165 213/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-\[\#FFD166\]{--tw-bg-opacity:1;background-color:#ffd166;background-color:rgb(255 209 102/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-\[\#FFD166\]\/20{background-color:#ffd16633}.group:hover .group-hover\:bg-black\/20{background-color:#0003}.group:hover .group-hover\:bg-secondary-500{--tw-bg-opacity:1;background-color:#f49f1c;background-color:rgb(244 159 28/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-white\/30{background-color:#ffffff4d}.group:hover .group-hover\:bg-white\/40{background-color:#fff6}.group:hover .group-hover\:bg-opacity-20{--tw-bg-opacity:0.2}.group:hover .group-hover\:bg-opacity-30{--tw-bg-opacity:0.3}.group:hover .group-hover\:bg-opacity-50{--tw-bg-opacity:0.5}.group:hover .group-hover\:from-black\/60{--tw-gradient-from:#0009 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-black\/70{--tw-gradient-from:#000000b3 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-black\/80{--tw-gradient-from:#000c var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:via-black\/10{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0000001a var(--tw-gradient-via-position),var(--tw-gradient-to)}.group:hover .group-hover\:via-black\/20{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0003 var(--tw-gradient-via-position),var(--tw-gradient-to)}.group:hover .group-hover\:via-black\/40{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0006 var(--tw-gradient-via-position),var(--tw-gradient-to)}.group:hover .group-hover\:to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.group:hover .group-hover\:text-\[\#0A526A\]{--tw-text-opacity:1;color:#0a526a;color:rgb(10 82 106/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-\[\#118AB2\]{--tw-text-opacity:1;color:#118ab2;color:rgb(17 138 178/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-\[\#14A5D5\]{--tw-text-opacity:1;color:#14a5d5;color:rgb(20 165 213/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-\[\#FFD166\]{--tw-text-opacity:1;color:#ffd166;color:rgb(255 209 102/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-secondary-200{--tw-text-opacity:1;color:#fbdf9b;color:rgb(251 223 155/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white\/80{color:#fffc}.group:hover .group-hover\:text-white\/90{color:#ffffffe6}.group:hover .group-hover\:opacity-10{opacity:.1}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-95{opacity:.95}.group:hover .group-hover\:shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.group:hover .group-hover\:shadow-2xl,.group:hover .group-hover\:shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.group:hover .group-hover\:grayscale-0{--tw-grayscale:grayscale(0);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)}.peer:checked~.peer-checked\:bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{--tw-translate-x:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1));content:var(--tw-content)}.peer:focus~.peer-focus\:outline-none{outline:2px solid #0000;outline-offset:2px}.peer:focus~.peer-focus\:ring-4{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus~.peer-focus\:ring-blue-300{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1))}.peer:focus~.peer-focus\:ring-purple-300{--tw-ring-opacity:1;--tw-ring-color:rgb(216 180 254/var(--tw-ring-opacity,1))}@media not all and (min-width:1024px){.max-lg\:p-0{padding:0}}@media (min-width:640px){.sm\:bottom-8{bottom:2rem}.sm\:left-6{left:1.5rem}.sm\:right-6{right:1.5rem}.sm\:right-8{right:2rem}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:mb-10{margin-bottom:2.5rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mb-16{margin-bottom:4rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-20{margin-bottom:5rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:ml-3{margin-left:.75rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-2{margin-top:.5rem}.sm\:mt-20{margin-top:5rem}.sm\:mt-3{margin-top:.75rem}.sm\:mt-6{margin-top:1.5rem}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-12{height:3rem}.sm\:h-20{height:5rem}.sm\:h-5{height:1.25rem}.sm\:h-96{height:24rem}.sm\:h-\[450px\]{height:450px}.sm\:h-\[48px\]{height:48px}.sm\:h-\[60vh\]{height:60vh}.sm\:h-\[95vh\]{height:95vh}.sm\:h-auto{height:auto}.sm\:max-h-\[700px\]{max-height:700px}.sm\:w-10{width:2.5rem}.sm\:w-12{width:3rem}.sm\:w-20{width:5rem}.sm\:w-48{width:12rem}.sm\:w-5{width:1.25rem}.sm\:w-96{width:24rem}.sm\:w-\[320px\]{width:320px}.sm\:w-auto{width:auto}.sm\:max-w-\[600px\]{max-width:600px}.sm\:columns-2{column-count:2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-3xl{border-radius:1.5rem}.sm\:p-12{padding:3rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.sm\:py-16{padding-bottom:4rem;padding-top:4rem}.sm\:py-20{padding-bottom:5rem;padding-top:5rem}.sm\:py-28{padding-bottom:7rem;padding-top:7rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\:py-8{padding-bottom:2rem;padding-top:2rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pb-16{padding-bottom:4rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pt-16{padding-top:4rem}.sm\:pt-24{padding-top:6rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-7xl{font-size:4.5rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:left-4{left:1rem}.md\:left-6{left:1.5rem}.md\:left-auto{left:auto}.md\:right-4{right:1rem}.md\:right-6{right:1.5rem}.md\:top-6{top:1.5rem}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:mx-0{margin-left:0;margin-right:0}.md\:mb-0{margin-bottom:0}.md\:mb-12{margin-bottom:3rem}.md\:mb-16{margin-bottom:4rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mr-3{margin-right:.75rem}.md\:mr-8{margin-right:2rem}.md\:mt-0{margin-top:0}.md\:mt-12{margin-top:3rem}.md\:mt-6{margin-top:1.5rem}.md\:block{display:block}.md\:h-11{height:2.75rem}.md\:h-2{height:.5rem}.md\:h-20{height:5rem}.md\:h-5{height:1.25rem}.md\:h-80{height:20rem}.md\:h-\[480px\]{height:480px}.md\:h-\[520px\]{height:520px}.md\:w-11{width:2.75rem}.md\:w-2{width:.5rem}.md\:w-5{width:1.25rem}.md\:w-80{width:20rem}.md\:w-\[360px\]{width:360px}.md\:max-w-md{max-width:28rem}.md\:columns-2{column-count:2}.md\:columns-3{column-count:3}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-0{gap:0}.md\:gap-10{gap:2.5rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.md\:rounded-3xl{border-radius:1.5rem}.md\:border-l{border-left-width:1px}.md\:border-t-0{border-top-width:0}.md\:p-2\.5{padding:.625rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.md\:py-16{padding-bottom:4rem;padding-top:4rem}.md\:py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.md\:pb-16{padding-bottom:4rem}.md\:pl-8{padding-left:2rem}.md\:pt-0{padding-top:0}.md\:pt-32{padding-top:8rem}.md\:pt-8{padding-top:2rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:relative{position:relative}.lg\:left-8{left:2rem}.lg\:right-8{right:2rem}.lg\:z-10{z-index:10}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:-mx-8{margin-left:-2rem;margin-right:-2rem}.lg\:mb-16{margin-bottom:4rem}.lg\:mb-20{margin-bottom:5rem}.lg\:mb-24{margin-bottom:6rem}.lg\:mb-28{margin-bottom:7rem}.lg\:mb-8{margin-bottom:2rem}.lg\:ml-4{margin-left:1rem}.lg\:mt-16{margin-top:4rem}.lg\:mt-24{margin-top:6rem}.lg\:mt-4{margin-top:1rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-12{height:3rem}.lg\:h-\[520px\]{height:520px}.lg\:h-\[600px\]{height:600px}.lg\:h-\[630px\]{height:630px}.lg\:h-\[70vh\]{height:70vh}.lg\:w-12{width:3rem}.lg\:w-96{width:24rem}.lg\:w-\[480px\]{width:480px}.lg\:w-\[600px\]{width:600px}.lg\:columns-2{column-count:2}.lg\:columns-3{column-count:3}.lg\:columns-4{column-count:4}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}.lg\:gap-20{gap:5rem}.lg\:gap-32{gap:8rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.lg\:space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.lg\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.lg\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.lg\:p-12{padding:3rem}.lg\:p-16{padding:4rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-20{padding-left:5rem;padding-right:5rem}.lg\:px-24{padding-left:6rem;padding-right:6rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-12{padding-bottom:3rem;padding-top:3rem}.lg\:py-20{padding-bottom:5rem;padding-top:5rem}.lg\:py-24{padding-bottom:6rem;padding-top:6rem}.lg\:py-36{padding-bottom:9rem;padding-top:9rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:py-8{padding-bottom:2rem;padding-top:2rem}.lg\:pb-12{padding-bottom:3rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pb-20{padding-bottom:5rem}.lg\:pt-32{padding-top:8rem}.lg\:pt-48{padding-top:12rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-8xl{font-size:6rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:-mx-12{margin-left:-3rem;margin-right:-3rem}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:h-12{height:3rem}.xl\:h-24{height:6rem}.xl\:w-12{width:3rem}.xl\:min-w-0{min-width:0}.xl\:columns-3{column-count:3}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:gap-10{gap:2.5rem}.xl\:px-20{padding-left:5rem;padding-right:5rem}.xl\:px-24{padding-left:6rem;padding-right:6rem}.xl\:px-28{padding-left:7rem;padding-right:7rem}.xl\:px-4{padding-left:1rem;padding-right:1rem}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:text-2xl{font-size:1.5rem;line-height:2rem}.xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}.xl\:text-7xl{font-size:4.5rem;line-height:1}.xl\:text-8xl{font-size:6rem;line-height:1}}@media (min-width:1536px){.\32xl\:px-24{padding-left:6rem;padding-right:6rem}.\32xl\:text-8xl{font-size:6rem;line-height:1}}.social-share-container{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin:2rem 0;padding:1.5rem}.social-share-label{color:#e8f4f8;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.social-share-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.social-share-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.social-share-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.social-share-btn:active{transform:translateY(0)}.social-share-btn svg{flex-shrink:0;font-size:1.125rem}.social-share-btn span{white-space:nowrap}.social-share-btn.twitter{background:#000}.social-share-btn.twitter:hover{background:#1a1a1a}.social-share-btn.facebook{background:#1877f2}.social-share-btn.facebook:hover{background:#166fe5}.social-share-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.social-share-btn.instagram:hover{opacity:.9}.social-share-btn.tiktok{background:#000}.social-share-btn.tiktok:hover{background:#1a1a1a}.social-share-btn.copy-link{background:#4f92e0cc;border:1px solid #4f92e080}.social-share-btn.copy-link:hover{background:#4f92e0;border-color:#4f92e0cc}.social-share-btn.copy-link.copied{background:#28a745cc;border-color:#28a74580}.social-share-btn.copy-link.copied:hover{background:#28a745;border-color:#28a745cc}@media (max-width:768px){.social-share-container{margin:1.5rem 0;padding:1rem}.social-share-buttons{gap:.5rem}.social-share-btn{font-size:.8125rem;padding:.625rem 1rem}.social-share-btn span{display:none}.social-share-btn svg{font-size:1.25rem}}@media (max-width:480px){.social-share-btn,.social-share-buttons{justify-content:center}.social-share-btn{flex:1 1;min-width:60px}}.cheatsheets-gallery-page{min-height:100vh;padding-top:140px}.cheatsheets-gallery-page .top-nav,.cheatsheets-gallery-page .top-nav.scrolled,.cheatsheets-gallery-page .top-nav:not(.scrolled),.cheatsheets-gallery-page header,.cheatsheets-gallery-page header.scrolled,.cheatsheets-gallery-page header:not(.scrolled),.cheatsheets-gallery-page nav.top-nav,.cheatsheets-gallery-page nav.top-nav.scrolled,.cheatsheets-gallery-page nav.top-nav:not(.scrolled){backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#1e3a5f,#2d5a87 50%,#1e3a5f)!important;background-color:initial!important;border-bottom:1px solid #fff3!important;box-shadow:0 2px 4px #0000001a!important}.cheatsheets-gallery-page .top-nav:not(.scrolled) .mobile-menu-button,.cheatsheets-gallery-page .top-nav:not(.scrolled) .nav-brand a,.cheatsheets-gallery-page .top-nav:not(.scrolled) .nav-links a,.cheatsheets-gallery-page .top-nav:not(.scrolled) .theme-toggle{color:#fff}.gallery-header{background:linear-gradient(135deg,#1e3a5f,#2d5a87 50%,#1e3a5f);border-bottom:1px solid #fff3;padding:3rem 1rem}.gallery-header-content{max-width:1200px;padding-left:0;padding-right:0}.back-button{background:#61dafb1a;border:1px solid #61dafb4d;border-radius:.5rem;display:flex;gap:.5rem;margin-top:4rem;opacity:1;padding:.5rem 1rem;visibility:visible;white-space:nowrap;z-index:10}.back-button:hover{background:#61dafb33;border-color:#61dafb80;transform:translateX(-3px)}.gallery-header-icon{font-size:2rem;height:2.5rem;margin-bottom:.5rem;opacity:0;visibility:hidden}.gallery-header h1{font-size:2.5rem}.gallery-header p{color:#ffffffe6;font-size:1.125rem;max-width:600px}.gallery-container{max-width:1200px;padding:2rem 1rem}.gallery-search-wrapper{flex-wrap:wrap;margin-left:auto;margin-right:auto;max-width:900px}.gallery-search{flex:1 1;min-width:250px;position:relative}.search-icon{color:#fffc;font-size:1.125rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.gallery-search-input{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem .75rem 4rem;transition:all .3s ease;width:100%}.gallery-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1a73e81a;outline:none}.gallery-dropdown-wrapper{flex:1 1;min-width:250px;position:relative}.dropdown-chevron{color:#fffc;font-size:1rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:1}.gallery-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s ease;width:100%}.gallery-dropdown:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1a73e81a;outline:none}.gallery-dropdown option{background-color:#1e3a5ff2;color:#fff;font-size:1rem;padding:.75rem}.gallery-dropdown option:hover{background-color:#4f92e04d}.gallery-dropdown option:checked{background-color:#4f92e080;color:#fff}.category-group{margin-bottom:3rem}.category-title{border-bottom:2px solid #fff3;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.cheatsheets-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cheatsheet-card{border-radius:.75rem;box-shadow:0 4px 12px #0006;padding:1.5rem}.cheatsheet-card,.cheatsheet-card *{color:#fff}.cheatsheet-card:hover{border-color:var(--card-color,var(--primary-color));box-shadow:0 8px 16px #00000026}.card-icon-wrapper{border-radius:.5rem;box-shadow:0 2px 8px #00000026;height:64px;margin-bottom:1rem;min-height:64px;min-width:64px;position:relative;width:64px}.card-icon{align-items:center;display:flex;font-size:1.5rem;height:auto;justify-content:center;line-height:1;margin:0;padding:0;width:auto}.card-content{text-align:center;width:100%}.card-content h3{font-size:1.125rem;margin-bottom:.5rem}.card-category{color:#fffc;font-size:.875rem}.no-results{color:var(--text-secondary);padding:4rem 2rem}.no-results p{font-size:1.125rem}@media (max-width:768px){.gallery-header h1{font-size:2rem}.back-button{margin-bottom:1rem;margin-top:4rem}.gallery-search-wrapper{flex-direction:column}.gallery-dropdown-wrapper,.gallery-search{min-width:100%}.cheatsheets-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cheatsheet-card{padding:1rem}.card-icon-wrapper{height:56px;min-height:56px;min-width:56px;width:56px}.card-icon{font-size:1.4rem}}@media (max-width:480px){.cheatsheets-grid{grid-template-columns:repeat(2,1fr)}}.scroll-to-top-fab{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#118ab2f2,#14a5d5f2);border:1px solid #ffffff38;border-radius:9999px;bottom:calc(env(safe-area-inset-bottom, 0px) + 1.25rem);box-shadow:0 10px 24px #00000059;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;opacity:.82;position:fixed;right:1.25rem;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;width:52px;z-index:1200}.scroll-to-top-fab:hover{box-shadow:0 14px 28px #0006;opacity:.98;transform:translateY(-2px)}.scroll-to-top-fab:active{transform:translateY(0)}.scroll-to-top-fab__icon{font-size:1.1rem}@media (max-width:480px){.scroll-to-top-fab{height:48px;right:1rem;width:48px}}.cheatsheet-content{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:3rem 0 1rem;width:100%}.cheatsheet-content.dark{background:#0000;color:#e8f4f8}.cheatsheet-content.light{background:#0000;color:#1d1d1f}.cheatsheet-header{margin-bottom:2rem;margin-top:0;padding:0}.cheatsheet-title-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.back-to-cheatsheets-button{align-items:center;align-self:flex-start;background:#4f92e026;border:1.5px solid #4f92e066;border-radius:10px;box-shadow:0 2px 4px #4f92e01a;color:#4f92e0;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin:0;padding:.625rem 1.125rem;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.back-to-cheatsheets-button:hover{background:#4f92e040;border-color:#4f92e099;box-shadow:0 4px 8px #4f92e033;transform:translateY(-1px)}.cheatsheet-header h1{color:inherit;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0}.header-meta{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1rem}.header-meta .category,.header-meta .level{border-radius:14px;font-size:.8125rem;font-weight:600;letter-spacing:.01em;padding:.375rem .875rem}.header-meta .level{background:#4f92e040;border:1px solid #4f92e04d;color:#6ba5e8}.header-meta .category{background:#ecc14040;border:1px solid #ecc1404d;color:#f5c85a}.description{color:#e8f4f8f2;font-size:.9375rem;font-weight:400;line-height:1.7;margin:0}.cheatsheet-content.light .description{color:#000000bf}.sections{display:flex;flex-direction:column;gap:1.25rem;padding:0}.content-section{background:#1a2a3f99;border:1.5px solid #ffffff1f;border-radius:14px;box-shadow:0 2px 8px #00000026;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}@media (max-width:768px){.content-section{background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:1.5rem}}.content-section:hover{border-color:#fff3;box-shadow:0 4px 16px #0003}.cheatsheet-content.light .content-section{background:#fff;border-color:#e8e8e8;box-shadow:0 2px 8px #00000014}.cheatsheet-content.light .content-section:hover{border-color:#d1d1d6;box-shadow:0 4px 16px #0000001f}.section-header{align-items:center;background:#0f1b2e4d;cursor:pointer;display:flex;justify-content:space-between;padding:1.125rem 1.25rem;transition:background .2s ease;-webkit-user-select:none;user-select:none}.section-header:hover{background:#ffffff0f}.cheatsheet-content.light .section-header{background:#fafafa}.cheatsheet-content.light .section-header:hover{background:#f5f5f7}.section-title{flex:1 1}.section-title h2{color:inherit;font-size:1.125rem;font-weight:600;letter-spacing:-.01em;line-height:1.5;margin:0}.chevron-icon{color:#e8f4f8cc;flex-shrink:0;height:1.25rem;margin-left:1rem;transition:transform .3s ease;width:1.25rem}.cheatsheet-content.light .chevron-icon{color:#6e6e73}.section-content{padding:0 1.25rem 1.25rem}@media (max-width:768px){.section-content{margin:0;padding:0 0 1rem}}.content-item{background:#0f1b2e66;border:1px solid #ffffff14;border-radius:10px;margin-bottom:1.25rem;padding:1.125rem;transition:all .3s ease}@media (max-width:768px){.content-item{background:#0000;border:none;border-radius:0;margin-bottom:1rem;padding:1rem 0}}.content-item:last-child{margin-bottom:0}.content-item:hover{background:#0f1b2e80;border-color:#ffffff1f}.cheatsheet-content.light .content-item{background:#f8f8f8;border-color:#e8e8e8}.cheatsheet-content.light .content-item:hover{background:#f0f0f0;border-color:#d1d1d6}.item-header{margin-bottom:.875rem}.item-header h3{align-items:center;color:inherit;display:flex;font-size:1rem;gap:.625rem;letter-spacing:-.01em;line-height:1.5;margin:0 0 .625rem}.code-icon{flex-shrink:0;height:1.125rem;width:1.125rem}.item-description-wrap,.item-description-wrap .item-description{margin-bottom:.5rem}.item-description-wrap .item-description:last-child{margin-bottom:0}.item-description{color:#e8f4f8d9;font-size:.875rem;line-height:1.6;margin:0 0 .625rem}.cheatsheet-content.light .item-description{color:#000000b3}.item-notes{align-items:flex-start;background:#ecc14026;border-left:4px solid #ecc140;border-radius:6px;color:#f5c85a;display:flex;font-size:.8125rem;gap:.625rem;line-height:1.5;margin-top:.625rem;padding:.75rem}.item-notes .icon{color:#ecc140;flex-shrink:0;height:1rem;margin-top:.125rem;width:1rem}.grokipedia-links{color:#8ba3b5;font-size:.8125rem;margin-top:.75rem;padding:.5rem 0}.grokipedia-label,.grokipedia-link{margin-right:.5rem}.grokipedia-link{color:#4f92e0;text-decoration:none}.grokipedia-link:hover{text-decoration:underline}.grokipedia-inline-link{color:#4f92e0;text-decoration:none}.grokipedia-inline-link:hover{text-decoration:underline}.cheatsheet-item-image{border:1px solid #ffffff1a;border-radius:10px;margin:1rem 0;max-width:100%;overflow:hidden}.cheatsheet-item-image img{display:block;height:auto;width:100%}.code-block{-webkit-overflow-scrolling:touch;background:#1a1a1a;border:1.5px solid #ffffff1a;border-radius:10px;box-shadow:0 2px 8px #0003;margin:1.25rem 0;overflow-x:auto;overflow-y:hidden;position:relative}.cheatsheet-content.light .code-block{background:#f8f8f8;border-color:#e0e0e0;box-shadow:0 2px 8px #00000014}.code-block pre{word-wrap:normal;font-family:SF Mono,Consolas,Monaco,Courier New,monospace!important;font-size:.8125rem!important;line-height:1.6!important;margin:0!important;overflow-x:auto;overflow-y:hidden;padding:1.125rem!important;white-space:pre;word-break:normal}.code-block code{color:#e8e8e8;font-family:inherit;font-size:inherit}.cheatsheet-content.light .code-block code{color:#1d1d1f}.copy-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2a3ff2;border:1.5px solid #fff3;border-radius:8px;box-shadow:0 2px 4px #0003;color:#e8f4f8;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.5rem .875rem;position:absolute;right:.625rem;top:.625rem;transition:all .2s ease;z-index:10}.copy-button:hover{background:#4f92e040;border-color:#4f92e080;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-1px)}.copy-button.copied{background:#ecc14040;border-color:#ecc14080;color:#f5c85a}.copy-button svg{height:.875rem;width:.875rem}.cheatsheet-content.light .copy-button{background:#fffffffa;border-color:#d1d1d6;box-shadow:0 2px 4px #0000001a;color:#06c}.cheatsheet-content.light .copy-button:hover{background:#fff;border-color:#4f92e0;box-shadow:0 4px 8px #4f92e033}.examples{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.25rem}.example{background:#0f1b2e66;border:1px solid #ffffff14;border-radius:10px;padding:1.125rem}.cheatsheet-content.light .example{background:#f8f8f8;border-color:#e8e8e8}.example h4{color:inherit;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .625rem}.example p{color:#e8f4f8d9;font-size:.8125rem;line-height:1.6;margin:0 0 .875rem}.cheatsheet-content.light .example p{color:#000000b3}.error-container{padding:2rem 1rem;text-align:center}.error-message{font-size:1.125rem;font-weight:600}@media (min-width:768px){.cheatsheet-content{padding-left:1.5rem;padding-right:1.5rem;padding-top:4rem}.cheatsheet-header{margin-bottom:2.5rem}.cheatsheet-title-header{gap:1.25rem;margin-bottom:2rem}.back-to-cheatsheets-button{font-size:.9375rem;padding:.75rem 1.5rem}.cheatsheet-header h1{font-size:2.25rem}.description{font-size:1rem}.sections{gap:1.5rem}.section-header{padding:1.375rem 1.5rem}.section-title h2{font-size:1.25rem}.section-content{padding:0 1.5rem 1.5rem}.content-item{padding:1.375rem}.item-header h3{font-size:1.125rem}.code-block pre{font-size:.875rem!important;padding:1.375rem!important}.copy-button{font-size:.875rem;padding:.625rem 1rem;right:.875rem;top:.875rem}.copy-button svg{height:1rem;width:1rem}}@media (min-width:1280px){.cheatsheet-content{padding-left:5rem;padding-right:5rem;padding-top:5rem}.cheatsheet-header{margin-bottom:3rem}.cheatsheet-title-header{gap:1.5rem;margin-bottom:2.5rem}.back-to-cheatsheets-button{font-size:1rem;padding:.875rem 1.75rem}}@media (min-width:1536px){.cheatsheet-content{padding-left:6rem;padding-right:6rem;padding-top:6rem}.cheatsheet-header{margin-bottom:3.5rem}.cheatsheet-title-header{gap:2rem;margin-bottom:3rem}}.cheatsheet-content *{box-sizing:border-box;max-width:100%}body:has(.cheatsheet-content){overflow-x:hidden}.code-block pre[class*=language-]{font-size:.8125rem!important}@media (min-width:768px){.code-block pre[class*=language-]{font-size:.875rem!important}}.code-block .linenumber{font-size:.75rem;min-width:2rem;padding-right:.875rem}@media (min-width:768px){.code-block .linenumber{font-size:.8125rem;min-width:2.5rem;padding-right:1.125rem}}@media (max-width:1279px){.code-block{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.code-block::-webkit-scrollbar{height:6px}.code-block::-webkit-scrollbar-track{background:#ffffff1a}.code-block::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.code-block::-webkit-scrollbar-thumb:hover{background:#ffffff80}}.cheatsheet-content.dark{--text-primary:#e8f4f8;--text-secondary:#b8d4e3;--text-muted:#8ba3b5}.cheatsheet-content.light{--text-primary:#1d1d1f;--text-secondary:#515154;--text-muted:#86868b}.back-to-cheatsheets-button:focus,.copy-button:focus,.section-header:focus{outline:2px solid #4f92e0;outline-offset:2px}.content-item+.content-item{margin-top:1.5rem}.section-title h2{font-weight:700;margin-bottom:.5rem}.item-header h3{font-weight:600}.copy-button{min-height:36px}.back-to-cheatsheets-button{min-height:40px}.color-psychology-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:2rem 0;padding:1rem}.color-card{border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.color-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.color-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.color-card ul{list-style:none;margin:0;padding:0}.color-card li{font-size:.9rem;padding:.25rem 0}.color-theory-container{margin:0 auto;max-width:1200px;padding:2rem}.color-wheel-section{background:#1a2a3f;border-radius:12px;margin-bottom:3rem;padding:2rem}.color-wheel-wrapper{align-items:center;background:#0f1b2e;border-radius:8px;display:flex;justify-content:center;margin-bottom:2rem;padding:2rem}.relationship-line{pointer-events:none}.relationship-indicator{cursor:pointer;transition:transform .2s ease}.relationship-indicator:hover{transform:scale(1.2)}.relationship-label{pointer-events:none;-webkit-user-select:none;user-select:none}.wheel-controls{background:#0f1b2e;border-radius:8px;justify-content:center;padding:1rem}.wheel-controls,.wheel-controls label{align-items:center;display:flex;gap:1rem}.wheel-controls label{color:#e8f4f8;font-size:1rem}.hue-slider{accent-color:#4f92e0;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);max-width:300px}.hue-value{color:#ecc140;font-family:monospace;font-weight:700;min-width:50px}.color-relationships-section{background:#1a2a3f;border-radius:12px;margin-bottom:3rem;padding:2rem}.relationship-selector{border-bottom:1px solid #2a3f5a;margin-bottom:2rem;padding-bottom:1.5rem}.relationship-selector h3{color:#e8f4f8;font-size:1.5rem;margin-bottom:1rem}.relationship-dropdown{background:#0f1b2e;border:2px solid #2a3f5a;border-radius:8px;color:#e8f4f8;cursor:pointer;font-size:1rem;max-width:300px;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.relationship-dropdown:hover{border-color:#4f92e0}.relationship-dropdown:focus{border-color:#4f92e0;box-shadow:0 0 0 3px #4f92e033;outline:none}.relationship-preview{margin-bottom:2rem}.relationship-preview h4{color:#e8f4f8;font-size:1.2rem;margin-bottom:1.5rem;text-transform:capitalize}.color-swatches{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.color-swatch{background:#0f1b2e;border:1px solid #2a3f5a;border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.color-swatch:hover{box-shadow:0 6px 12px #0003;transform:translateY(-3px)}.swatch-color{align-items:center;border:2px solid #ffffff1a;border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:1rem;position:relative;width:100%}.swatch-number{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #00000080}.swatch-info{display:flex;flex-direction:column;gap:.5rem}.swatch-hex{color:#ecc140;font-family:monospace;font-size:1.1rem;font-weight:700}.swatch-hsl,.swatch-rgb{color:#b8d4e3;font-family:monospace;font-size:.9rem}.copy-swatch-btn{background:#4f92e0;border:none;border-radius:6px;color:#e8f4f8;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem;transition:background .3s ease;width:100%}.copy-swatch-btn:hover{background:#6ba5e8}.relationship-explanation{background:#0f1b2e;border-left:4px solid #4f92e0;border-radius:8px;padding:1.5rem}.relationship-explanation h4{color:#e8f4f8;font-size:1.1rem;margin-bottom:.75rem}.relationship-explanation p{color:#b8d4e3;line-height:1.6;margin:0}.color-modes{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.mode{background:#1a2a3f;border:1px solid #2a3f5a;border-radius:12px;padding:2rem}.mode h4{color:#e8f4f8;font-size:1.3rem;margin-bottom:.5rem}.mode-description{color:#8ba3b5;font-size:.9rem;margin-bottom:1.5rem}.mode-circles{flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.circle,.mode-circles{display:flex;justify-content:center}.circle{align-items:center;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:80px;text-shadow:0 2px 4px #00000080;transition:transform .3s ease;width:80px}.circle:hover{transform:scale(1.1)}.circle.red{background:red}.circle.green{background:#0f0}.circle.blue{background:#00f}.circle.cyan{background:#0ff}.circle.magenta{background:#f0f}.circle.yellow{background:#ff0;color:#000}.circle.black{background:#000}.mode-overlap{align-items:center;display:flex;height:200px;justify-content:center;margin:0 auto;position:relative;width:200px}.overlap-circle{border-radius:50%;height:120px;mix-blend-mode:multiply;opacity:.7;position:absolute;width:120px}.overlap-circle.red{background:red;left:20px;top:20px}.overlap-circle.green{background:#0f0;right:20px;top:20px}.overlap-circle.blue{background:#00f;bottom:20px;left:50%;transform:translateX(-50%)}.overlap-circle.cyan{background:#0ff;left:20px;top:20px}.overlap-circle.magenta{background:#f0f;right:20px;top:20px}.overlap-circle.yellow{background:#ff0;bottom:20px;left:50%;transform:translateX(-50%)}.overlap-result{background:#0000004d;border-radius:8px;color:#e8f4f8;font-size:1.2rem;font-weight:700;padding:.5rem 1rem;position:relative;text-shadow:0 2px 4px #00000080;z-index:10}@media (max-width:768px){.color-psychology-grid{grid-template-columns:1fr}.color-wheel-wrapper{padding:1rem}.color-wheel-svg{max-width:100%}.color-modes,.color-swatches{grid-template-columns:1fr}.mode-circles{justify-content:center}.circle{font-size:1rem;height:60px;width:60px}.mode-overlap{height:150px;width:150px}.overlap-circle{height:80px;width:80px}}.ux-process-diagram{background:#0000;color:#e8f4f8;margin:0 auto;max-width:100%;padding:1.5rem}.process-phases{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.process-phase{background:#1a2a3f99;border:1px solid #ffffff1a;border-left:4px solid;border-radius:12px;padding:1.5rem;transition:all .3s ease}.process-phase:hover{transform:translateX(5px)}.phase-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.phase-title{color:#e8f4f8;font-size:1.5rem;font-weight:700}.phase-tools{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tool-badge{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:12px;color:#b8d4e3;font-size:.875rem;font-weight:500;padding:.375rem .875rem}@media (max-width:768px){.process-phases{gap:1rem}.process-phase{padding:1.5rem}}.interactive-examples{background:#0000;color:#e8f4f8;margin:0 auto;max-width:100%;padding:1.5rem}.device-showcase{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem}.device{border:2px solid #0000;border-radius:12px;cursor:pointer;opacity:.6;padding:1rem;transition:transform .3s ease,opacity .3s ease}.device:hover{opacity:.8;transform:scale(1.05)}.device.active{border-color:#4f92e0;opacity:1;transform:scale(1.1)}.device .screen{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;height:auto;overflow:hidden;padding:.5rem;width:100%}.device .screen img{border-radius:4px;display:block;height:auto;width:100%}.device.mobile .screen{max-width:200px}.device.tablet .screen{max-width:400px}.device.desktop .screen{max-width:600px}.interactive-prototype{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:3rem;padding:1.5rem}.interactive-prototype .screen{background:#0f1b2e;border-radius:8px;min-height:300px;padding:2rem;position:relative}.action-button,.nav-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;margin:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.nav-button{background:#4f92e0;color:#e8f4f8}.nav-button:hover{background:#6ba5e8;transform:translateY(-2px)}.action-button{background:#ecc140;color:#0f1b2e}.action-button:hover{background:#f5c85a;transform:translateY(-2px)}.accessibility-demo{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:3rem;padding:1.5rem}.contrast-example{margin-bottom:2rem}.good-contrast{color:#e8f4f8}.bad-contrast,.good-contrast{background:#0f1b2e;border-radius:8px;margin-bottom:1rem;padding:1rem}.bad-contrast{color:#0f1b2e}.keyboard-nav{display:flex;flex-wrap:wrap;gap:1rem}.focusable{background:#4f92e0;border:none;border-radius:8px;color:#e8f4f8;cursor:pointer;padding:.75rem 1.5rem;transition:all .3s ease}.focusable:focus{outline:3px solid #ecc140;outline-offset:2px}.focusable:hover{background:#6ba5e8;transform:translateY(-2px)}.color-palette{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:3rem;padding:1.5rem}.color-scheme{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.color{border-radius:12px;color:#e8f4f8;cursor:pointer;flex:1 1;min-width:150px;padding:2rem;position:relative;text-align:center;transition:transform .3s ease}.color:hover{transform:scale(1.05)}.color .hex{display:block;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.color .name{display:block;font-size:.9rem;opacity:.9}.color-relationships{display:flex;flex-wrap:wrap;gap:1rem}.analogous,.complementary,.triadic{background:linear-gradient(90deg,#4f92e0,#ecc140);border-radius:8px;flex:1 1;height:100px;min-width:200px}.contrast-checker{background:#1a2a3f;border-radius:12px;margin-bottom:3rem;padding:2rem}.contrast-checker h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.color-picker{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.color-input-group{display:flex;flex-direction:column;gap:.5rem}.color-input-group label{color:#b8d4e3;font-size:.9rem}.color-input-group input[type=color]{background:#0f1b2ecc;border:2px solid #fff3;border-radius:8px;cursor:pointer;height:50px;width:100px}.color-input-group input[type=color]:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.color-hex{font-family:monospace;margin-top:.5rem}.contrast-preview{align-items:center;border-radius:8px;display:flex;justify-content:center;margin-top:1rem;min-height:80px}.contrast-result{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.ratio-display{align-items:center;display:flex;gap:1rem}.ratio-value{color:#ecc140;font-family:monospace;font-size:1.5rem;font-weight:700}.wcag-compliance{margin-top:2rem}.wcag-compliance h4{color:#e8f4f8;font-size:1.2rem;margin-bottom:1rem}.compliance-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.compliance-item{background:#0f1b2e;border:1px solid #2a3f5a;border-radius:8px;padding:1.5rem}.compliance-header{border-bottom:1px solid #2a3f5a;margin-bottom:1rem;padding-bottom:.5rem}.compliance-type{color:#e8f4f8;display:block;font-weight:700;margin-bottom:.25rem}.compliance-note{color:#8ba3b5;display:block;font-size:.85rem}.level{border:1px solid;border-radius:6px;padding:.75rem}.level.pass{background:#4f92e01a;border-color:#4f92e0}.level.fail{background:#ecc1401a;border-color:#ecc140}.level-name{font-weight:700}.level-name,.level-requirement{display:block;margin-bottom:.25rem}.level-requirement{color:#b8d4e3;font-size:.85rem}.level-status{color:#ecc140;display:block;font-size:.9rem;font-weight:500}.text-size-toggle{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:1rem;margin-top:1.5rem;padding:1rem}.text-size-toggle label{align-items:center;color:#b8d4e3;cursor:pointer;display:flex;gap:.5rem}.text-size-toggle input[type=radio]{accent-color:#4f92e0;cursor:pointer}@media (max-width:768px){.interactive-examples{padding:1rem}.color-picker,.color-scheme,.device-showcase{flex-direction:column}.compliance-grid{grid-template-columns:1fr}}.wcag-contrast-checker-container{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.wcag-contrast-checker-container *{box-sizing:border-box}.wcag-header{margin-bottom:2.5rem;text-align:center}.wcag-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.wcag-subtitle{color:#b8d4e3;font-size:1rem;line-height:1.6;margin:0}.wcag-main-content{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:2.5rem;padding:2rem}@media (max-width:768px){.wcag-contrast-checker-container{padding:.25rem}.wcag-header{margin-bottom:1.5rem;padding:0 .5rem}.wcag-header h2{font-size:1.5rem;text-align:left}.wcag-subtitle{text-align:left}.wcag-main-content{background:#0000;border:none;border-radius:0;gap:1.5rem;padding:0}}.color-input-section{display:flex;flex-direction:column;gap:2rem}.color-input-group{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}@media (max-width:768px){.color-input-group{background:#0000;border:none;border-radius:0;padding:1rem 0}}.color-input-group h3{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.input-methods{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.color-picker-wrapper,.hex-input-wrapper,.rgb-input-wrapper{display:flex;flex-direction:column;gap:.75rem}.color-picker-wrapper label,.hex-input-wrapper label,.rgb-input-wrapper label{color:#b8d4e3;font-size:.875rem;font-weight:500}.color-picker{background:#0f1b2ecc;border:2px solid #fff3;border-radius:8px;cursor:pointer;height:60px;transition:all .3s ease;width:100%}.color-picker:hover{border-color:#4f92e0;transform:scale(1.02)}.color-picker:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.hex-input{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-family:Courier New,monospace;font-size:.9375rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.hex-input:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.rgb-inputs{display:flex;gap:.5rem}.rgb-input{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;flex:1 1;font-size:.9375rem;padding:.875rem;text-align:center;transition:all .3s ease}.rgb-input:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.preview-section{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.preview-section h3{color:#e8f4f8;font-size:1.25rem;font-weight:600}.contrast-preview,.preview-section h3{margin-bottom:1.5rem}.text-options{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem}.font-weight-option,.text-size-option{align-items:center;display:flex;gap:.75rem}.font-weight-option label,.text-size-option label{align-items:center;color:#b8d4e3;cursor:pointer;display:flex;font-size:.9375rem;gap:.5rem}.font-weight-option input[type=radio],.text-size-option input[type=radio]{accent-color:#4f92e0;cursor:pointer;height:18px;width:18px}.font-weight-option select{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;cursor:pointer;font-size:.9375rem;padding:.625rem 1rem;transition:all .3s ease}.font-weight-option select:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.results-section{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.contrast-ratio-display{background:#0f1b2e99;border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:center}.ratio-value{align-items:center;display:flex;flex-direction:column;gap:.5rem}.ratio-label{color:#b8d4e3;font-size:1rem;font-weight:500}.ratio-number{color:#ecc140;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.wcag-compliance-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.compliance-card{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.compliance-header{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.compliance-header h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin:0}.compliance-note{color:#b8d4e3;font-size:.875rem;font-style:italic}.compliance-levels{gap:.75rem}.compliance-levels,.level{display:flex;flex-direction:column}.level{border-radius:8px;gap:.5rem;padding:1rem;transition:all .3s ease}.level.pass{background:#4f92e026;border:1px solid #4f92e04d}.level.fail{background:#ecc14026;border:1px solid #ecc1404d}.level-name{color:#e8f4f8;font-size:1rem;font-weight:600}.level-req{color:#b8d4e3;font-size:.875rem}.level-status{font-size:.9375rem;font-weight:600;margin-top:.25rem}.level.pass .level-status{color:#4f92e0}.level.fail .level-status{color:#ecc140}.theory-section{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.theory-toggle{align-items:center;background:#4f92e026;border:1px solid #4f92e04d;border-radius:8px;color:#4f92e0;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.theory-toggle:hover{background:#4f92e040;border-color:#4f92e080;transform:translateY(-2px)}.toggle-icon{font-size:1.5rem;font-weight:300}.theory-content{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.theory-content h4{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.theory-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.theory-card{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.theory-card h5{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.theory-card p{line-height:1.6;margin-bottom:1rem}.theory-card p,.theory-card ul{color:#b8d4e3;font-size:.9375rem}.theory-card ul{line-height:1.8;margin:0;padding-left:1.5rem}.theory-card li{margin-bottom:.5rem}.theory-card strong{color:#e8f4f8}.formula{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;margin-top:1rem;padding:1rem}.formula strong{color:#e8f4f8}.formula code,.formula strong{display:block;margin-bottom:.5rem}.formula code{background:#0000004d;border-radius:4px;color:#ecc140;font-family:Courier New,monospace;font-size:.875rem;padding:.5rem}.examples-section{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.examples-section h5{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.example-item{display:flex;flex-direction:column;gap:.75rem}.example-preview{align-items:center;border:2px solid #ffffff1a;border-radius:8px;display:flex;justify-content:center;min-height:60px;text-align:center}.example-item p{color:#b8d4e3;font-family:Courier New,monospace;font-size:.875rem;margin:0;text-align:center}@media (max-width:1024px){.input-methods{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.theory-grid,.wcag-compliance-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.wcag-contrast-checker-container{padding:.25rem}.wcag-header{margin-bottom:1.5rem;padding:0 .5rem}.wcag-header h2{font-size:1.5rem;text-align:left}.wcag-subtitle{text-align:left}.wcag-main-content{background:#0000;border:none;border-radius:0;gap:1.5rem;padding:0}.color-input-group,.preview-section,.results-section,.theory-section{background:#0000;border:none;border-radius:0;padding:1rem 0}.input-methods{gap:1.25rem;grid-template-columns:1fr}.rgb-inputs{gap:.5rem}.text-options{gap:.875rem}.wcag-compliance-grid{gap:1.25rem;grid-template-columns:1fr}.ratio-number{font-size:2rem}.theory-grid{gap:1.25rem;grid-template-columns:1fr}.examples-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:480px){.wcag-contrast-checker-container{padding:.5rem}.wcag-header h2{font-size:1.25rem}.color-input-group,.preview-section,.results-section,.theory-section{padding:1.25rem}.color-picker{height:50px}.hex-input,.rgb-input{padding:.75rem}.ratio-number{font-size:1.75rem}.examples-grid{grid-template-columns:1fr}}.device-mockups-container{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.125rem;width:100%}.device-mockups-container *{box-sizing:border-box}.device-mockups-header{margin-bottom:2.5rem;text-align:center}.device-mockups-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.device-mockups-header p{color:#b8d4e3;font-size:1rem;line-height:1.6;margin:0}.device-controls{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2rem}@media (max-width:768px){.device-controls{background:#0000;border:none;border-radius:0;margin-bottom:1.5rem;padding:1rem 0}}.device-selector{display:flex;flex-direction:column;gap:1rem}.device-selector h3{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.device-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.device-btn{align-items:center;background:#0f1b2e99;border:2px solid #4f92e04d;border-radius:8px;color:#b8d4e3;cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.375rem;margin:0;min-width:130px;padding:.875rem 1.25rem;text-align:center;transition:all .3s ease}.device-btn:hover{background:#4f92e01a;border-color:#4f92e080;transform:translateY(-2px)}.device-btn.active{background:#4f92e040;border-color:#4f92e0;color:#4f92e0}.device-icon{font-size:1.75rem;line-height:1}.device-name{font-size:.9375rem;font-weight:600}.device-size{font-family:Courier New,monospace;font-size:.8125rem;opacity:.9}.custom-size-controls{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.custom-size-controls h3{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.dimension-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.dimension-input{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:150px}.dimension-input label{color:#b8d4e3;font-size:.875rem;font-weight:500}.dimension-input input{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.dimension-input input:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.orientation-btn{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;height:-webkit-fit-content;height:fit-content;margin:0;padding:.875rem 1.5rem;transition:all .3s ease;white-space:nowrap}.orientation-btn:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.device-controls-options{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.toggle-btn{align-items:center;background:#0f1b2e99;border:2px solid #4f92e04d;border-radius:8px;color:#b8d4e3;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;margin:0;padding:.75rem 1.25rem;transition:all .3s ease}.toggle-btn:hover{background:#4f92e01a;border-color:#4f92e080;color:#e8f4f8}.toggle-btn.active{background:#4f92e040;border-color:#4f92e0;color:#4f92e0;font-weight:600}.device-info{grid-gap:1rem;background:#0000;border:none;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0}.info-item{flex-direction:column}.info-label,.info-value{font-weight:500}.info-value{align-items:center;background:#0f1b2ecc;border:1px solid #fff3;border-radius:6px;color:#e8f4f8;display:flex;font-family:Courier New,monospace;min-height:40px;padding:.75rem 1rem}.measurements-panel{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:2rem}@media (max-width:768px){.measurements-panel{background:#0000;border:none;border-radius:0;margin-bottom:1.5rem;padding:1rem 0}}.measurements-panel h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.measurements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.measurement-group{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:.875rem;padding:1.25rem}@media (max-width:768px){.measurement-group{background:#0000;border:none;border-bottom:1px solid #ffffff0d;border-radius:0;padding:1rem 0}.measurement-group:last-child{border-bottom:none}}.measurement-group h4{border-bottom:1px solid #ffffff1a;color:#e8f4f8;font-size:1rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.75rem}.measurement-item{align-items:center;display:flex;gap:.75rem;justify-content:space-between;padding:.5rem 0}.measurement-name{color:#b8d4e3;flex:1 1;font-size:.875rem;line-height:1.4}.measurement-value{background:#0f1b2ecc;border:1px solid #fff3;border-radius:6px;color:#e8f4f8;flex-shrink:0;font-family:Courier New,monospace;font-size:.875rem;font-weight:500;min-width:60px;padding:.5rem .75rem;text-align:right;white-space:nowrap}.device-preview-area{align-items:flex-start;background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:center;margin-bottom:2rem;min-height:700px;overflow:auto;padding:250px 2rem;position:relative}@media (max-width:768px){.device-preview-area{background:#0000;border:none;border-radius:0;margin-bottom:1.5rem;padding:1rem .125rem}}.device-frame{border-radius:0;box-shadow:none;margin:0 auto;min-height:667px;min-width:375px;padding:0}.device-frame,.device-screen{background:#0000;overflow:visible;position:relative;z-index:1}.device-screen{border:none;border-radius:0;height:100%;width:100%}.device-bezel{display:none}.device-notch{background:#0009;border-radius:4px;height:6px;width:120px}.mockup-content{background:#0000;height:100%;min-height:667px;position:relative;width:100%}.grid-overlay{height:100%;left:0;opacity:.7;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.grid-column{border-right:1.5px dashed #4f92e099;position:absolute}.grid-line{background:repeating-linear-gradient(180deg,#0000,#0000 8px,#4f92e01a 0,#4f92e01a 16px);border-right:1.5px dashed #4f92e080;height:100%;width:100%}.measurement-annotations{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.measurement-line{cursor:pointer;pointer-events:none;position:absolute;transition:all .3s ease;z-index:4}.measurement-line>*{pointer-events:all}.measurement-line.horizontal:before{content:"";cursor:pointer;inset:-12px -20px;position:absolute;z-index:3}.measurement-line.vertical:before{content:"";cursor:pointer;inset:-30px -40px;position:absolute;z-index:3}.measurement-line.vertical.gutter{background:#28a7452e;border:2px dashed #28a745e6;border-radius:6px;left:calc(50% - 35px)!important;pointer-events:none;transform:translateX(0)!important;width:70px!important}.measurement-line.vertical.gutter>*{pointer-events:all}.measurement-line.vertical.gutter:before{inset:-20px -25px}.header-clickable-area{height:76px!important;height:calc(var(--header-h, 56px) + 20px)!important;margin-top:-10px}.footer-clickable-area{height:76px!important;height:calc(var(--footer-h, 56px) + 20px)!important;margin-bottom:-10px}.header-clickable-area{cursor:pointer;pointer-events:all;transition:all .3s ease}.header-clickable-area:hover{background:#4f92e01a;outline:2px dashed #4f92e080}.header-clickable-area.clicked{background:#4f92e026;outline:2px solid #4f92e0cc}.measurement-line.horizontal.header-line .measurement-tooltip.header-tooltip{left:50%;top:-180px;transform:translateX(-50%)}.header-clickable-area .measurement-tooltip.header-area-tooltip{left:50%;top:-220px;transform:translateX(-50%)}.measurement-line.horizontal{background:#0000;border-top:2px dashed #dc3545cc}.measurement-line.vertical{background:#0000;border-left:2px dashed #dc3545cc}.measurement-line.hovered{border-color:#dc3545;border-width:3px;box-shadow:0 0 8px #dc354580}.measurement-line.clicked{border-color:#dc3545;border-width:3px;box-shadow:0 0 12px #dc3545b3}.measurement-label{background:#ecc140fa;border-radius:5px;box-shadow:0 2px 6px #0000004d;color:#1a2a3f;display:block;font-size:.75rem;font-weight:700;opacity:1;padding:.375rem .625rem;pointer-events:none;position:absolute;visibility:visible;white-space:nowrap;z-index:10}.measurement-line.horizontal .measurement-label.header-label{left:50%;top:-32px;transform:translateX(-50%)}.measurement-line.horizontal .measurement-label.footer-label{bottom:-32px;left:50%;transform:translateX(-50%)}.measurement-line.horizontal .measurement-label.top-label{left:50%;top:-32px;transform:translateX(-50%)}.measurement-line.horizontal .measurement-label.bottom-label{bottom:-32px;left:50%;transform:translateX(-50%)}.measurement-line.vertical .measurement-label.left-label{left:-100px;text-orientation:mixed;top:50%;transform:translateY(-50%);white-space:nowrap;writing-mode:horizontal-tb;z-index:12}.measurement-line.vertical .measurement-label.right-label{right:-100px;text-orientation:mixed;top:50%;transform:translateY(-50%);white-space:nowrap;writing-mode:horizontal-tb;z-index:12}.measurement-line.vertical .measurement-label.gutter-label{background:#28a745fa;color:#fff;left:50%;text-orientation:mixed;top:50%;transform:translate(-50%,-50%);white-space:nowrap;writing-mode:horizontal-tb;z-index:15}.measurement-tooltip{word-wrap:break-word;background:#0f1b2efa;border:2px solid #ecc140b3;border-radius:8px;box-shadow:0 6px 22px #0006,0 1px 4px #0000004d;color:#e8f4f8;display:block;font-size:13.5px;line-height:1.45;max-width:260px;min-width:220px;opacity:1;padding:12px 14px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;visibility:visible;white-space:normal;z-index:1000}.measurement-line.horizontal .measurement-tooltip{left:50%!important;transform:translateX(-50%)!important}.header-clickable-area .measurement-tooltip.header-area-tooltip,.measurement-line.horizontal.header-line .measurement-tooltip.header-tooltip{bottom:auto;top:-210px!important}.footer-clickable-area .measurement-tooltip.footer-area-tooltip,.measurement-line.horizontal.footer-line .measurement-tooltip.footer-tooltip{bottom:-210px!important;top:auto!important}.measurement-line.vertical .measurement-tooltip.left-margin-tooltip{left:-240px;right:auto;top:50%;transform:translateY(-50%)}.measurement-line.vertical .measurement-tooltip.right-margin-tooltip{left:auto;right:-240px;top:50%;transform:translateY(-50%)}.measurement-line.vertical.gutter .measurement-tooltip.gutter-tooltip{left:50%!important;top:50%!important;transform:translate(-50%,-50%) translateY(90px)!important}.measurement-tooltip strong{color:#ecc140;display:block;font-size:1rem;margin-bottom:.5rem}.measurement-tooltip p{color:#b8d4e3;line-height:1.5;margin:.25rem 0}.mockup-body,.mockup-footer,.mockup-header{position:relative;z-index:0}.mockup-nav{align-items:center;display:flex;justify-content:space-between}.mockup-logo{color:#e8f4f8;font-size:.9375rem;font-weight:600}.mockup-menu{display:flex;gap:.375rem}.mockup-menu span{background:#e8f4f8;border-radius:50%;height:4px;width:4px}.mockup-card{background:#4f92e026;border:1px solid #4f92e04d;border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.mockup-card-header{background:#4f92e040;border-radius:8px 8px 0 0;height:50px}.mockup-card-content{color:#b8d4e3;display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;padding:.875rem}.mockup-line{background:#4f92e04d;border-radius:4px;height:8px}.mockup-line.short{width:60%}.mockup-line.medium{width:80%}.mockup-footer{align-items:center;display:flex;justify-content:space-around;padding:.75rem}.mockup-button{background:#4f92e04d;border:2px solid #4f92e080;border-radius:50%}.responsive-breakpoints{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}@media (max-width:768px){.responsive-breakpoints{background:#0000;border:none;border-radius:0;padding:1rem .125rem}}.responsive-breakpoints h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.breakpoint-card{border-radius:8px;text-align:center}.breakpoint-card:hover{border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.breakpoint-icon{font-size:2.5rem;margin-bottom:.75rem}.breakpoint-size{color:#4f92e0;font-family:Courier New,monospace;font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.breakpoint-range{color:#b8d4e3;font-size:.875rem}@media (max-width:1200px){.measurements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.measurements-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.breakpoints-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.device-mockups-container{padding:.125rem}.device-mockups-header{margin-bottom:1.5rem;padding:0 .125rem}.device-mockups-header h2{font-size:1.5rem;text-align:left}.device-mockups-header p{text-align:left}.device-controls{background:#0000;border:none;border-radius:0;gap:1.25rem;margin-bottom:1.5rem;padding:1rem .125rem}.device-selector h3{font-size:1rem;text-align:left}.device-buttons{-webkit-overflow-scrolling:touch;flex-direction:row;gap:.5rem;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.device-buttons::-webkit-scrollbar{display:none}.device-btn{flex-shrink:0;min-width:110px;padding:.75rem 1rem}.device-icon{font-size:1.5rem}.device-name{font-size:.875rem}.device-size{font-size:.75rem}.custom-size-controls{background:#0000;border:none;padding:1rem .125rem}.dimension-inputs{flex-direction:column}.dimension-input{min-width:100%}.device-controls-options{flex-direction:row;flex-wrap:wrap;gap:.5rem}.toggle-btn{flex:1 1;justify-content:center;min-width:140px}.device-info{background:#0000;border:none;gap:.875rem;grid-template-columns:1fr;padding:0 .125rem}.measurements-panel{background:#0000;border:none;padding:1rem .125rem}.measurements-panel h3{font-size:1.25rem;margin-bottom:1.25rem;text-align:left}.measurements-grid{gap:1.25rem;grid-template-columns:1fr}.measurement-group{background:#0000;border:none;border-bottom:1px solid #ffffff0d;padding:1rem .125rem}.measurement-group:last-child{border-bottom:none}.device-preview-area{align-items:flex-start;background:#0000;border:none;border-radius:0;margin-bottom:1.5rem;overflow:auto;padding:200px .125rem}.device-frame{max-width:100%;min-height:533px;min-width:300px;transform:scale(.92)!important;transform-origin:top center}.device-frame,.device-screen{overflow:visible}.measurement-label{font-size:11px;min-width:60px;padding:4px 8px;text-align:center}.measurement-line.vertical .measurement-label.left-label,.measurement-line.vertical .measurement-label.right-label{font-size:10.5px;left:-90px;padding:4px 8px;right:-90px;writing-mode:horizontal-tb}.measurement-line.horizontal .measurement-label{bottom:-28px;top:-28px}.measurement-tooltip{font-size:12.5px;max-width:220px;padding:10px 12px}.measurement-line.horizontal .measurement-tooltip,.measurement-line.horizontal.header-line .measurement-tooltip{top:-160px!important}.measurement-line.horizontal.footer-line .measurement-tooltip{bottom:-160px!important}.header-clickable-area .measurement-tooltip.header-area-tooltip{top:-160px!important}.footer-clickable-area .measurement-tooltip.footer-area-tooltip{bottom:-160px!important}.responsive-breakpoints{background:#0000;border:none;padding:1rem .125rem}.responsive-breakpoints h3{font-size:1.25rem;margin-bottom:1.25rem;text-align:left}.breakpoints-grid{gap:1.25rem;grid-template-columns:1fr}}@media (max-width:480px){.device-mockups-container{padding:.125rem}.device-mockups-header{padding:0 .125rem}.device-mockups-header h2{font-size:1.25rem;text-align:left}.device-mockups-header p{text-align:left}.device-btn{min-width:100px;padding:.625rem .875rem}.device-icon{font-size:1.25rem}.device-name{font-size:.8125rem}.device-size{font-size:.6875rem}.dimension-input input{padding:.75rem}.measurement-group{padding:.875rem .125rem}.measurement-item{align-items:flex-start;flex-direction:column;gap:.375rem}.measurement-value{text-align:left;width:100%}.device-preview-area{align-items:flex-start;min-height:500px;overflow:auto;padding:180px .125rem}.device-frame{min-height:497px;min-width:280px;transform:scale(.75)}.measurement-label{font-size:.625rem;padding:.2rem .4rem}.measurement-line.vertical .measurement-label.left-label{left:-50px;writing-mode:horizontal-tb}.measurement-line.vertical .measurement-label.right-label{right:-50px;writing-mode:horizontal-tb}.measurement-line.horizontal .measurement-label{bottom:-20px;top:-20px}.measurement-tooltip{font-size:.75rem;max-width:220px;min-width:160px;padding:.75rem}.measurement-line.vertical .measurement-tooltip.left-margin-tooltip{left:-200px}.measurement-line.vertical .measurement-tooltip.right-margin-tooltip{right:-200px}.measurement-line.horizontal.footer-line .measurement-tooltip.footer-tooltip{bottom:-160px}.measurement-line.horizontal.header-line .measurement-tooltip.header-tooltip{top:-160px}.header-clickable-area .measurement-tooltip.header-area-tooltip{top:-180px}.footer-clickable-area .measurement-tooltip.footer-area-tooltip{bottom:-180px}}.interactive-prototype-container{background:#0000;color:#e8f4f8;margin:0 auto;max-width:100%;padding:1.5rem}.interactive-prototype-container *{box-sizing:border-box}.prototype-header-section{margin-bottom:2.5rem;text-align:center}.prototype-header-section h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.prototype-header-section p{color:#b8d4e3;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.flow-toggle-btn{background:#4f92e0;border:1px solid #2b6cb0;border-radius:8px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.9375rem;font-weight:600;margin:0 auto;padding:.875rem 2rem;text-align:center;transition:all .3s ease}.flow-toggle-btn:hover{background:#6ba5e8;border-color:#3b7fc8;box-shadow:0 6px 8px #0000004d;transform:translateY(-2px)}.flow-toggle-btn:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.prototype-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem;padding:2rem}.prototype-screen-container{display:flex;flex-direction:column;gap:1rem}.screen-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.screen-header h3{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin:0}.screen-indicator{background:#0f1b2e99;border-radius:6px;color:#b8d4e3;font-size:.875rem;padding:.5rem 1rem}.prototype-frame{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;min-height:500px;overflow:hidden;padding:1rem}.prototype-screen{background:#0f1b2e99;border-radius:8px;display:flex;flex-direction:column;height:100%;min-height:500px;overflow:hidden;width:100%}.prototype-header{align-items:center;background:#4f92e033;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.prototype-header h1{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin:0}.prototype-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.prototype-footer{align-items:center;background:#4f92e033;border-top:1px solid #ffffff1a;display:flex;justify-content:space-around;padding:1rem 1.5rem}.prototype-btn{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;margin:0;padding:.75rem 1.5rem;transition:all .3s ease}.prototype-btn:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.prototype-btn.primary{background:#4f92e0}.prototype-btn.large{font-size:1rem;padding:1rem 2rem}.back-btn{background:#0f1b2e99;border:1px solid #fff3;border-radius:6px;color:#b8d4e3;cursor:pointer;font-size:.875rem;margin:0;padding:.625rem 1rem;transition:all .3s ease}.back-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#e8f4f8}.footer-btn{background:#0000;border:1px solid #fff3;border-radius:6px;color:#b8d4e3;cursor:pointer;font-size:.875rem;margin:0;padding:.75rem 1rem;transition:all .3s ease}.footer-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#e8f4f8}.prototype-card{background:#4f92e01a;border:1px solid #4f92e033;border-radius:8px;cursor:pointer;padding:1rem;transition:all .3s ease}.prototype-card:hover{border-color:#4f92e066;box-shadow:0 4px 12px #4f92e033;transform:translateY(-2px)}.card-image{background:#4f92e033;border-radius:6px;height:150px;margin-bottom:.75rem;width:100%}.card-content h3{color:#e8f4f8;font-size:1rem;margin:0 0 .5rem}.card-content p{color:#b8d4e3;font-size:.875rem;margin:0}.menu-item{align-items:center;background:#4f92e01a;border:1px solid #4f92e033;border-radius:8px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.menu-item:hover{background:#4f92e033;transform:translateX(4px)}.menu-icon{font-size:1.5rem}.menu-text{color:#e8f4f8;flex:1 1;font-size:1rem;font-weight:500}.menu-arrow{color:#b8d4e3;font-size:1.25rem}.product-image-large{background:#4f92e033;border-radius:8px;height:300px;margin-bottom:1rem;width:100%}.product-info h2{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.product-price{color:#4f92e0;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.product-description{color:#b8d4e3;font-size:.9375rem;line-height:1.6;margin:0 0 1.5rem}.cart-item{align-items:center;background:#4f92e01a;border:1px solid #4f92e033;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.cart-item-image{background:#4f92e033;border-radius:6px;flex-shrink:0;height:80px;width:80px}.cart-item-info{flex:1 1}.cart-item-info h3{color:#e8f4f8;font-size:1rem;font-weight:600;margin:0 0 .5rem}.cart-item-info p{color:#4f92e0;font-size:1rem;font-weight:600;margin:0}.remove-btn{align-items:center;background:#dc354533;border:1px solid #dc35454d;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;margin:0;transition:all .3s ease;width:32px}.remove-btn:hover{background:#dc35454d;border-color:#dc354580}.cart-total{background:#4f92e01a;border:1px solid #4f92e033;border-radius:8px;padding:1.5rem;text-align:center}.cart-total p{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{color:#b8d4e3;font-size:.875rem;font-weight:500}.form-group input,.form-group select{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.success-icon{align-items:center;background:#4f92e033;border:3px solid #4f92e0;border-radius:50%;color:#4f92e0;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-screen .prototype-content{text-align:center}.success-screen h1{color:#e8f4f8;font-size:2rem;font-weight:700;margin:0 0 .75rem}.success-screen p{color:#b8d4e3;font-size:1rem;margin:0 0 1.5rem}.search-input{margin-bottom:1rem;padding:1rem}.search-results{display:flex;flex-direction:column;gap:.5rem}.result-item{background:#4f92e01a;border:1px solid #4f92e033;border-radius:8px;color:#e8f4f8;cursor:pointer;padding:1rem;transition:all .3s ease}.result-item:hover{background:#4f92e033;transform:translateX(4px)}.profile-avatar{background:#4f92e033;border:3px solid #4f92e066;border-radius:50%;height:100px;margin:0 auto 1rem;width:100px}.profile-screen .prototype-content{text-align:center}.profile-screen h2{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.settings-item{align-items:center;background:#4f92e01a;border:1px solid #4f92e033;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.settings-item span{color:#e8f4f8;font-size:.9375rem;font-weight:500}.settings-item input[type=checkbox]{accent-color:#4f92e0;cursor:pointer;height:20px;width:20px}.settings-item select{background:#0f1b2ecc;border:1px solid #fff3;border-radius:6px;color:#e8f4f8;cursor:pointer;padding:.5rem 1rem}.help-item{background:#4f92e01a;border:1px solid #4f92e033;border-radius:8px;cursor:pointer;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.help-item:hover{background:#4f92e033;transform:translateY(-2px)}.help-item h3{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.help-item p{color:#b8d4e3;font-size:.9375rem;margin:0}.user-flow-diagram{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.user-flow-diagram h3{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.flow-nodes{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.flow-node{background:#4f92e01a;border:2px solid #4f92e04d;border-radius:8px;color:#b8d4e3;cursor:pointer;font-size:.875rem;padding:1rem;text-align:center;transition:all .3s ease}.flow-node:hover{background:#4f92e033;border-color:#4f92e080;color:#e8f4f8}.flow-node.active{background:#4f92e040;border-color:#4f92e0;color:#4f92e0;font-weight:600}.flow-connections{border-top:1px solid #ffffff1a;padding-top:1rem;text-align:center}.flow-connections p{color:#b8d4e3;font-size:.875rem;margin:0}.prototype-navigation{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.prototype-navigation h3{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.nav-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.nav-btn{background:#0f1b2e99;border:1px solid #fff3;border-radius:6px;color:#b8d4e3;cursor:pointer;font-size:.875rem;font-weight:500;margin:0;padding:.75rem 1.25rem;transition:all .3s ease}.nav-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#e8f4f8}.nav-btn.active{background:#4f92e0;border-color:#4f92e0;color:#fff}@media (max-width:1024px){.flow-nodes{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.interactive-prototype-container{padding:.75rem}.prototype-header-section{margin-bottom:1.5rem}.prototype-header-section h2{font-size:1.5rem}.flow-toggle-btn{font-size:.875rem;max-width:100%;padding:.75rem 1.5rem;width:100%}.prototype-main{background:#0000;border:none;gap:1.5rem;padding:0}.prototype-frame{background:#0f1b2e99;border:1px solid #ffffff14;min-height:400px;padding:.75rem}.prototype-header{padding:.875rem 1rem}.prototype-header h1{font-size:1.25rem}.prototype-content{padding:1rem}.prototype-footer{padding:.875rem 1rem}.user-flow-diagram{background:#0f1b2e99;border:1px solid #ffffff14;padding:1.25rem}.flow-nodes{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.flow-node{font-size:.8125rem;padding:.75rem}.prototype-navigation{background:#0000;border:none;padding:0}.nav-buttons{flex-direction:column}.nav-btn{width:100%}}@media (max-width:480px){.interactive-prototype-container{padding:.5rem}.prototype-header-section h2{font-size:1.25rem}.flow-toggle-btn{font-size:.8125rem;padding:.625rem 1.25rem}.prototype-frame{min-height:350px}.prototype-footer,.prototype-header{padding:.75rem}.prototype-content{padding:.875rem}.flow-nodes{grid-template-columns:1fr}}.interactive-color-theory{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-color-theory *{box-sizing:border-box}.color-theory-header{margin-bottom:2.5rem;text-align:center}.color-theory-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.color-theory-header p{color:#b8d4e3;font-size:1rem;margin:0}.color-theory-tabs{border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.color-theory-tabs::-webkit-scrollbar{display:none}.color-theory-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;flex-shrink:0;font-size:.9375rem;font-weight:500;margin-bottom:-2px;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.color-theory-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.color-theory-tabs .tab.active{background:#4f92e026;border-bottom-color:#4f92e0;color:#4f92e0}.color-theory-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}@media (max-width:768px){.color-theory-main{background:#0000;border:none;border-radius:0;padding:0}}.color-info-panel{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr;margin-bottom:2rem}.current-color-display{align-items:center;background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:center;min-height:300px;padding:2rem;position:relative}@media (max-width:768px){.current-color-display{background:#0000;border:none;border-radius:0;min-height:200px;padding:1.5rem 0}}.color-value{background:#0f1b2ee6;border-radius:8px;max-width:100%;padding:1.5rem;text-align:center;width:100%}.format-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.format-selector button{background:#0f1b2ecc;border:1px solid #fff3;border-radius:6px;color:#b8d4e3;cursor:pointer;font-size:.875rem;font-weight:500;margin:0;padding:.625rem 1.25rem;transition:all .3s ease}.format-selector button:hover{background:#ffffff1a;border-color:#ffffff4d}.format-selector button.active{background:#4f92e0;border-color:#4f92e0;color:#fff}.color-code{background:#0f1b2e99;border-radius:6px;color:#e8f4f8;font-family:Courier New,monospace;font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding:.75rem}.copy-btn{font-size:.9375rem;margin:0;padding:.75rem 1.5rem;width:100%}.color-properties{gap:1.5rem}.color-properties,.property-item{display:flex;flex-direction:column}.property-item{gap:.75rem}.property-item label{color:#b8d4e3;font-size:.9375rem;font-weight:500}.property-item input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,red 0,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red);border-radius:4px;height:8px;outline:none;width:100%}.property-item input[type=range]:not(.hue-slider){background:#0f1b2ecc}.property-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #4f92e0;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:20px;width:20px}.property-item input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #4f92e0;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:20px;width:20px}.property-item span{color:#e8f4f8;font-size:.9375rem;font-weight:600;text-align:right}.color-meta{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.meta-item{align-items:center;display:flex;gap:.75rem}.meta-item strong{color:#b8d4e3;font-size:.9375rem}.temp{border-radius:20px;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.temp.warm{background:#f803;border:1px solid #ff88004d;color:#f80}.temp.cool{background:#08f3;border:1px solid #0088ff4d;color:#08f}.wheel-tab{display:flex;flex-direction:column;gap:2rem;width:100%}.wheel-layout-wrapper{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr;width:100%}.wheel-controls-panel{box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;width:100%}.wheel-controls-panel .current-color-display{align-items:center;background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:center;min-height:300px;padding:2rem;position:relative;width:100%}.wheel-controls-panel .color-value{background:#0f1b2ee6;border-radius:8px;max-width:100%;padding:1.5rem;text-align:center;width:100%}.wheel-controls-panel .color-properties{display:flex;flex-direction:column;gap:1.5rem;width:100%}.wheel-controls-panel .color-meta{border-top:1px solid #ffffff1a;margin-top:0;padding-top:1rem;width:100%}.wheel-display-panel{box-sizing:border-box;flex-direction:column;gap:1.5rem;justify-content:flex-start}.wheel-container,.wheel-display-panel{align-items:center;display:flex;width:100%}.wheel-container{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;min-height:400px;padding:2rem}.color-wheel-svg{cursor:crosshair;height:auto;max-width:100%}.color-segment{cursor:pointer;transition:opacity .2s ease}.color-segment:hover{opacity:.8}.color-indicator{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));pointer-events:none}.wheel-instructions{color:#b8d4e3;font-size:.875rem;text-align:center;width:100%}.wheel-instructions p{margin:.25rem 0}@media (max-width:768px){.wheel-layout-wrapper{gap:1.5rem;grid-template-columns:1fr}.wheel-controls-panel .current-color-display{background:#0000;border:none;border-radius:0;min-height:200px;padding:1.5rem 0}.wheel-container{background:#0000;border:none;border-radius:0;min-height:300px;padding:1rem 0}}@media (max-width:480px){.wheel-layout-wrapper{gap:1.25rem}.wheel-controls-panel .current-color-display{padding:1.25rem 0}.wheel-container{min-height:250px;padding:.75rem 0}}.harmony-tab{box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;width:100%}@media (max-width:768px){.harmony-tab{gap:1.5rem;padding:0;width:100%}}.harmony-header{margin-bottom:1rem;margin-left:0;margin-right:0;padding:0}@media (max-width:768px){.harmony-header{margin-bottom:1rem;margin-left:0;margin-right:0;padding:0}}.harmony-header h3{align-items:center;color:#e8f4f8;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.code-icon{color:#4f92e0;font-family:Courier New,monospace}.harmony-description{color:#b8d4e3;font-size:.9375rem;line-height:1.6}.info-icon{margin:0 .25rem}.harmony-content-wrapper{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:1.2fr 1fr;margin:0;padding:0;width:100%}@media (max-width:768px){.harmony-content-wrapper{gap:1rem;grid-template-columns:1fr;margin:0;padding:0;width:100%}}.harmony-left-panel{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;width:100%}@media (max-width:768px){.harmony-left-panel{gap:1rem;padding:0;width:100%}}.color-wheel-panel{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;flex-direction:column;gap:1.5rem;max-height:-webkit-fit-content;max-height:fit-content;padding:2rem}.color-wheel-panel,.wheel-container-large{align-items:center;display:flex;width:100%}.wheel-container-large{flex-shrink:0;justify-content:center}.wheel-container-large .color-wheel-svg{height:auto;max-height:400px;max-width:100%;width:auto}.base-hue-control{display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;width:100%}.base-hue-control label{color:#b8d4e3;font-size:.9375rem;font-weight:500}.hue-slider-wrapper{align-items:center;display:flex;gap:1rem;width:100%}.hue-slider{-webkit-appearance:none;background:linear-gradient(90deg,red 0,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red);border-radius:4px;cursor:pointer;flex:1 1;height:8px;outline:none}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #4f92e0;border-radius:50%;box-shadow:0 0 8px #4f92e099;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.hue-slider::-webkit-slider-thumb:hover{box-shadow:0 0 12px #4f92e0cc;transform:scale(1.1)}.hue-slider::-moz-range-thumb{background:#fff;border:2px solid #4f92e0;border-radius:50%;box-shadow:0 0 8px #4f92e099;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.hue-slider::-moz-range-thumb:hover{box-shadow:0 0 12px #4f92e0cc;transform:scale(1.1)}.hue-value{color:#e8f4f8;font-size:.9375rem;font-weight:600;min-width:40px;text-align:right}@media (max-width:768px){.color-wheel-panel{background:#0000;border:none;border-radius:0;gap:1rem;padding:1rem 0}.wheel-container-large .color-wheel-svg{max-height:300px}}@media (max-width:480px){.color-wheel-panel{gap:.75rem;padding:.75rem 0}.wheel-container-large .color-wheel-svg{max-height:250px}}.harmony-right-panel{box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;margin:0;padding:0;width:100%}@media (max-width:768px){.harmony-right-panel{gap:1rem;margin:0;padding:0;width:100%}}@media (max-width:480px){.harmony-right-panel{gap:.875rem}}.harmony-selector-panel{background:#0f1b2e66;border:1px solid #2a3f5a99;border-radius:12px;box-sizing:border-box;padding:1.5rem;width:100%}.harmony-selector-panel h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:1rem;margin-top:0}@media (max-width:768px){.harmony-selector-panel{background:#0000;border:none;border-radius:0;margin:0;padding:1rem 0}.harmony-selector-panel h4{margin-bottom:.75rem}}.harmony-select{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#e8f4f8;cursor:pointer;font-size:.9375rem;max-width:100%;padding:.875rem 1rem;width:100%}@media (max-width:768px){.harmony-select{max-width:100%;width:100%}}.complementary-colors-panel{background:#0f1b2e66;border:1px solid #2a3f5a99;border-radius:12px;box-sizing:border-box;padding:1.5rem;width:100%}.complementary-colors-panel h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:1rem;margin-top:0}@media (max-width:768px){.complementary-colors-panel{background:#0000;border:none;border-radius:0;margin:0;padding:1rem 0}.complementary-colors-panel h4{margin-bottom:.75rem}}.complementary-colors-display{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;width:100%}@media (max-width:768px){.complementary-colors-display{gap:.875rem;margin:0;padding:0}}.complementary-color-card{align-items:center;background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;gap:1rem;margin:0;padding:1rem;position:relative;transition:all .3s ease;width:100%}@media (max-width:768px){.complementary-color-card{background:#0f1b2e33;border:none;box-sizing:border-box;margin:0;max-width:100%;padding:.5rem;width:100%}}.complementary-color-card:hover{background:#0f1b2ecc;border-color:#fff3;transform:translateX(4px)}@media (max-width:768px){.complementary-color-card:hover{background:#0f1b2e66;border-color:#0000}}.color-bar{border-radius:4px;flex-shrink:0;height:80px;width:8px}.color-number{align-items:center;background:#0f1b2ee6;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:32px;justify-content:center;left:.5rem;position:absolute;top:50%;transform:translateY(-50%);width:32px}.color-hex{color:#e8f4f8;flex:1 1;font-size:1rem;font-weight:600}.color-hex,.color-hsl,.color-rgb{font-family:Courier New,monospace}.color-hsl,.color-rgb{color:#b8d4e3;font-size:.875rem}.copy-color-btn{background:#4f92e0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin:0;padding:.625rem 1.25rem;transition:all .3s ease;white-space:nowrap}.copy-color-btn:hover{background:#6ba5e8}.harmony-explanation-panel{background:#0f1b2e66;border:1px solid #2a3f5a99;border-radius:12px;box-sizing:border-box;padding:1.5rem;width:100%}.harmony-explanation-panel h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.harmony-explanation-panel p{color:#b8d4e3;font-size:.9375rem;line-height:1.6;margin:0}@media (max-width:768px){.harmony-explanation-panel{background:#0000;border:none;border-radius:0;margin:0;padding:1rem 0}.harmony-explanation-panel h4{margin-bottom:.5rem}.harmony-explanation-panel p{font-size:.875rem}}.variations-tab{display:flex;flex-direction:column;gap:2rem}.variation-group{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.variation-group h3{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.variation-colors{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.variation-color{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:1rem;text-align:center;transition:all .3s ease}.variation-color:hover{border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.variation-label{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.variation-hex,.variation-label{color:#fff;text-shadow:0 1px 2px #00000080}.variation-hex{font-family:Courier New,monospace;font-size:.8125rem;font-weight:500}.psychology-tab{display:flex;flex-direction:column;gap:2rem}.psychology-grid-section{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.psychology-grid-header{margin-bottom:1.5rem}.psychology-grid-header h3{align-items:center;color:#e8f4f8;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.psychology-instructions{color:#b8d4e3;font-size:.9375rem;line-height:1.6}.psychology-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.psychology-color-block{border:2px solid #0000004d;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:1.5rem;position:relative;transition:all .3s ease}.psychology-color-block:hover{border-color:#ffffff80;box-shadow:0 8px 16px #0000004d;transform:translateY(-4px)}.psychology-color-name{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #00000080}.psychology-emotions-list{display:flex;flex-direction:column;gap:.5rem}.psychology-emotion{color:#fff;font-size:.875rem;text-align:left;text-shadow:0 1px 2px #00000080}.psychology-color-block[style*="#FFFFFF"],.psychology-color-block[style*="#ffffff"]{border-color:#0003}.psychology-color-block[style*="#FFFFFF"] .psychology-color-name,.psychology-color-block[style*="#FFFFFF"] .psychology-emotion,.psychology-color-block[style*="#ffffff"] .psychology-color-name,.psychology-color-block[style*="#ffffff"] .psychology-emotion{color:#000;text-shadow:none}.psychology-detail-card{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}@media (max-width:768px){.psychology-detail-card{background:#0000;border:none;border-radius:0;padding:1rem 0}}.psychology-color-display{align-items:center;border:4px solid #fff3;border-radius:50%;box-shadow:0 4px 16px #0000004d;display:flex;height:150px;justify-content:center;margin:0 auto 1.5rem;width:150px}.psychology-color-display h3{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #00000080}.psychology-content{text-align:center}.psychology-content h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin:1.5rem 0 .75rem}.emotions-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.emotion-tag{background:#4f92e033;border-radius:12px;color:#4f92e0;font-size:.875rem;font-weight:500;padding:.375rem .75rem}.psychology-content p{color:#b8d4e3;font-size:.9375rem;line-height:1.6}.palette-tab{display:flex;flex-direction:column;gap:2rem}.palette-generator{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}@media (max-width:768px){.palette-generator{background:#0000;border:none;border-radius:0;padding:1rem 0}}.palette-generator h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.palette-options{margin-bottom:2rem}.generate-btn{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;margin:0;padding:.875rem 1.75rem;transition:all .3s ease}.generate-btn:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.current-palette{margin-bottom:2rem}.current-palette h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.palette-colors{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.palette-color{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:1.5rem;text-align:center;transition:all .3s ease}.palette-color:hover{border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.palette-info{display:flex;flex-direction:column;gap:.75rem}.palette-info div{color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:600;text-shadow:0 1px 2px #00000080}.copy-palette-btn{background:#4f92e0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin:0;padding:.625rem 1.25rem;transition:all .3s ease;width:100%}.copy-palette-btn:hover{background:#6ba5e8}.saved-palettes{margin-top:2rem}.saved-palettes h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.palettes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.saved-palette{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;padding:1rem;text-align:center}.palette-preview{border-radius:6px;display:flex;height:60px;margin-bottom:.75rem;overflow:hidden}.preview-color{flex:1 1}.palette-name{color:#b8d4e3;font-size:.875rem;margin-bottom:.75rem}.delete-palette-btn{background:#dc354533;border:1px solid #dc35454d;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.8125rem;margin:0;padding:.5rem 1rem;transition:all .3s ease;width:100%}.delete-palette-btn:hover{background:#dc35454d;border-color:#dc354580}@media (max-width:1200px){.color-info-panel,.harmony-content-wrapper{grid-template-columns:1fr}.psychology-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.psychology-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.interactive-color-theory{margin:0;padding:0}.color-theory-header{margin-bottom:1.5rem;padding:0}.color-theory-header h2{font-size:1.5rem;text-align:left}.color-theory-header p{text-align:left}.color-theory-main{background:#0000;border:none;margin:0;padding:0}.color-info-panel{gap:1.25rem;margin-bottom:1.5rem;padding:0}.current-color-display{background:#0000;border:none;border-radius:0;min-height:200px;padding:1.5rem 0}.wheel-wrapper{grid-template-columns:1fr}.harmony-tab{gap:1.5rem;margin:0;padding:0}.harmony-header{margin-bottom:1rem;margin-left:0;margin-right:0;padding:0}.harmony-header h3{font-size:1.25rem;margin-bottom:.5rem;text-align:left}.harmony-description{margin:0;padding:0;text-align:left}.harmony-content-wrapper{grid-template-columns:1fr}.harmony-content-wrapper,.harmony-left-panel{gap:1.5rem;margin:0;padding:0;width:100%}.color-wheel-panel{background:#0000;border:none;border-radius:0;margin:0;padding:1.5rem 0;width:100%}.harmony-right-panel{gap:1.5rem;margin:0;padding:0;width:100%}.harmony-selector-panel{background:#0000;border:none;border-radius:0;margin:0;padding:1.5rem 0;width:100%}.harmony-selector-panel h4{margin-bottom:.75rem;padding:0;text-align:left}.harmony-select{margin:0;max-width:100%;width:100%}.complementary-colors-panel{background:#0000;border:none;border-radius:0;margin:0;padding:1.5rem 0;width:100%}.complementary-colors-panel h4{margin-bottom:.75rem;padding:0;text-align:left}.complementary-colors-display{gap:1rem;margin:0;padding:0}.complementary-color-card{background:#0f1b2e33;border:none;border-radius:8px;box-sizing:border-box;margin:0;max-width:100%;padding:.5rem;width:100%}.harmony-explanation-panel{background:#0000;border:none;border-radius:0;margin:0;padding:1.5rem 0;width:100%}.harmony-explanation-panel h4{margin-bottom:.5rem;padding:0;text-align:left}.psychology-grid{grid-template-columns:1fr}.palette-colors{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:480px){.interactive-color-theory{margin:0;padding:0}.color-theory-header{margin-bottom:1rem;padding:0}.color-theory-header h2{font-size:1.25rem;text-align:left}.color-theory-header p{text-align:left}.color-theory-tabs{padding:0}.color-theory-tabs .tab{font-size:.8125rem;padding:.625rem 1rem}.harmony-header{margin-bottom:.75rem;padding:0}.harmony-header h3{font-size:1.125rem;text-align:left}.harmony-content-wrapper,.harmony-left-panel,.harmony-right-panel,.harmony-tab{gap:1.25rem;margin:0;padding:0}.color-wheel-panel,.complementary-colors-panel,.harmony-selector-panel{margin:0;padding:1.25rem 0}.complementary-colors-display{gap:.75rem;margin:0;padding:0}@media (max-width:480px){.complementary-color-card{background:#0f1b2e26;border:none;gap:.75rem;margin:0;padding:.5rem}}.harmony-explanation-panel{margin:0;padding:1.25rem 0}.palette-colors,.psychology-grid{grid-template-columns:1fr}}.interactive-typography{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-typography *{box-sizing:border-box}.interactive-typography h1,.interactive-typography h2,.interactive-typography h3,.interactive-typography h4{color:#e8f4f8;font-weight:600;margin-bottom:1rem}.interactive-typography p{color:#b8d4e3;line-height:1.6;margin-bottom:1rem}.interactive-typography .card,.interactive-typography .container,.interactive-typography .section{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}@media (max-width:768px){.interactive-typography .card,.interactive-typography .container,.interactive-typography .section{background:#0000;border:none;border-radius:0;margin-bottom:1rem;padding:1rem 0}}.interactive-typography button{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.interactive-typography button:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.interactive-typography input,.interactive-typography select,.interactive-typography textarea{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;padding:.75rem}.interactive-typography input:focus,.interactive-typography select:focus,.interactive-typography textarea:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.interactive-typography code{background:#0f1b2ecc;border-radius:4px;color:#ecc140;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}.interactive-typography pre{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;color:#e8f4f8;font-family:Courier New,monospace;overflow-x:auto;padding:1rem}.typography-header{margin-bottom:2.5rem;text-align:center}.typography-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.typography-header p{color:#b8d4e3;font-size:1rem;margin:0}.typography-tabs{border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem;padding-bottom:.5rem}.typography-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;font-size:.9375rem;font-weight:500;margin-bottom:-2px;padding:.875rem 1.75rem;transition:all .3s ease}.typography-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.typography-tabs .tab.active{border-bottom-color:#4f92e0;color:#4f92e0}.typography-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}@media (max-width:768px){.interactive-typography{padding:0}.typography-header{margin-bottom:1.5rem;padding:0;text-align:left}.typography-header h2{font-size:1.5rem;text-align:left}.typography-header p{text-align:left}.typography-tabs{-webkit-overflow-scrolling:touch;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding:0;scrollbar-width:none}.typography-tabs::-webkit-scrollbar{display:none}.typography-tabs .tab{flex-shrink:0;font-size:.875rem;padding:.75rem 1.25rem}.typography-main{background:#0000;border:none;margin:0;padding:0}.interactive-typography .card,.interactive-typography .container,.interactive-typography .section{background:#0000;border:none;border-radius:0;margin-bottom:1rem;padding:0}}@media (max-width:480px){.interactive-typography{padding:0}.typography-header{margin-bottom:1.25rem;padding:0}.typography-header h2{font-size:1.25rem}.typography-tabs{gap:.375rem;padding:0}.typography-tabs .tab{font-size:.8125rem;padding:.625rem 1rem}.interactive-typography input,.interactive-typography select,.interactive-typography textarea{padding:.75rem}}.scale-controls{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.control-group textarea{font-family:inherit;min-height:100px;resize:vertical;width:100%}.type-scale-display{margin-top:2rem}.type-scale-display h3{margin-bottom:1.5rem}.scale-items{display:flex;flex-direction:column;gap:1rem}.scale-item{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.scale-item:hover{background:#0f1b2e99;border-color:#4f92e080;transform:translateX(4px)}.scale-item.selected{background:#4f92e026;border-color:#4f92e0}.scale-label{color:#b8d4e3;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.scale-text{color:#e8f4f8;margin-bottom:.5rem}.scale-details{grid-gap:.75rem;border-top:1px solid #ffffff1a;color:#b8d4e3;display:grid;font-size:.875rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:1rem;padding-top:1rem}.scale-details div{color:#e8f4f8}.pairing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.pairing-card{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.pairing-card:hover{background:#0f1b2e99;border-color:#4f92e080;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.pairing-preview{margin-bottom:1rem}.pairing-heading{color:#e8f4f8;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.75rem}.pairing-body{color:#b8d4e3;font-size:1rem;line-height:1.6}.pairing-info{border-top:1px solid #ffffff1a;padding-top:1rem}.pairing-names{color:#e8f4f8;font-size:.9375rem;margin-bottom:.5rem}.pairing-names strong{color:#4f92e0}.pairing-description{color:#b8d4e3;font-size:.875rem;line-height:1.5}.readability-controls{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.readability-preview{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;min-height:150px;padding:2rem}.preview-text{color:#e8f4f8;line-height:inherit}.readability-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;padding:1.25rem;text-align:center;transition:all .3s ease}.metric-card:hover{background:#0f1b2e99;border-color:#4f92e080}.metric-label{color:#b8d4e3;font-size:.875rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.metric-value{font-size:2rem;margin-bottom:.25rem}.metric-status{color:#ecc140;font-size:.8125rem;font-weight:500}.responsive-calculator{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}.viewport-preview{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.viewport-info{color:#b8d4e3;font-size:.9375rem;margin-bottom:1.5rem;text-align:center}.viewport-info strong{color:#4f92e0;font-size:1.125rem}.responsive-example{align-items:center;background:#1a2a3f99;border-radius:8px;display:flex;justify-content:center;min-height:200px;padding:2rem}.responsive-text{color:#e8f4f8;max-width:100%;text-align:center}.responsive-code{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.responsive-code h4{margin-bottom:1rem}.responsive-code pre{background:#0000;border:none;color:#ecc140;font-size:.875rem;line-height:1.6;margin:0;padding:0}.explorer-controls{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.explorer-preview{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;margin-top:1.5rem;padding:2rem}.preview-sample{align-items:center;background:#1a2a3f99;border-radius:8px;color:#e8f4f8;display:flex;justify-content:center;margin-bottom:2rem;min-height:150px;padding:2rem;text-align:center}.preview-code{background:#0f1b2e99;border-radius:8px;padding:1.5rem}.preview-code h4{margin-bottom:1rem}.preview-code pre{background:#0000;border:none;color:#ecc140;font-size:.875rem;line-height:1.6;margin:0;padding:0}@media (max-width:768px){.interactive-typography,.tab-content,.typography-main{padding:0}.tab-content h3{font-size:1.25rem;margin-bottom:1rem}.scale-controls{gap:1.25rem;grid-template-columns:1fr;margin-bottom:1.5rem}.scale-item{background:#0f1b2e4d;border:none;padding:1.25rem}.scale-item:hover{transform:none}.pairing-grid{gap:1.25rem;grid-template-columns:1fr}.pairing-card{background:#0f1b2e4d;border:none;padding:1.25rem}.readability-controls{gap:1.25rem;grid-template-columns:1fr}.readability-preview{background:#0f1b2e4d;border:none;padding:1.5rem}.readability-metrics{gap:.75rem;grid-template-columns:repeat(2,1fr)}.metric-card{background:#0f1b2e4d;border:none;padding:1rem}.responsive-calculator{gap:1.5rem;grid-template-columns:1fr}.viewport-preview{background:#0f1b2e4d;border:none;padding:1.5rem}.responsive-code{background:#0f1b2e4d;border:none;padding:1.25rem}.explorer-controls{gap:1.25rem;grid-template-columns:1fr}.explorer-preview{background:#0f1b2e4d;border:none;padding:1.5rem}.preview-sample{padding:1.5rem}.preview-code{padding:1.25rem}}@media (max-width:480px){.explorer-controls,.readability-controls,.scale-controls{gap:1rem}.explorer-preview,.pairing-card,.readability-preview,.scale-item,.viewport-preview{padding:1rem}.readability-metrics{grid-template-columns:1fr}.metric-value,.pairing-heading{font-size:1.5rem}.scale-details{gap:.5rem;grid-template-columns:1fr}}.interactive-layout-grid{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-layout-grid *{box-sizing:border-box}.interactive-layout-grid h1,.interactive-layout-grid h2,.interactive-layout-grid h3,.interactive-layout-grid h4{color:#e8f4f8;font-weight:600;margin-bottom:1rem}.interactive-layout-grid p{color:#b8d4e3;line-height:1.6;margin-bottom:1rem}.interactive-layout-grid button{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.interactive-layout-grid button:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.interactive-layout-grid input,.interactive-layout-grid select,.interactive-layout-grid textarea{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;padding:.75rem}.interactive-layout-grid input:focus,.interactive-layout-grid select:focus,.interactive-layout-grid textarea:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.interactive-layout-grid code{border-radius:4px;color:#ecc140;padding:.25rem .5rem}.interactive-layout-grid code,.interactive-layout-grid pre{background:#0f1b2ecc;font-family:Courier New,monospace;font-size:.875rem}.interactive-layout-grid pre{border:1px solid #ffffff1a;border-radius:8px;color:#e8f4f8;line-height:1.6;overflow-x:auto;padding:1rem}.layout-header{margin-bottom:2.5rem;text-align:center}.layout-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.layout-header p{color:#b8d4e3;font-size:1rem;margin:0}.layout-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.layout-tabs::-webkit-scrollbar{display:none}.layout-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;flex-shrink:0;font-size:.9375rem;font-weight:500;margin-bottom:-2px;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.layout-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.layout-tabs .tab.active{border-bottom-color:#4f92e0;color:#4f92e0}.layout-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.grid-controls{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.control-group input[type=checkbox]{accent-color:#4f92e0;cursor:pointer;height:18px;width:18px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.control-hint{font-size:.8125rem;margin-top:.25rem}.grid-preview-container{margin-bottom:2rem}.grid-info{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1rem}.info-item{align-items:center;display:flex;gap:.5rem}.info-label{color:#b8d4e3;font-size:.875rem}.info-value{color:#4f92e0;font-size:.9375rem;font-weight:600}.grid-preview{background:#0f1b2e4d;border-radius:8px;min-height:200px;padding:1rem}.grid-preview.show-grid{background-image:repeating-linear-gradient(0deg,#0000,#0000 calc(8.33333% - 1px),#4f92e01a calc(8.33333% - 1px),#4f92e01a 8.33333%);background-image:repeating-linear-gradient(0deg,#0000,#0000 calc(100%/var(--columns, 12) - 1px),#4f92e01a calc(100%/var(--columns, 12) - 1px),#4f92e01a calc(100%/var(--columns, 12)))}.grid-column{align-items:center;border-radius:4px;display:flex;justify-content:center}.code-output{background:#0f1b2e66;border-radius:12px}.code-output pre{background:#0000;border:none;padding:0}.layout-selector{margin-bottom:2rem}.pattern-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.pattern-btn{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;padding:1.25rem;text-align:left;transition:all .3s ease}.pattern-btn:hover{background:#0f1b2e99;border-color:#4f92e080;transform:translateY(-2px)}.pattern-btn.active{background:#4f92e026;border-color:#4f92e0}.pattern-name{color:#e8f4f8;font-size:1rem;font-weight:600;margin-bottom:.5rem}.pattern-desc{color:#b8d4e3;font-size:.875rem}.layout-preview-section{margin-bottom:2rem}.layout-preview{background:#0f1b2e4d;border-radius:8px;margin-top:1rem;min-height:300px;padding:1.5rem}.layout-item{align-items:center;border-radius:8px;display:flex;justify-content:center}.item-content{text-align:center}.item-label{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.item-size{font-size:.875rem;opacity:.9}.breakpoint-controls{margin-bottom:2rem}.breakpoints-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.breakpoint-card{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.breakpoint-card.active{background:#4f92e01a;border-color:#4f92e0}.breakpoint-header{margin-bottom:1rem}.breakpoint-name{font-size:1.125rem;margin-bottom:.5rem}.breakpoint-specs{color:#b8d4e3;font-size:.875rem}.breakpoint-preview{background:#0f1b2e4d;border-radius:8px;margin-bottom:1rem;min-height:100px;padding:1rem}.breakpoint-column{border-radius:4px}.breakpoint-code{background:#0f1b2e99;border-radius:8px;padding:1rem}.breakpoint-code pre{background:#0000;border:none;font-size:.8125rem;margin:0;padding:0}.spacing-controls{margin-bottom:2rem}.spacing-item{grid-gap:1.5rem;align-items:center;background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;display:grid;gap:1.5rem;grid-template-columns:200px 1fr auto}.spacing-label{flex-direction:column;gap:.25rem}.spacing-name{font-weight:600;text-transform:uppercase}.spacing-value{font-size:.9375rem;font-weight:600}.spacing-multiplier{font-size:.8125rem}.spacing-visual{justify-content:center}.spacing-bar{border-radius:4px}.spacing-use{text-align:right}.spacing-examples{margin-top:2rem}.example-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.spacing-example{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;padding:1.25rem}.example-label{margin-bottom:.75rem;text-transform:uppercase}.example-box{border-radius:8px;margin-bottom:.75rem}.example-code{font-size:.8125rem}.comparison-table{background:#0f1b2e66;border-radius:12px;margin-bottom:2rem}.comparison-header{background:#4f92e01a;border-bottom:1px solid #ffffff1a}.comparison-header,.comparison-row{grid-template-columns:1fr 1fr 1fr}.comparison-row:last-child{border-bottom:none}.comparison-header .comparison-col{color:#4f92e0}.comparison-examples{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.example-section{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.example-section h4{color:#e8f4f8;margin-bottom:1rem}.example-section ul{color:#b8d4e3;line-height:1.8;margin-bottom:1rem;padding-left:1.5rem}.example-section ul li{margin-bottom:.5rem}.example-section .example-code{background:#0f1b2e99;border-radius:8px;margin-top:1rem;padding:1rem}.example-section .example-code pre{background:#0000;border:none;margin:0;padding:0}@media (max-width:768px){.interactive-layout-grid{padding:0}.layout-header{margin-bottom:1.5rem;padding:0;text-align:left}.layout-header h2{font-size:1.5rem;text-align:left}.layout-header p{text-align:left}.layout-tabs{gap:.5rem;margin-bottom:1.5rem;padding:0}.layout-tabs .tab{font-size:.875rem;padding:.75rem 1.25rem}.layout-main{background:#0000;border:none;margin:0;padding:0}.tab-content{padding:0}.tab-content h3{font-size:1.25rem}.grid-controls{gap:1.25rem;grid-template-columns:1fr}.grid-info{flex-direction:column;gap:.75rem}.grid-preview-container{margin-bottom:1.5rem}.grid-preview{padding:.75rem}.code-output{background:#0f1b2e4d;border:none;padding:1.25rem}.pattern-buttons{grid-template-columns:1fr}.layout-preview{padding:1rem}.breakpoints-grid{grid-template-columns:1fr}.breakpoint-card{background:#0f1b2e4d;border:none;padding:1.25rem}.spacing-item{gap:1rem;grid-template-columns:1fr}.spacing-label{order:1}.spacing-visual{order:2}.spacing-use{order:3;text-align:left}.example-grid{grid-template-columns:1fr}.comparison-header,.comparison-row{gap:.5rem;grid-template-columns:1fr}.comparison-examples{grid-template-columns:1fr}}@media (max-width:480px){.layout-header h2{font-size:1.25rem}.layout-tabs .tab{font-size:.8125rem;padding:.625rem 1rem}.grid-controls,.spacing-controls{gap:1rem}.breakpoint-card,.code-output,.spacing-item{padding:1rem}}.interactive-components{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-components *{box-sizing:border-box}.components-header{margin-bottom:2rem;text-align:center}.components-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.5rem}.components-header p{color:#b8d4e3;font-size:1rem;line-height:1.6}.components-tabs{border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;padding-bottom:.5rem}.components-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;font-size:.9375rem;font-weight:500;margin-bottom:-2px;margin-right:.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.components-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.components-tabs .tab.active{border-bottom-color:#4f92e0;color:#4f92e0}.components-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}@media (max-width:768px){.interactive-components{padding:.25rem}.components-header{margin-bottom:1.5rem;padding:0 .5rem}.components-header h2{font-size:1.5rem;text-align:left}.components-header p{text-align:left}.components-main{background:#0000;border:none;padding:0}}.component-controls{grid-gap:1.5rem;border-bottom:1px solid #ffffff1a;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2.5rem;padding-bottom:2rem}@media (max-width:768px){.component-controls{border-bottom:none;margin-bottom:2rem;padding-bottom:1.5rem}}.control-group{margin-bottom:0}.component-preview{margin-bottom:2.5rem}.component-preview h3{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin-bottom:1.25rem}.preview-area{align-items:center;background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:center;min-height:200px;padding:2.5rem}@media (max-width:768px){.preview-area{background:#0f1b2e99;border:1px solid #ffffff14;min-height:150px;padding:1.5rem}}.btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:#4f92e0}.btn-primary:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#5a6268}.btn-success{background:#28a745}.btn-success:hover{background:#218838}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.btn-outline{background:#0000;border:2px solid #4f92e0;color:#4f92e0}.btn-outline:hover{background:#4f92e0;color:#fff}.btn-small{font-size:.875rem;padding:.375rem .75rem}.btn-large{font-size:1.125rem;padding:.75rem 1.5rem}.variants-grid{margin-top:2.5rem}.variants-grid h3{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.variants-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.variant-item{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s ease}.variant-item:hover{border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.variant-item{background:#0000;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;padding:1.25rem 0}.variant-item:last-child{border-bottom:none}}.variant-info{margin-top:.75rem}.variant-name{color:#e8f4f8;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.variant-colors{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tab-content h3{margin-bottom:2rem}.forms-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-component{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s ease}.form-component:hover{border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.form-component{background:#0000;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;padding:1.5rem 0}.form-component:last-child{border-bottom:none}}.form-label{color:#b8d4e3;display:block;font-size:.9375rem;font-weight:500;margin-bottom:.75rem}.form-input{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#e8f4f8;font-size:.9375rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}@media (max-width:768px){.form-input{max-width:100%;padding:.75rem;width:100%}}.checkbox-label,.radio-label{align-items:center;color:#b8d4e3;cursor:pointer;display:flex;font-size:.9375rem;gap:.75rem;padding:.5rem 0}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{cursor:pointer;margin:0;width:auto}.radio-group{display:flex;flex-direction:column;gap:.75rem}.form-input:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.form-input::placeholder{color:#b8d4e380}.cards-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card-variant{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1.25rem;padding:2rem;transition:all .3s ease}.card-variant:hover{border-color:#fff3;box-shadow:0 8px 16px #0000004d;transform:translateY(-4px)}.card-variant.selected{border-color:#4f92e0;box-shadow:0 0 0 2px #4f92e033}@media (max-width:768px){.card-variant{background:#0000;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;padding:1.5rem 0}.card-variant:last-child{border-bottom:none}.card-variant:hover{box-shadow:none;transform:none}}.card-header h4{color:#e8f4f8;font-weight:600}.card-badge{background:#4f92e033;border-radius:12px;color:#4f92e0;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.card-body{color:#b8d4e3;flex:1 1;line-height:1.6}.card-footer{margin-top:auto;padding-top:1rem}.card-button{background:#4f92e0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .3s ease}.card-button:hover{background:#6ba5e8;transform:translateY(-1px)}.nav-patterns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.nav-pattern{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}@media (max-width:768px){.nav-pattern{background:#0000;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;padding:1.5rem 0}.nav-pattern:last-child{border-bottom:none}}.nav-pattern h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.nav-preview{margin-top:1rem}.top-nav{display:flex;flex-wrap:wrap;gap:1.5rem}.nav-link{border-bottom:2px solid #0000;color:#b8d4e3;padding:.5rem 0;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{border-bottom-color:#4f92e0;color:#4f92e0}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{border-radius:6px;color:#b8d4e3;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.nav-item.active,.nav-item:hover{background:#4f92e033;color:#4f92e0}.tab-bar{border-bottom:2px solid #ffffff1a;display:flex;gap:.5rem}.tab-item{background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;margin-bottom:-2px;padding:.75rem 1.25rem;transition:all .3s ease}.tab-item.active,.tab-item:hover{border-bottom-color:#4f92e0;color:#4f92e0}.breadcrumb-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.breadcrumb-item{color:#b8d4e3;text-decoration:none;transition:all .3s ease}.breadcrumb-item:hover{color:#4f92e0}.breadcrumb-separator{color:#b8d4e380}.modal-examples{align-items:center;display:flex;justify-content:center;min-height:400px}.modal-preview{max-width:600px;width:100%}.modal-overlay{align-items:center;background:#00000080;border-radius:12px;display:flex;justify-content:center;padding:2rem}.modal-dialog{background:#0f1b2ef2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;max-width:500px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#b8d4e3;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.modal-close:hover{background:#ffffff1a;color:#e8f4f8}.modal-body{color:#b8d4e3;line-height:1.6;padding:1.5rem}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.code-output{border-radius:8px}.code-output h4{font-size:1rem;font-weight:600}.code-output pre{color:#e8f4f8}@media (max-width:1024px){.cards-grid,.forms-grid,.nav-patterns{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.interactive-components{padding:.75rem}.components-header{margin-bottom:1.5rem;text-align:center}.components-header h2{font-size:1.5rem}.components-tabs{-webkit-overflow-scrolling:touch;gap:.5rem;justify-content:center;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none}.components-tabs::-webkit-scrollbar{display:none}.components-tabs .tab{flex-shrink:0;font-size:.875rem;margin-right:0;padding:.75rem 1.25rem}.component-controls{gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem;padding-bottom:1.5rem}.component-preview{margin-bottom:2rem}.component-preview h3,.variants-grid h3{text-align:center}.cards-grid,.forms-grid,.nav-patterns,.variants-list{gap:0;grid-template-columns:1fr}.top-nav{align-items:center;flex-direction:column;gap:.75rem}.breadcrumb-nav,.tab-bar{flex-wrap:wrap;justify-content:center}.breadcrumb-nav{gap:.5rem}.modal-overlay{padding:1rem}.modal-dialog{max-width:100%}.modal-body,.modal-footer,.modal-header{padding:1.25rem}.modal-footer{flex-direction:column;gap:.75rem}.modal-footer .btn{width:100%}.tab-content h3{text-align:center}}@media (max-width:480px){.interactive-components{padding:.5rem}.components-header h2{font-size:1.25rem}.components-tabs .tab{font-size:.8125rem;padding:.625rem 1rem}.control-group input,.control-group select,.form-input{padding:.75rem}}.interactive-states{background:#0000;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-states,.interactive-states *{box-sizing:border-box}.interactive-states h1,.interactive-states h2,.interactive-states h3,.interactive-states h4{color:#e8f4f8;font-weight:600;margin-bottom:1rem}.interactive-states p{color:#b8d4e3;line-height:1.6;margin-bottom:1rem}.interactive-states button{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.interactive-states button:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.interactive-states input,.interactive-states select,.interactive-states textarea{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;padding:.75rem}.interactive-states input:focus,.interactive-states select:focus,.interactive-states textarea:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.interactive-states code{border-radius:4px;color:#ecc140;font-size:.875rem;padding:.25rem .5rem}.interactive-states code,.interactive-states pre{background:#0f1b2ecc;font-family:Courier New,monospace}.interactive-states pre{border:1px solid #ffffff1a;border-radius:8px;color:#e8f4f8;overflow-x:auto;padding:1rem}.states-header{margin-bottom:2.5rem;text-align:center}.states-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.states-header p{color:#b8d4e3;font-size:1rem;margin:0}.states-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.states-tabs::-webkit-scrollbar{display:none}.states-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;flex-shrink:0;font-size:.9375rem;font-weight:500;margin-bottom:-2px;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.states-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.states-tabs .tab.active{border-bottom-color:#4f92e0;color:#4f92e0}.states-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.tab-description{color:#b8d4e3;line-height:1.6;margin-bottom:1.5rem}.states-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.state-item{align-items:center;background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.state-label{color:#e8f4f8;font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.state-button{border-radius:8px;font-size:.9375rem;font-weight:500;min-width:150px;padding:.75rem 1.5rem}.state-details{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;width:100%}.detail-item{align-items:center;display:flex;justify-content:space-between}.detail-label{color:#b8d4e3;font-size:.875rem}.detail-value{color:#e8f4f8;font-size:.875rem;font-weight:500}.animation-controls{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.control-group .value{font-size:1rem}.control-group input[type=range]{border-radius:3px;height:6px}.control-group input[type=range]::-webkit-slider-thumb{height:18px;width:18px}.control-group input[type=range]::-moz-range-thumb{height:18px;width:18px}.control-group select{cursor:pointer;padding:.75rem}.animation-examples{margin-bottom:2rem}.animation-examples h3{margin-bottom:1.5rem}.timing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.timing-item{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;gap:1rem;padding:1.5rem}.timing-item,.timing-label{display:flex;flex-direction:column}.timing-label{gap:.25rem}.timing-duration{color:#4f92e0;font-size:1.125rem;font-weight:600}.timing-use{color:#b8d4e3;font-size:.875rem}.animation-box{background:#0f1b2e99;border-radius:8px;height:80px;overflow:hidden;position:relative}.animated-element{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:40px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:40px}@keyframes slide{0%,to{left:0}50%{left:calc(100% - 40px)}}.timing-code{color:#ecc140;font-family:Courier New,monospace;font-size:.8125rem;text-align:center}.easing-functions{margin-top:2rem}.easing-functions h3{margin-bottom:1.5rem}.easing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.easing-item{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.easing-name{color:#e8f4f8;font-size:1rem;font-weight:600}.easing-description{color:#b8d4e3;font-size:.875rem}.easing-visual{background:#0f1b2e99;border-radius:8px;height:60px;overflow:hidden;position:relative}.easing-demo{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}@keyframes easeDemo{0%,to{left:0}50%{left:calc(100% - 20px)}}.easing-code{background:#0f1b2e99;border-radius:4px;color:#ecc140;font-family:Courier New,monospace;font-size:.8125rem;padding:.5rem;text-align:center}.transition-examples{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.transition-item{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.transition-item h4{color:#e8f4f8;font-size:1.125rem;margin-bottom:1rem}.transition-preview{align-items:center;background:#0f1b2e99;border-radius:8px;display:flex;justify-content:center;min-height:120px;padding:2rem}.color-box,.fade-box,.scale-box,.slide-box{background:#4f92e0;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:1rem 2rem}.fade-box:hover{opacity:.5}.scale-box:hover{transform:scale(1.1)}.slide-box:hover{transform:translateX(20px)}.color-box:hover{background:#6ba5e8}.hover-effects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.hover-effect-card{align-items:center;background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.effect-label{color:#e8f4f8;font-size:.9375rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hover-border,.hover-glow,.hover-lift,.hover-shine{background:#4f92e0;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.hover-lift:hover{box-shadow:0 8px 16px #4f92e066;transform:translateY(-4px)}.hover-glow:hover{box-shadow:0 0 20px #4f92e0cc}.hover-shine{overflow:hidden;position:relative}.hover-shine:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hover-shine:hover:before{left:100%}.hover-border{border:2px solid #0000}.hover-border:hover{background:#0000;border-color:#6ba5e8;color:#6ba5e8}@media (max-width:768px){.interactive-states{padding:0}.states-header{margin-bottom:1.5rem;padding:0;text-align:left}.states-header h2{font-size:1.5rem;text-align:left}.states-header p{text-align:left}.states-tabs{gap:.5rem;margin-bottom:1.5rem;padding:0}.states-tabs .tab{font-size:.875rem;padding:.75rem 1.25rem}.states-main{background:#0000;border:none;margin:0;padding:0}.tab-content{padding:0}.tab-content h3{font-size:1.25rem}.states-grid{gap:1.25rem;grid-template-columns:1fr}.state-item{background:#0f1b2e4d;border:none;padding:1.25rem}.animation-controls{gap:1.25rem}.animation-controls,.timing-grid{grid-template-columns:1fr}.timing-item{background:#0f1b2e4d;border:none;padding:1.25rem}.easing-grid{grid-template-columns:1fr}.easing-item{background:#0f1b2e4d;border:none;padding:1.25rem}.transition-examples{grid-template-columns:1fr}.transition-item{background:#0f1b2e4d;border:none;padding:1.25rem}.hover-effects-grid{grid-template-columns:1fr}.hover-effect-card{background:#0f1b2e4d;border:none;padding:1.25rem}}@media (max-width:480px){.states-header h2{font-size:1.25rem}.states-tabs .tab{font-size:.8125rem;padding:.625rem 1rem}.animation-controls,.easing-grid,.hover-effects-grid,.states-grid,.timing-grid,.transition-examples{gap:1rem}.easing-item,.hover-effect-card,.state-item,.timing-item,.transition-item{padding:1rem}}.interactive-platform-guidelines{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-platform-guidelines *{box-sizing:border-box}.platform-header{margin-bottom:2rem;padding:0 .5rem;text-align:center}.platform-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.platform-header p{color:#b8d4e3;font-size:1rem;line-height:1.6;margin:0}.platform-tabs{-webkit-overflow-scrolling:touch;margin-bottom:2rem;overflow-x:auto;scrollbar-width:thin}.platform-tabs::-webkit-scrollbar{height:4px}.platform-tabs::-webkit-scrollbar-track{background:#ffffff1a}.platform-tabs::-webkit-scrollbar-thumb{background:#4f92e080;border-radius:2px}.platform-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;flex-shrink:0;font-size:.9375rem;font-weight:500;margin-bottom:-2px;padding:.875rem 1.5rem;transition:all .3s ease;white-space:nowrap}.platform-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.platform-tabs .tab.active{border-bottom-color:#4f92e0;color:#4f92e0;font-weight:600}.platform-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}@media (max-width:768px){.platform-main{background:#0000;border:none;border-radius:0;padding:1rem 0}}.platform-info{border-bottom:1px solid #ffffff1a;margin-bottom:2.5rem;padding-bottom:1.5rem}.platform-info h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.platform-description{color:#b8d4e3;font-size:1rem;line-height:1.6;margin:0}.specs-section{margin-bottom:2.5rem}.specs-section h4{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.specs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.spec-item{background:#0f1b2e99;border:1px solid #ffffff26;border-radius:10px;cursor:pointer;padding:1rem;transition:all .3s ease}.spec-item:hover{border-color:#4f92e080;box-shadow:0 4px 12px #4f92e033;transform:translateY(-2px)}.spec-visual{align-items:center;border-radius:8px;display:flex;justify-content:center;margin-bottom:1rem;min-height:60px;overflow:hidden;position:relative;width:100%}.spec-label{color:#fff;font-size:.875rem;font-weight:600;text-shadow:0 1px 2px #0000004d;z-index:1}.spec-details{display:flex;flex-direction:column;gap:.5rem}.spec-name{color:#e8f4f8;font-size:.9375rem;font-weight:600}.spec-size{color:#4f92e0;font-family:Courier New,monospace;font-size:1.125rem;font-weight:600}.spec-note{color:#b8d4e3;font-size:.8125rem;font-style:italic}.typography-preview{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}@media (max-width:768px){.typography-preview{background:#0000;border:none;padding:1rem 0}}.type-item{align-items:center;background:#1a2a3f80;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:1.5rem;padding:1rem;transition:all .3s ease}.type-item:hover{background:#1a2a3fb3;border-color:#4f92e04d}.type-name{color:#b8d4e3;flex-shrink:0;font-size:.875rem;font-weight:500;min-width:120px}.type-preview{color:#e8f4f8;flex:1 1;font-weight:400;line-height:1.5}.type-size{color:#4f92e0;flex-shrink:0;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;min-width:80px;text-align:right}.elements-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.element-item{background:#0f1b2e99;border:1px solid #ffffff26;border-radius:10px;cursor:pointer;padding:1.25rem;transition:all .3s ease}.element-item:hover{border-color:#4f92e080;box-shadow:0 4px 12px #4f92e033;transform:translateY(-2px)}.element-name{color:#e8f4f8;font-size:.9375rem}.element-name,.element-size{font-weight:600;margin-bottom:.5rem}.element-size{color:#4f92e0;font-family:Courier New,monospace;font-size:1.25rem}.element-note{color:#b8d4e3;font-size:.8125rem;font-style:italic;margin-top:.5rem}.material-components-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.material-component-card{background:#0f1b2e99;border:1px solid #ffffff26;border-radius:10px;cursor:pointer;padding:1rem;transition:all .3s ease}.material-component-card:hover{border-color:#4f92e080;box-shadow:0 4px 12px #4f92e033;transform:translateY(-2px)}.material-component-visual{align-items:center;border-radius:8px;display:flex;justify-content:center;margin-bottom:1rem;min-height:120px;overflow:hidden;position:relative;width:100%}.material-button,.material-card,.material-chip,.material-fab{transition:all .3s ease}.material-component-card:hover .material-fab{box-shadow:0 6px 12px #0006;transform:scale(1.1) rotate(90deg)}.material-component-card:hover .material-card{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.material-component-card:hover .material-button{box-shadow:0 4px 8px #4285f466;transform:translateY(-1px)}.material-component-card:hover .material-chip{box-shadow:0 2px 4px #0003;transform:scale(1.05)}.material-component-info{display:flex;flex-direction:column;gap:.5rem}.material-component-name{color:#e8f4f8;font-size:.9375rem;font-weight:600}.material-component-size{color:#4f92e0;font-family:Courier New,monospace;font-size:.875rem;font-weight:600}.breakpoints-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.breakpoint-item{background:#0f1b2e99;border:1px solid #ffffff26;border-radius:10px;cursor:pointer;padding:1.25rem;transition:all .3s ease}.breakpoint-item:hover{border-color:#4f92e080;box-shadow:0 4px 12px #4f92e033;transform:translateY(-2px)}.breakpoint-name{color:#e8f4f8;font-size:1rem;font-weight:600;margin-bottom:.75rem}.breakpoint-range{color:#4f92e0;font-family:Courier New,monospace;font-size:.9375rem;font-weight:600;margin-bottom:1rem}.breakpoint-visual{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:8px;margin-top:.5rem}.comparison-table{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden}@media (max-width:768px){.comparison-table{background:#0000;border:none;overflow-x:auto}}.comparison-header{grid-gap:1rem;background:#1a2a3fcc;border-bottom:2px solid #ffffff1a;color:#e8f4f8;display:grid;font-weight:600;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem 1.5rem}@media (max-width:768px){.comparison-header{grid-template-columns:2fr 1fr 1fr 1fr;min-width:500px;padding:.75rem 1rem}}.comparison-row{grid-gap:1rem;border-bottom:1px solid #ffffff0d;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem 1.5rem;transition:background .2s ease}.comparison-row:hover{background:#1a2a3f66}@media (max-width:768px){.comparison-row{grid-template-columns:2fr 1fr 1fr 1fr;min-width:500px;padding:.75rem 1rem}}.comparison-col{color:#e8f4f8;font-size:.9375rem}.comparison-col:first-child{color:#b8d4e3;font-weight:600}.comparison-col:not(:first-child){color:#4f92e0;font-family:Courier New,monospace;font-weight:600}@media (max-width:768px){.interactive-platform-guidelines{padding:.25rem}.platform-header{margin-bottom:1.5rem;padding:0 .125rem}.platform-header h2{font-size:1.5rem;text-align:left}.platform-header p{text-align:left}.platform-tabs{margin-bottom:1.5rem;padding:0 .125rem}.platform-main{background:#0000;border:none;padding:0}.platform-info{margin-bottom:1.5rem;padding-bottom:1rem}.platform-info h3{font-size:1.25rem;text-align:left}.platform-description{text-align:left}.specs-section h4{font-size:1.125rem;text-align:left}.breakpoints-grid,.elements-grid,.material-components-grid,.specs-grid{gap:1rem;grid-template-columns:1fr}.type-item{align-items:flex-start;flex-direction:column;gap:.75rem}.type-name,.type-size{min-width:auto}.type-size{text-align:left}}@media (max-width:480px){.interactive-platform-guidelines{padding:.125rem}.platform-tabs .tab{font-size:.875rem;padding:.75rem 1rem}}.interactive-spacing-sizing{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-spacing-sizing *{box-sizing:border-box}.spacing-header{margin-bottom:2rem;padding:0 .5rem;text-align:center}.spacing-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.spacing-header p{color:#b8d4e3;font-size:1rem;line-height:1.6;margin:0}.spacing-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.spacing-tabs::-webkit-scrollbar{height:4px}.spacing-tabs::-webkit-scrollbar-track{background:#ffffff1a}.spacing-tabs::-webkit-scrollbar-thumb{background:#4f92e080;border-radius:2px}.spacing-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;flex-shrink:0;font-size:.9375rem;font-weight:500;margin-bottom:-2px;padding:.875rem 1.5rem;transition:all .3s ease;white-space:nowrap}.spacing-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.spacing-tabs .tab.active{border-bottom-color:#4f92e0;color:#4f92e0;font-weight:600}.spacing-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}@media (max-width:768px){.spacing-main{background:#0000;border:none;border-radius:0;padding:1rem 0}}.spacing-controls{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:2.5rem;padding:1.5rem}@media (max-width:768px){.spacing-controls{background:#0000;border:none;padding:1rem 0}}.control-group label{color:#e8f4f8;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.5rem}.control-group .value{color:#4f92e0;font-family:Courier New,monospace;font-size:1.125rem;font-weight:600}.control-group input[type=range]{-webkit-appearance:none;appearance:none;background:#0f1b2ecc;border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4f92e0;border-radius:50%;box-shadow:0 2px 4px #4f92e066;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.control-group input[type=range]::-webkit-slider-thumb:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e099;transform:scale(1.1)}.control-group input[type=range]::-moz-range-thumb{background:#4f92e0;border:none;border-radius:50%;box-shadow:0 2px 4px #4f92e066;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.control-group input[type=range]::-moz-range-thumb:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e099;transform:scale(1.1)}.control-hint{color:#b8d4e3;font-size:.875rem;font-style:italic;margin:0}.spacing-scale{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.spacing-item{background:#0f1b2e99;border:2px solid #ffffff1a;border-radius:10px;cursor:pointer;padding:1.25rem;transition:all .3s ease}.spacing-item:hover{border-color:#4f92e066;box-shadow:0 4px 12px #4f92e033;transform:translateX(4px)}.spacing-item.selected{background:#4f92e01a;border-color:#4f92e0;box-shadow:0 4px 16px #4f92e04d}.spacing-label{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.spacing-name{color:#e8f4f8;font-size:1rem;font-weight:700;min-width:60px}.spacing-value{color:#4f92e0;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.spacing-multiplier{background:#4f92e033;border-radius:12px;color:#b8d4e3;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.spacing-visual{align-items:center;display:flex;margin-bottom:.75rem}.spacing-bar{transition:all .3s ease}.spacing-item.selected .spacing-bar{box-shadow:0 4px 12px #4f92e080;transform:scale(1.02)}.spacing-use{color:#b8d4e3;font-size:.875rem;font-style:italic;margin-bottom:.5rem}.spacing-details{grid-gap:.75rem;border-top:1px solid #ffffff1a;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem;padding-top:1rem}.spacing-details div{color:#e8f4f8;font-family:Courier New,monospace;font-size:.875rem}.spacing-details div:first-child{color:#4f92e0;font-weight:600}.code-output{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:10px;margin-top:2rem;padding:1.5rem}@media (max-width:768px){.code-output{background:#0000;border:none;padding:1rem 0}}.code-output h4{color:#e8f4f8;font-size:1.125rem;margin-bottom:1rem}.code-output pre{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#ecc140;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;margin:0;overflow-x:auto;padding:1rem}.sizing-sections{display:flex;flex-direction:column;gap:2.5rem}.sizing-section{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:10px;padding:1.5rem}@media (max-width:768px){.sizing-section{background:#0000;border:none;padding:1rem 0}}.sizing-section h3{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.containers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.container-item{background:#1a2a3f80;border:1px solid #ffffff1a;border-radius:8px;padding:1.25rem;transition:all .3s ease}.container-item:hover{border-color:#4f92e066;box-shadow:0 4px 12px #4f92e033;transform:translateY(-2px)}.container-name{color:#e8f4f8;font-size:.9375rem;font-weight:600}.container-name,.container-visual{margin-bottom:.75rem}.container-bar{transition:all .3s ease}.container-item:hover .container-bar{box-shadow:0 4px 12px #4285f466;transform:scale(1.02)}.container-size{color:#4f92e0;font-family:Courier New,monospace;font-size:1rem;font-weight:600;margin-bottom:.5rem}.container-use{color:#b8d4e3;font-size:.875rem;font-style:italic}.touch-targets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.touch-target-item{align-items:center;background:#1a2a3f80;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;padding:1.25rem;text-align:center;transition:all .3s ease}.touch-target-item:hover{border-color:#4f92e066;box-shadow:0 4px 12px #4f92e033;transform:translateY(-2px)}.target-name{color:#e8f4f8;font-size:.9375rem;font-weight:600}.target-name,.target-visual{margin-bottom:1rem}.target-box{margin:0 auto;transition:all .3s ease}.touch-target-item:hover .target-box{box-shadow:0 6px 16px #007bff66;transform:scale(1.1)}.target-size{color:#4f92e0;font-family:Courier New,monospace;font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.target-use{color:#b8d4e3;font-size:.8125rem;font-style:italic}.examples-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:2.5rem}.example-item{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:10px;padding:1.25rem;transition:all .3s ease}.example-item:hover{border-color:#4f92e066;box-shadow:0 4px 12px #4f92e033;transform:translateY(-2px)}.example-label{font-size:.9375rem;margin-bottom:1rem}.example-box{margin-bottom:1rem;transition:all .3s ease}.example-item:hover .example-box{transform:scale(1.02)}.example-code{background:#0000004d;border-radius:4px;color:#ecc140;font-family:Courier New,monospace;font-size:.875rem;padding:.5rem;text-align:center}.spacing-comparison{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:10px;padding:1.5rem}@media (max-width:768px){.spacing-comparison{background:#0000;border:none;padding:1rem 0}}.spacing-comparison h4{color:#e8f4f8;font-size:1.125rem;margin-bottom:1.5rem}.comparison-visual{display:flex;flex-direction:column;gap:.75rem}.comparison-item{align-items:center;display:flex;gap:1rem}.comparison-label{color:#e8f4f8;flex-shrink:0;font-size:.875rem;font-weight:600;min-width:60px}.comparison-bar{flex:1 1;min-width:40px;transition:all .3s ease}.comparison-item:hover .comparison-bar{box-shadow:0 2px 8px #0000004d;transform:scaleX(1.02)}@media (max-width:768px){.interactive-spacing-sizing{padding:.25rem}.spacing-header{margin-bottom:1.5rem;padding:0 .125rem}.spacing-header h2{font-size:1.5rem;text-align:left}.spacing-header p{text-align:left}.spacing-tabs{margin-bottom:1.5rem;padding:0 .125rem}.spacing-main{background:#0000;border:none;padding:0}.spacing-controls{padding:1rem 0}.spacing-scale{gap:.75rem}.spacing-item{padding:1rem}.spacing-label{align-items:flex-start;flex-direction:column;gap:.5rem}.containers-grid,.spacing-details{grid-template-columns:1fr}.containers-grid{gap:1rem}.touch-targets-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.examples-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.interactive-spacing-sizing{padding:.125rem}.spacing-tabs .tab{font-size:.875rem;padding:.75rem 1rem}.touch-targets-grid{grid-template-columns:1fr}}.interactive-prompt-builder{background:#0000;color:#e8f4f8;margin:0 auto;max-width:100%;padding:1.5rem}.interactive-prompt-builder *{box-sizing:border-box}.interactive-prompt-builder h1,.interactive-prompt-builder h2,.interactive-prompt-builder h3,.interactive-prompt-builder h4{color:#e8f4f8;font-weight:600;margin-bottom:1rem}.interactive-prompt-builder p{color:#b8d4e3;line-height:1.6;margin-bottom:1rem}.prompt-header{margin-bottom:2.5rem;text-align:center}.prompt-header h2{font-size:2rem;font-weight:700;margin-bottom:.75rem}.prompt-header p{color:#b8d4e3;font-size:1rem}.prompt-tabs{border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;padding-bottom:.5rem}.prompt-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;font-size:.9375rem;font-weight:500;margin-bottom:-2px;margin-right:.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.prompt-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.prompt-tabs .tab.active{border-bottom-color:#4f92e0;color:#4f92e0}.prompt-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.interactive-prompt-builder .card,.interactive-prompt-builder .container,.interactive-prompt-builder .section{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.interactive-prompt-builder button{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;margin:.25rem;padding:.75rem 1.5rem;transition:all .3s ease}.interactive-prompt-builder button:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.interactive-prompt-builder .copy-btn,.interactive-prompt-builder .save-btn{margin:0 0 0 .5rem}.interactive-prompt-builder .apply-btn,.interactive-prompt-builder .use-technique-btn{margin:0}.interactive-prompt-builder input,.interactive-prompt-builder select,.interactive-prompt-builder textarea{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#e8f4f8;font-size:.9375rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}@media (max-width:768px){.interactive-prompt-builder input,.interactive-prompt-builder select,.interactive-prompt-builder textarea{max-width:100%;padding:.75rem;width:100%}}.interactive-prompt-builder input:focus,.interactive-prompt-builder select:focus,.interactive-prompt-builder textarea:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.interactive-prompt-builder input::placeholder,.interactive-prompt-builder textarea::placeholder{color:#b8d4e380}.interactive-prompt-builder code{background:#0f1b2ecc;border-radius:4px;color:#ecc140;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}.interactive-prompt-builder pre{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;color:#e8f4f8;font-family:Courier New,monospace;overflow-x:auto;padding:1rem}.builder-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.builder-controls{display:flex;flex-direction:column;gap:0}.control-section{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}@media (max-width:768px){.control-section{background:#0000;border:none;padding:1rem 0}}.control-section h3{color:#e8f4f8;font-size:1.25rem;margin-bottom:1.5rem}.control-group{margin-bottom:1.75rem}.control-group:last-child{margin-bottom:0}.control-group label{margin-bottom:.75rem}.control-group input,.control-group select,.control-group textarea{margin-top:.5rem}.technique-description{color:#b8d4e3;font-size:.875rem;font-style:italic;line-height:1.5;margin-top:.5rem}.builder-output{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}@media (max-width:768px){.builder-output{background:#0000;border:none;gap:1.25rem;padding:1rem 0}}.output-header{flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.output-header h3{flex:1 1;font-size:1.25rem;margin:0;min-width:0}.output-actions{display:flex;flex-shrink:0;gap:.75rem}.output-actions button{margin:0;white-space:nowrap}@media (max-width:768px){.output-header{align-items:stretch;flex-direction:column;gap:1rem}.output-header h3{text-align:center;width:100%}.output-actions{gap:1rem;justify-content:center;width:100%}.output-actions button{flex:1 1;max-width:150px}}.prompt-stats{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:2rem;padding:1rem}@media (max-width:768px){.prompt-stats{background:#0000;border:none;gap:2rem;justify-content:center;padding:.75rem 0}}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#b8d4e3;font-size:.875rem}.stat-value{color:#4f92e0;font-size:1.125rem;font-weight:600}.optimized-prompt-display{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;max-height:400px;min-height:200px;overflow-y:auto;padding:1.5rem}@media (max-width:768px){.optimized-prompt-display{background:#0f1b2e99;border:1px solid #ffffff14;max-height:300px;min-height:150px;padding:1rem}}.optimized-prompt-display pre{word-wrap:break-word;color:#e8f4f8;line-height:1.6;margin:0;white-space:pre-wrap}.optimization-tips{background:#4f92e01a;border:1px solid #4f92e04d;border-radius:8px;padding:1.5rem}@media (max-width:768px){.optimization-tips{background:#4f92e014;border:1px solid #4f92e033;padding:1rem}}.optimization-tips h4{color:#4f92e0;font-size:1rem;margin-bottom:1rem}.optimization-tips ul{color:#b8d4e3;line-height:1.8;margin:0;padding-left:1.5rem}.optimization-tips li{margin-bottom:.5rem}.templates-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.templates-header h3{font-size:1.5rem;margin:0}.category-filter{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn{background:#0f1b2e99;border:1px solid #fff3;border-radius:6px;color:#b8d4e3;cursor:pointer;font-size:.875rem;margin:0;padding:.625rem 1.25rem;transition:all .3s ease}.filter-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.filter-btn.active{background:#4f92e0;border-color:#4f92e0;color:#fff}.templates-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.template-card{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1.25rem;padding:2rem;transition:all .3s ease}.template-card:hover{border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.template-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.template-header h4{flex:1 1;font-size:1.125rem;margin:0}.template-preview{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;max-height:200px;overflow-y:auto;padding:1rem}@media (max-width:768px){.template-preview{background:#0f1b2e99;border:1px solid #ffffff14;padding:.875rem}}.template-preview pre{word-wrap:break-word;font-size:.8125rem;line-height:1.5;margin:0;white-space:pre-wrap}.template-variables{border-top:1px solid #ffffff1a;color:#b8d4e3;font-size:.875rem;padding-top:.75rem}.template-variables strong{color:#e8f4f8;margin-right:.5rem}.techniques-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.technique-card{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1.25rem;padding:2rem;transition:all .3s ease}.technique-card:hover{border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.technique-card{background:#0000;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;padding:1.5rem 0}.technique-card:last-child{border-bottom:none}}.technique-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.technique-header h4{flex:1 1;font-size:1.125rem;margin:0}.technique-desc{color:#b8d4e3;line-height:1.6;margin:0}.technique-example{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;padding:1rem}.technique-example strong{color:#e8f4f8;display:block;font-size:.875rem;margin-bottom:.75rem}.technique-example pre{word-wrap:break-word;font-size:.8125rem;line-height:1.5;margin:0;white-space:pre-wrap}.saved-prompts-list{display:flex;flex-direction:column;gap:1.5rem}.saved-prompt-card{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1.25rem;padding:2rem;transition:all .3s ease}.saved-prompt-card:hover{border-color:#fff3;box-shadow:0 4px 12px #0003}@media (max-width:768px){.saved-prompt-card{background:#0000;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;padding:1.5rem 0}.saved-prompt-card:last-child{border-bottom:none}}.saved-prompt-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.saved-prompt-header h4{font-size:1.125rem;margin:0 0 .5rem}.saved-meta{align-items:center;color:#b8d4e3;flex-wrap:wrap;font-size:.875rem}.saved-actions,.saved-meta{display:flex;gap:.75rem}.saved-actions button{margin:0}.delete-btn{background:#dc3545!important}.delete-btn:hover{background:#c82333!important}.saved-prompt-content{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;max-height:300px;overflow-y:auto;padding:1.5rem}@media (max-width:768px){.saved-prompt-content{background:#0f1b2e99;border:1px solid #ffffff14;padding:1rem}}.saved-prompt-content pre{word-wrap:break-word;line-height:1.6;margin:0;white-space:pre-wrap}.empty-state{color:#b8d4e3;padding:3rem 2rem;text-align:center}.empty-state p{font-size:1rem;margin:0}@media (max-width:1024px){.builder-layout{gap:2rem;grid-template-columns:1fr}.techniques-grid,.templates-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.interactive-prompt-builder{padding:.75rem}.prompt-header{margin-bottom:1.5rem;text-align:center}.prompt-header h2{font-size:1.5rem}.prompt-tabs{-webkit-overflow-scrolling:touch;gap:.5rem;justify-content:center;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none}.prompt-tabs::-webkit-scrollbar{display:none}.prompt-tabs .tab{flex-shrink:0;font-size:.875rem;margin-right:0;padding:.75rem 1.25rem}.prompt-main{background:#0000;border:none;padding:0}.builder-layout{gap:1.5rem}.control-group{margin-bottom:1.5rem}.control-group label{text-align:left;width:100%}.templates-header{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.templates-header h3{text-align:center;width:100%}.category-filter{flex-wrap:wrap;justify-content:center}.techniques-grid,.templates-grid{gap:0;grid-template-columns:1fr}.template-header{align-items:stretch;flex-direction:column;gap:1rem}.template-header h4{text-align:center}.apply-btn{margin:0;width:100%}.technique-header{align-items:stretch;flex-direction:column;gap:1rem}.technique-header h4{text-align:center}.use-technique-btn{margin:0;width:100%}.saved-prompt-header{align-items:stretch;flex-direction:column;gap:1rem}.saved-prompt-header h4{text-align:center}.saved-meta{flex-wrap:wrap;justify-content:center}.saved-actions{gap:1rem;justify-content:center;width:100%}.saved-actions button{flex:1 1;max-width:150px}.prompt-stats{flex-direction:row;gap:2rem;justify-content:center}.stat-item{text-align:center}}@media (max-width:480px){.interactive-prompt-builder{padding:.5rem}.prompt-header h2{font-size:1.25rem}.prompt-tabs .tab{font-size:.8125rem;padding:.625rem 1rem}.control-group{margin-bottom:1.25rem}.control-group input,.control-group select,.control-group textarea{padding:.75rem}.output-actions,.saved-actions{flex-direction:column;gap:.75rem}.output-actions button,.saved-actions button{max-width:none;width:100%}.prompt-stats{flex-direction:column;gap:1rem;text-align:center}}.interactive-kubernetes{background:#0000;color:#e8f4f8;margin:0 auto;max-width:100%;padding:1.5rem}.interactive-kubernetes *{box-sizing:border-box}.interactive-kubernetes h1,.interactive-kubernetes h2,.interactive-kubernetes h3,.interactive-kubernetes h4{color:#e8f4f8;font-weight:600;margin-bottom:1rem}.interactive-kubernetes p{color:#b8d4e3;line-height:1.6;margin-bottom:1rem}.interactive-kubernetes .card,.interactive-kubernetes .container,.interactive-kubernetes .section{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.interactive-kubernetes button{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.interactive-kubernetes button:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.interactive-kubernetes input,.interactive-kubernetes select,.interactive-kubernetes textarea{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;padding:.75rem}.interactive-kubernetes input:focus,.interactive-kubernetes select:focus,.interactive-kubernetes textarea:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.interactive-kubernetes code{background:#0f1b2ecc;border-radius:4px;color:#ecc140;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}.interactive-kubernetes pre{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;color:#e8f4f8;font-family:Courier New,monospace;overflow-x:auto;padding:1rem}@media (max-width:768px){.interactive-kubernetes{padding:1rem}}.interactive-ml-algorithms{background:#0000;color:#e8f4f8;margin:0 auto;max-width:100%;padding:1.5rem}.interactive-ml-algorithms *{box-sizing:border-box}.interactive-ml-algorithms h1,.interactive-ml-algorithms h2,.interactive-ml-algorithms h3,.interactive-ml-algorithms h4{color:#e8f4f8;font-weight:600;margin-bottom:1rem}.interactive-ml-algorithms p{color:#b8d4e3;line-height:1.6;margin-bottom:1rem}.ml-header{margin-bottom:2.5rem;text-align:center}.ml-header h2{font-size:2rem;font-weight:700;margin-bottom:.75rem}.ml-header p{color:#b8d4e3;font-size:1rem}.ml-tabs{border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem;padding-bottom:.5rem}.ml-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.875rem 1.75rem;transition:all .3s ease}.ml-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.ml-tabs .tab.active{border-bottom-color:#4f92e0;color:#4f92e0}.ml-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.selector-controls{grid-gap:1.5rem;border-bottom:1px solid #ffffff1a;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2.5rem;padding-bottom:2rem}.control-group{gap:.75rem}.control-group select{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.control-group select:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.recommendations{margin-top:2rem}.recommendations h3{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.algorithm-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.algorithm-card{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1.25rem;padding:2rem;transition:all .3s ease}.algorithm-card:hover{border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.card-header h4{flex:1 1;font-size:1.125rem;margin:0}.rank{background:#4f92e033;border-radius:12px;color:#4f92e0;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.card-properties{display:flex;flex-direction:column;gap:.75rem}.property{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.5rem 0}.property:last-child{border-bottom:none}.property .label{color:#b8d4e3;font-size:.875rem}.property .value{color:#e8f4f8;font-size:.875rem;font-weight:600}.card-best-for{background:#4f92e01a;border-left:3px solid #4f92e0;border-radius:6px;color:#b8d4e3;font-size:.875rem;line-height:1.6;padding:1rem}.card-best-for strong{color:#e8f4f8;display:block;margin-bottom:.5rem}.card-code{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;overflow-x:auto;padding:1rem}.card-code pre{font-size:.8125rem;line-height:1.5;margin:0}.card-code code{background:#0000;color:#e8f4f8;padding:0}.metrics-calculator{display:flex;flex-direction:column;gap:2rem}.confusion-matrix-input{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.confusion-matrix-input h3{font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.matrix-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.matrix-cell{display:flex;flex-direction:column;gap:.75rem}.matrix-cell label{color:#b8d4e3;font-size:.875rem;font-weight:500}.matrix-cell input{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.matrix-cell input:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.metrics-results{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.metrics-results h3{font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-item{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center}.metric-name{color:#b8d4e3;font-size:.875rem;font-weight:500}.metric-value{color:#4f92e0;font-size:1.5rem;font-weight:700}.metric-formula{color:#b8d4e3b3;font-size:.75rem;font-style:italic}.algorithm-comparison{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.algorithm-comparison h3{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.comparison-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.comparison-table table{border-collapse:collapse;min-width:800px;width:100%}.comparison-table thead{background:#0f1b2ecc}.comparison-table th{border-bottom:2px solid #ffffff1a;color:#e8f4f8;font-size:.9375rem;font-weight:600;padding:1rem;text-align:left}.comparison-table td{border-bottom:1px solid #ffffff0d;color:#b8d4e3;font-size:.875rem;padding:1rem}.comparison-table tbody tr:hover{background:#ffffff0d}.comparison-table td strong{color:#e8f4f8;font-weight:600}@media (max-width:1024px){.algorithm-cards{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.interactive-ml-algorithms{padding:.75rem}.ml-header{margin-bottom:1.5rem}.ml-header h2{font-size:1.5rem}.ml-tabs{-webkit-overflow-scrolling:touch;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none}.ml-tabs::-webkit-scrollbar{display:none}.ml-tabs .tab{flex-shrink:0;font-size:.875rem;padding:.75rem 1.25rem}.ml-main{background:#0000;border:none;padding:0}.selector-controls{border-bottom:none;gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem;padding-bottom:1.5rem}.control-group label{text-align:left}.recommendations h3{font-size:1.25rem}.algorithm-cards{gap:0;grid-template-columns:1fr}.algorithm-card{background:#0000;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;padding:1.5rem 0}.algorithm-card:last-child{border-bottom:none}.algorithm-card:hover{box-shadow:none;transform:none}.card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.card-header h4{text-align:center;width:100%}.rank{align-self:center}.confusion-matrix-input,.metrics-results{background:#0000;border:none;padding:0}.confusion-matrix-input h3,.metrics-results h3{margin-bottom:1.25rem}.matrix-grid,.metrics-grid{gap:1.25rem;grid-template-columns:1fr}.metric-item{background:#0000;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;padding:1.25rem 0}.metric-item:last-child{border-bottom:none}.algorithm-comparison{background:#0000;border:none;padding:0}.algorithm-comparison h3{font-size:1.25rem}.comparison-table{border:1px solid #ffffff1a;border-radius:8px}.comparison-table table{min-width:600px}}@media (max-width:480px){.interactive-ml-algorithms{padding:.5rem}.ml-header h2{font-size:1.25rem}.ml-tabs .tab{font-size:.8125rem;padding:.625rem 1rem}.control-group select,.matrix-cell input{padding:.75rem}.card-code{padding:.875rem}.card-code pre{font-size:.75rem}.comparison-table table{font-size:.8125rem;min-width:500px}.comparison-table td,.comparison-table th{padding:.75rem .5rem}}.interactive-design-principles{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-design-principles *{box-sizing:border-box}.interactive-design-principles h1,.interactive-design-principles h2,.interactive-design-principles h3,.interactive-design-principles h4{color:#e8f4f8;font-weight:600;margin-bottom:1rem}.interactive-design-principles p{color:#b8d4e3;line-height:1.6;margin-bottom:1rem}.demo-container{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}@media (max-width:768px){.demo-container{background:#0000;border:none;border-radius:0;margin-bottom:1.5rem;padding:1rem 0}}.demo-controls{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.control-group{margin-bottom:1rem}.control-group label{display:block;margin-bottom:.5rem}.control-group input[type=number],.control-group input[type=range],.control-group input[type=text],.control-group select{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;padding:.75rem;width:100%}.demo-preview{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;min-height:200px;padding:1.5rem}@media (max-width:768px){.demo-preview{background:#0000;border:none;border-radius:0;padding:1rem 0}}.hierarchy-demo{display:flex;flex-direction:column;gap:1rem}.hierarchy-demo>div{background:#4f92e033;border:1px solid #4f92e04d;border-radius:8px;color:#e8f4f8;padding:1rem}.whitespace-demo{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;color:#e8f4f8;padding:1rem}.balance-demo{align-items:center;display:flex;gap:1rem;justify-content:center}.balance-left,.balance-right{background:#4f92e033;border:1px solid #4f92e04d;border-radius:8px;color:#e8f4f8;flex:1 1;padding:2rem;text-align:center}.balance-content,.contrast-demo{font-size:1.25rem;font-weight:600}.contrast-demo{border-radius:8px;padding:2rem;text-align:center}.contrast-info{background:#0f1b2e99;border-radius:8px;margin-top:1rem;padding:1rem}.contrast-ratio{color:#e8f4f8;font-size:1.125rem;margin-bottom:.5rem}.contrast-rating{font-size:1rem;font-weight:600}.alignment-demo{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;min-height:200px;padding:1.5rem}.aligned-content{background:#4f92e033;border:1px solid #4f92e04d;border-radius:8px;color:#e8f4f8;padding:1rem}.proximity-demo{display:flex;flex-wrap:wrap;gap:1rem}.proximity-demo>div{background:#4f92e033;border:1px solid #4f92e04d;border-radius:8px;color:#e8f4f8;padding:1rem}.proximity-group{background:#4f92e01a;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.proximity-group h4{color:#e8f4f8;font-size:1rem;font-weight:600;margin:0 0 .5rem}.proximity-group p{color:#b8d4e3;font-size:.875rem;margin:0}.repetition-demo{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.consistent-btn{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.consistent-btn:hover{background:#6ba5e8;transform:translateY(-2px)}.random-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem}.repetition-demo p{color:#b8d4e3;font-size:.9375rem;margin:0;text-align:center}.emphasis-demo{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:200px;text-align:center}.emphasis-demo h1{margin:0}.emphasis-demo p{color:#b8d4e3;font-size:.9375rem;margin:0}.movement-demo{display:flex;flex-direction:column;gap:1rem;min-height:300px}.flow-f-pattern,.flow-linear,.flow-z-pattern{grid-gap:1rem;display:grid;gap:1rem;min-height:250px}.flow-z-pattern{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.flow-f-pattern,.flow-linear{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.flow-item{align-items:center;background:#4f92e033;border:1px solid #4f92e04d;border-radius:8px;color:#e8f4f8;display:flex;font-weight:600;justify-content:center;padding:1.5rem;transition:all .3s ease}.flow-item:hover{background:#4f92e04d;transform:scale(1.05)}.unity-demo{display:flex;flex-direction:column;gap:1.5rem}.unity-elements{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.unity-element{background:#4f92e033;border:1px solid #4f92e04d;border-radius:8px;color:#e8f4f8;min-width:120px;padding:1rem;text-align:center}.rhythm-demo{display:flex;flex-direction:column;gap:1rem}.rhythm-pattern{flex-wrap:wrap;gap:1rem}.rhythm-item,.rhythm-pattern{align-items:center;display:flex;justify-content:center}.rhythm-item{background:#4f92e033;border:1px solid #4f92e04d;border-radius:50%;color:#e8f4f8;font-weight:600}.proportion-demo{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.proportion-container{align-items:flex-end;display:flex;gap:1rem;justify-content:center;width:100%}.proportion-box{align-items:center;background:#4f92e033;border:1px solid #4f92e04d;border-radius:8px;color:#e8f4f8;display:flex;font-weight:600;justify-content:center;min-width:80px}.gestalt-demo,.gestalt-visual{display:flex;flex-direction:column;gap:1.5rem}.gestalt-visual{min-height:200px;padding:2rem}.gestalt-group,.gestalt-visual{align-items:center;background:#0f1b2e66;border-radius:8px;justify-content:center}.gestalt-group{display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem}.gestalt-item{background:#4f92e033;border:1px solid #4f92e04d;border-radius:8px;color:#e8f4f8;min-width:100px;padding:1rem;text-align:center}.gestalt-circle{border:2px solid #4f92e080;border-radius:50%}.gestalt-circle,.gestalt-square{background:#4f92e04d;height:60px;width:60px}.gestalt-square{border:2px solid #4f92e080;border-radius:4px}.gestalt-demo p{color:#b8d4e3;font-size:.9375rem;margin:0;text-align:center}.principles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.principle-card.selected{background:#4f92e01a}.principle-header{align-items:center;display:flex;gap:1rem}.principle-icon{font-size:2rem}.principle-name{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin:0}.principle-description{color:#b8d4e3;font-size:.875rem;line-height:1.6;margin:0}.principle-detail{margin-bottom:2rem}.principle-detail-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.principle-detail-icon{font-size:3rem}.principle-detail-title{color:#e8f4f8;font-size:1.5rem;font-weight:700;margin:0}.principle-explanation{color:#b8d4e3;font-size:1rem;line-height:1.8;margin-bottom:2rem}.examples-section,.techniques-section{margin-bottom:2rem}.examples-section h4,.techniques-section h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.techniques-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.techniques-list li{color:#b8d4e3;font-size:.9375rem;line-height:1.6;padding-left:1.5rem;position:relative}.techniques-list li:before{color:#4f92e0;content:"•";font-weight:700;left:0;position:absolute}.examples-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.example-card{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;padding:1rem}.example-label{color:#e8f4f8;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.example-text{color:#b8d4e3;font-size:.875rem;line-height:1.6;margin:0}.example-card.good{border-left:4px solid #4f92e0}.example-card.bad{border-left:4px solid #ecc140}.detail-content{display:flex;flex-direction:column;gap:2rem}.examples-section h3,.techniques-section h3{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.techniques-section ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.techniques-section li{color:#b8d4e3;font-size:.9375rem;line-height:1.6;padding-left:1.5rem;position:relative}.techniques-section li:before{color:#4f92e0;content:"•";font-weight:700;left:0;position:absolute}.examples-section{display:flex;flex-direction:column;gap:1rem}.example-bad,.example-good{align-items:flex-start;border-radius:8px;display:flex;gap:1rem;padding:1.5rem}.example-good{background:#4f92e01a;border:1px solid #4f92e04d;border-left:4px solid #4f92e0}.example-bad{background:#ecc1401a;border:1px solid #ecc1404d;border-left:4px solid #ecc140}.icon-good{color:#4f92e0}.icon-bad,.icon-good{flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.icon-bad{color:#ecc140}.example-bad h4,.example-good h4{color:#e8f4f8;font-size:1rem;font-weight:600;margin:0 0 .5rem}.example-bad p,.example-good p{color:#b8d4e3;font-size:.9375rem;line-height:1.6;margin:0}.demo-link{margin-top:1rem;text-align:center}.demo-btn{align-items:center;background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;margin:0;padding:1rem 2rem;transition:all .3s ease}.demo-btn:hover{background:#6ba5e8;box-shadow:0 4px 12px #4f92e04d;transform:translateY(-2px)}.close-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:#b8d4e3;cursor:pointer;display:flex;font-size:1.25rem;font-weight:300;height:36px;justify-content:center;margin:0;padding:.5rem 1rem;transition:all .3s ease;width:36px}.close-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#e8f4f8}.demos-selector{margin-bottom:2rem}.demos-selector h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.demo-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.demo-card{align-items:center;background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.demo-card:hover{border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.demo-card.active{background:#4f92e026;border-color:#4f92e0;box-shadow:0 0 0 2px #4f92e033}.demo-icon{font-size:3rem}.demo-card h4{color:#e8f4f8;font-size:1rem;font-weight:600;margin:0}.demo-section{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;margin-top:2rem;padding:2rem}.demo-section h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.demo-section p{color:#b8d4e3;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.complete-guide{display:flex;flex-direction:column;gap:3rem}.guide-section{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.guide-section h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.guide-section>p{color:#b8d4e3;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.guide-principles{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.guide-item{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.guide-item h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.guide-item>p{color:#b8d4e3;font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.guide-item ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.guide-item li{color:#b8d4e3;font-size:.875rem;line-height:1.6;padding-left:1.25rem;position:relative}.guide-item li:before{color:#4f92e0;content:"→";left:0;position:absolute}.interactive-design-principles button{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.interactive-design-principles button:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.interactive-design-principles button:focus{outline:2px solid #4f92e0;outline-offset:2px}.interactive-design-principles code{background:#0f1b2ecc;border-radius:4px;color:#ecc140;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}.interactive-design-principles pre{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;color:#e8f4f8;font-family:Courier New,monospace;overflow-x:auto;padding:1rem}.principles-header{margin-bottom:2.5rem;text-align:center}.principles-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.principles-header p{color:#b8d4e3;font-size:1rem;line-height:1.6;margin:0}.principles-tabs{border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem;padding-bottom:.5rem}.principles-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.875rem 1.75rem;transition:all .3s ease}.principles-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.principles-tabs .tab.active{border-bottom-color:#4f92e0;color:#4f92e0}.principles-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.tab-content{color:#e8f4f8}.explorer-controls{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1.5rem}.level-filter{display:flex;flex-direction:column;gap:1rem}.level-filter label{color:#b8d4e3;font-size:.9375rem;font-weight:500}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.filter-buttons button{background:#0f1b2e99;border:1px solid #fff3;border-radius:6px;color:#b8d4e3;cursor:pointer;font-size:.875rem;font-weight:500;margin:0;padding:.625rem 1.25rem;transition:all .3s ease}.filter-buttons button:hover{background:#ffffff1a;border-color:#ffffff4d}.filter-buttons button.active{background:#4f92e0;border-color:#4f92e0;color:#fff}.principle-card{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.principle-card:hover{border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.principle-card.selected{background:#4f92e026;border-color:#4f92e0;box-shadow:0 0 0 2px #4f92e033}.card-icon{font-size:2.5rem;margin-bottom:.5rem;text-align:center}.principle-card h3{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin:0;text-align:center}.card-description{color:#b8d4e3;font-size:.875rem;line-height:1.6;margin:0;text-align:center}.card-level{display:flex;justify-content:center;margin-top:auto}.level-badge{font-size:.75rem;text-transform:capitalize}.level-badge.fundamental{background:#4f92e033;color:#4f92e0}.level-badge.intermediate{background:#ecc14033;color:#ecc140}.level-badge.advanced{background:#dc354533;color:#dc3545}.no-selection-message{align-items:center;background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:3rem 2rem;text-align:center}.info-icon{color:#4f92e0;font-size:3rem;opacity:.7}.no-selection-message p{color:#b8d4e3;font-size:1rem;line-height:1.6;margin:0;max-width:600px}.principle-detail{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;margin-top:2rem;padding:2rem}.detail-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem;position:relative}.detail-icon{flex-shrink:0;font-size:3rem}.detail-header>div{flex:1 1}.detail-header h2{color:#e8f4f8;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.detail-description{color:#b8d4e3;font-size:1rem;line-height:1.8;margin:0}.detail-header button{background:#0000;border:1px solid #fff3;border-radius:6px;color:#b8d4e3;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;position:absolute;right:0;top:0;transition:all .3s ease}.detail-header button:hover{background:#ffffff1a;border-color:#ffffff4d;color:#e8f4f8}@media (max-width:1024px){.demo-controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.interactive-design-principles{padding:.25rem}.principles-header{margin-bottom:1.5rem;padding:0 .5rem}.principles-header h2{font-size:1.5rem;text-align:left}.principles-header p{text-align:left}.principles-tabs{-webkit-overflow-scrolling:touch;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding:0 .5rem;scrollbar-width:none}.principles-tabs::-webkit-scrollbar{display:none}.principles-tabs .tab{flex-shrink:0;font-size:.875rem;padding:.75rem 1.25rem}.principles-main{background:#0000;border:none;padding:0}.explorer-controls{border-bottom:none;margin-bottom:1.5rem;padding-bottom:1rem}.filter-buttons{flex-direction:column}.filter-buttons button{width:100%}.principles-grid{gap:1.25rem;grid-template-columns:1fr}.principle-card{padding:1.25rem}.principle-detail{padding:1.5rem}.detail-header{flex-direction:column;gap:1rem}.detail-header button{align-self:flex-end;position:static}.demo-container{background:#0000;border:none;margin-bottom:1.5rem;padding:0}.demo-controls{gap:1.25rem;grid-template-columns:1fr}.control-group,.demo-controls{margin-bottom:1.25rem}.demo-preview{background:#0f1b2e99;border:1px solid #ffffff14;min-height:150px;padding:1.25rem}.balance-demo{flex-direction:column;gap:1rem}.balance-left,.balance-right{padding:1.5rem}.proximity-demo{flex-direction:column}.detail-content{gap:1.5rem}.example-bad,.example-good{flex-direction:column;padding:1.25rem}.demo-cards{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.demo-card{padding:1.25rem}.demo-icon{font-size:2.5rem}.demo-section{padding:1.5rem}.guide-principles{gap:1.25rem;grid-template-columns:1fr}.guide-item{padding:1.25rem}}@media (max-width:480px){.interactive-design-principles{padding:.5rem}.principles-header h2{font-size:1.25rem}.principles-tabs .tab{font-size:.8125rem;padding:.625rem 1rem}.card-icon{font-size:2rem}.detail-icon{font-size:2.5rem}.detail-header h2{font-size:1.5rem}.control-group input[type=number],.control-group input[type=range],.control-group input[type=text],.control-group select{padding:.75rem}}.interactive-windows-commands{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-windows-commands *{box-sizing:border-box}.interactive-windows-commands h1,.interactive-windows-commands h2,.interactive-windows-commands h3,.interactive-windows-commands h4{color:#e8f4f8;font-weight:600;margin-bottom:1rem}.interactive-windows-commands p{color:#b8d4e3;line-height:1.6;margin-bottom:1rem}.windows-header{margin-bottom:2rem;padding:0;text-align:center}.windows-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.windows-header p{color:#b8d4e3;font-size:1rem;margin:0}.windows-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.windows-tabs::-webkit-scrollbar{display:none}.windows-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;display:flex;flex-shrink:0;font-size:.9375rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.windows-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.windows-tabs .tab.active{background:#4f92e026;border-bottom-color:#4f92e0;color:#4f92e0}.windows-tabs .tab svg{flex-shrink:0;font-size:1rem}.windows-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.interactive-windows-commands button{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;margin:.25rem;padding:.75rem 1.5rem;transition:all .3s ease}.interactive-windows-commands button:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.interactive-windows-commands input,.interactive-windows-commands select,.interactive-windows-commands textarea{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;margin-bottom:1rem;padding:.75rem;width:100%}.interactive-windows-commands input:focus,.interactive-windows-commands select:focus,.interactive-windows-commands textarea:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.interactive-windows-commands code{background:#0f1b2ecc;border-radius:4px;color:#ecc140;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}.interactive-windows-commands pre{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;color:#e8f4f8;font-family:Courier New,monospace;overflow-x:auto;padding:1rem}@media (max-width:768px){.interactive-windows-commands{padding:0}.windows-header{margin-bottom:1.5rem;padding:0;text-align:left}.windows-header h2{font-size:1.5rem;text-align:left}.windows-header p{text-align:left}.windows-tabs{gap:.5rem;justify-content:flex-start;margin-bottom:1.5rem;padding:0}.windows-tabs .tab{font-size:.875rem;padding:.75rem 1.25rem}.windows-tabs .tab span{display:none}.windows-main{background:#0000;border:none;margin:0;padding:0}.tab-content{padding:0}.tab-content h3{font-size:1.25rem}.category-buttons{gap:.5rem}.category-buttons button{font-size:.8125rem;padding:.625rem 1rem}.command-item{background:#0f1b2e4d;border:none;padding:1.25rem}.command-header{align-items:flex-start;flex-direction:column;gap:1rem}.copy-btn{justify-content:center;width:100%}}@media (max-width:480px){.windows-header h2{font-size:1.25rem}.windows-tabs .tab{font-size:.8125rem;padding:.625rem 1rem}.category-buttons{flex-direction:column}.category-buttons button{justify-content:center;width:100%}.command-item{padding:1rem}}.interactive-mac-commands{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-mac-commands *{box-sizing:border-box}.interactive-mac-commands h1,.interactive-mac-commands h2,.interactive-mac-commands h3,.interactive-mac-commands h4{color:#e8f4f8;font-weight:600;margin-bottom:1rem}.interactive-mac-commands p{color:#b8d4e3;line-height:1.6;margin-bottom:1rem}.mac-header{margin-bottom:2rem;padding:0;text-align:center}.mac-header h2{align-items:center;color:#e8f4f8;display:flex;font-size:2rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.75rem}.mac-header p{color:#b8d4e3;font-size:1rem;margin:0}.mac-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.mac-tabs::-webkit-scrollbar{display:none}.mac-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;display:flex;flex-shrink:0;font-size:.9375rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.mac-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.mac-tabs .tab.active{background:#4f92e026;border-bottom-color:#4f92e0;color:#4f92e0}.mac-tabs .tab svg{flex-shrink:0;font-size:1rem}.mac-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.category-selector{margin-bottom:2rem}.category-selector label{color:#b8d4e3;display:block;font-size:.9375rem;font-weight:500;margin-bottom:1rem}.category-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.category-buttons button{align-items:center;background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;color:#b8d4e3;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.category-buttons button:hover{background:#0f1b2e99;border-color:#4f92e080;color:#e8f4f8}.category-buttons button.active{background:#4f92e033;border-color:#4f92e0;color:#4f92e0}.category-icon{font-size:1rem}.commands-list{display:flex;flex-direction:column;gap:1.5rem}.command-item{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.command-header h4{color:#e8f4f8;font-size:1.125rem;margin:0}.copy-btn{padding:.5rem 1rem}.command-code{background:#0f1b2ecc;border-radius:8px;margin-bottom:.75rem;padding:1rem}.command-code code{color:#ecc140;font-family:Courier New,monospace;font-size:.9375rem;white-space:pre-wrap;word-break:break-all}.command-description{color:#b8d4e3;line-height:1.6;margin-bottom:.75rem}.command-example{background:#0f1b2e66;border-left:3px solid #4f92e0;border-radius:4px;margin-top:.75rem;padding:.75rem 1rem}.command-example strong{color:#e8f4f8;display:block;margin-bottom:.5rem}.command-example code{color:#ecc140;font-family:Courier New,monospace;font-size:.875rem}.command-warning{align-items:center;background:#ecc1401a;border:1px solid #ecc1404d;border-radius:8px;color:#ecc140;display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem}.interactive-mac-commands button{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;margin:.25rem;padding:.75rem 1.5rem;transition:all .3s ease}.interactive-mac-commands button:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.interactive-mac-commands input,.interactive-mac-commands select,.interactive-mac-commands textarea{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;margin-bottom:1rem;padding:.75rem;width:100%}.interactive-mac-commands input:focus,.interactive-mac-commands select:focus,.interactive-mac-commands textarea:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.interactive-mac-commands code{background:#0f1b2ecc;border-radius:4px;color:#ecc140;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}.interactive-mac-commands pre{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;color:#e8f4f8;font-family:Courier New,monospace;overflow-x:auto;padding:1rem}@media (max-width:768px){.interactive-mac-commands{padding:0}.mac-header{margin-bottom:1.5rem;padding:0;text-align:left}.mac-header h2{font-size:1.5rem;justify-content:flex-start}.mac-header h2,.mac-header p{text-align:left}.mac-tabs{gap:.5rem;justify-content:flex-start;margin-bottom:1.5rem;padding:0}.mac-tabs .tab{font-size:.875rem;padding:.75rem 1.25rem}.mac-tabs .tab span{display:none}.mac-main{background:#0000;border:none;margin:0;padding:0}.tab-content{padding:0}.tab-content h3{font-size:1.25rem}.category-buttons{gap:.5rem}.category-buttons button{font-size:.8125rem;padding:.625rem 1rem}.command-item{background:#0f1b2e4d;border:none;padding:1.25rem}.command-header{align-items:flex-start;flex-direction:column;gap:1rem}.copy-btn{justify-content:center;width:100%}}@media (max-width:480px){.mac-header h2{font-size:1.25rem}.mac-tabs .tab{font-size:.8125rem;padding:.625rem 1rem}.category-buttons{flex-direction:column}.category-buttons button{justify-content:center;width:100%}.command-item{padding:1rem}}.interactive-git{background:#0000;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-git,.interactive-git *{box-sizing:border-box}.interactive-git h1,.interactive-git h2,.interactive-git h3,.interactive-git h4{color:#e8f4f8;font-weight:600;margin-bottom:1rem}.interactive-git p{color:#b8d4e3;line-height:1.6;margin-bottom:1rem}.git-header{margin-bottom:2rem;padding:0;text-align:center}.git-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.git-header p{color:#b8d4e3;font-size:1rem;margin:0}.git-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.git-tabs::-webkit-scrollbar{display:none}.git-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;display:flex;flex-shrink:0;font-size:.9375rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.git-tabs .tab:hover{background:#ffffff0d;color:#e8f4f8}.git-tabs .tab.active{background:#4f92e026;border-bottom-color:#4f92e0;color:#4f92e0}.git-tabs .tab svg{flex-shrink:0;font-size:1rem}.git-main{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.tab-content h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.tab-content h4{color:#e8f4f8;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.section-description{color:#b8d4e3;line-height:1.6;margin-bottom:1.5rem}.command-builder{display:flex;flex-direction:column;gap:2rem}.builder-controls{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.control-group label{font-size:.9375rem}.control-group input,.control-group select{padding:.75rem}.control-group small{color:#8ba3b5;margin-top:.25rem}.flags-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.flag-checkbox{align-items:center;background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.flag-checkbox:hover{background:#0f1b2e99;border-color:#4f92e080}.flag-checkbox input[type=checkbox]{accent-color:#4f92e0;cursor:pointer;flex-shrink:0;height:18px;width:18px}.flag-checkbox span:first-of-type{color:#e8f4f8;font-family:Courier New,monospace;font-size:.875rem;font-weight:500;min-width:120px}.flag-desc{color:#b8d4e3;flex:1 1;font-size:.8125rem}.generated-command{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.command-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.command-header h3,.command-header h4{color:#e8f4f8;font-size:1.125rem;margin:0}.command-header span{color:#e8f4f8;font-size:1rem;font-weight:600}.copy-btn{align-items:center;background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.copy-btn:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.copy-btn svg{font-size:1rem}.command-output{background:#0f1b2ecc;border-radius:8px;overflow-x:auto;padding:1rem}.command-output code{font-size:.9375rem}.command-output code,.command-output pre{color:#ecc140;font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-all}.command-output pre{background:#0000;border:none;font-size:.875rem;margin:0;padding:0}.large-files-section{gap:2rem}.large-files-section,.lfs-setup{display:flex;flex-direction:column}.lfs-setup{gap:1.5rem}.lfs-tips,.optimization-tips{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.lfs-tips h4,.optimization-tips h4{margin-bottom:1rem}.lfs-tips ul,.optimization-tips ul{color:#b8d4e3;line-height:1.8;padding-left:1.5rem}.lfs-tips ul li,.optimization-tips ul li{margin-bottom:.75rem}.lfs-tips code,.optimization-tips code{background:#0f1b2ecc;border-radius:4px;color:#ecc140;font-family:Courier New,monospace;font-size:.8125rem;padding:.25rem .5rem}.workarounds{display:flex;flex-direction:column;gap:1.5rem}.workaround-item{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.workaround-item strong{color:#4f92e0;display:block;font-size:1.125rem;margin-bottom:.5rem}.workaround-item p{color:#b8d4e3;margin-bottom:.75rem}.workaround-item code{background:#0f1b2ecc;border-radius:8px;color:#ecc140;display:block;font-family:Courier New,monospace;font-size:.875rem;margin-top:.5rem;padding:.75rem;white-space:pre-wrap}.optimization-section{display:flex;flex-direction:column;gap:2rem}.solution-output{display:flex;flex-direction:column;gap:1rem}.workflows-section{display:flex;flex-direction:column;gap:2rem}.workflow-content{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.workflow-steps{display:flex;flex-direction:column;gap:1.5rem}.workflow-steps h4{margin-bottom:1rem}.workflow-steps ol{color:#b8d4e3;line-height:1.8;padding-left:1.5rem}.workflow-steps ol li{margin-bottom:1rem}.workflow-steps ol li strong{color:#e8f4f8;display:block;margin-bottom:.5rem}.workflow-steps code{background:#0f1b2ecc;border-radius:8px;color:#ecc140;display:block;font-family:Courier New,monospace;font-size:.875rem;margin-top:.5rem;padding:.75rem;white-space:pre-wrap}@media (max-width:768px){.interactive-git{padding:0}.git-header{margin-bottom:1.5rem;padding:0;text-align:left}.git-header h2{font-size:1.5rem}.git-header h2,.git-header p{text-align:left}.git-tabs{gap:.5rem;justify-content:flex-start;margin-bottom:1.5rem;padding:0}.git-tabs .tab{font-size:.875rem;padding:.75rem 1.25rem}.git-tabs .tab span{display:none}.git-main{background:#0000;border:none;margin:0;padding:0}.tab-content{padding:0}.tab-content h3{font-size:1.25rem}.builder-controls{gap:1.25rem;grid-template-columns:1fr}.flags-list{gap:.5rem}.flag-checkbox{flex-wrap:wrap;padding:.625rem}.flag-checkbox span:first-of-type{min-width:auto;width:100%}.flag-desc{font-size:.75rem;width:100%}.generated-command{background:#0f1b2e4d;border:none;padding:1.25rem}.command-header{align-items:flex-start;flex-direction:column;gap:1rem}.command-output{padding:.75rem}.command-output code,.command-output pre{font-size:.8125rem}.lfs-tips,.optimization-tips,.workaround-item,.workflow-content{background:#0f1b2e4d;border:none;padding:1.25rem}.large-files-section,.optimization-section,.workflows-section{gap:1.5rem}}@media (max-width:480px){.git-header h2{font-size:1.25rem}.git-tabs .tab{font-size:.8125rem;padding:.625rem 1rem}.builder-controls{gap:1rem}.generated-command,.lfs-tips,.optimization-tips,.workaround-item,.workflow-content{padding:1rem}.command-output code,.command-output pre{font-size:.75rem}}.interactive-stock-trading{background:#0000;box-sizing:border-box;color:#e8f4f8;margin:0 auto;max-width:1400px;padding:1.5rem;width:100%}.interactive-stock-trading *{box-sizing:border-box}.trading-header{margin-bottom:2.5rem;text-align:center}.trading-header h2{color:#e8f4f8;font-size:2rem;font-weight:700;margin-bottom:.75rem}.trading-header p{color:#b8d4e3;font-size:1rem;line-height:1.6;margin:0}.trading-tabs{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.trading-tabs::-webkit-scrollbar{display:none}.trading-tabs button{align-items:center;background:#0f1b2e99;border:1px solid #fff3;border-radius:8px;color:#b8d4e3;cursor:pointer;display:flex;flex-shrink:0;font-size:.9375rem;font-weight:500;gap:.5rem;margin:0;padding:.875rem 1.5rem;transition:all .3s ease;white-space:nowrap}.trading-tabs button:hover{background:#4f92e01a;border-color:#4f92e04d;color:#e8f4f8}.trading-tabs button.active{background:#4f92e040;border-color:#4f92e0;color:#4f92e0}.trading-tabs button svg{font-size:1rem}.tab-content{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;max-width:100%;padding:2rem;width:100%}.strategy-builder{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr;max-width:100%;width:100%}.strategy-controls{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;gap:1.5rem;padding:1.5rem}.control-group,.strategy-controls{display:flex;flex-direction:column;max-width:100%;width:100%}.control-group{gap:.5rem}.control-group label{color:#b8d4e3;font-size:.875rem;font-weight:500;text-align:left}.control-group input,.control-group select{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#e8f4f8;font-size:.9375rem;max-width:100%;padding:.875rem 1rem;transition:all .3s ease;width:100%}.control-group input:focus,.control-group select:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.control-group small{color:#b8d4e3;font-size:.8125rem;margin-top:-.25rem}.strategy-results{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.strategy-results h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin:0}.strategy-results p{color:#b8d4e3;font-size:.9375rem;margin:0}.strategy-details{grid-gap:1rem;background:#0f1b2e99;border-radius:8px;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:100%;padding:1rem;width:100%}.detail-item{color:#b8d4e3;font-size:.9375rem;line-height:1.6;text-align:left;width:100%}.detail-item strong{color:#e8f4f8;font-weight:600}.profit-chart{margin-top:1rem;max-width:100%;width:100%}.profit-chart h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.chart-container{-webkit-overflow-scrolling:touch;align-items:flex-end;background:#0f1b2e99;border-radius:8px;display:flex;gap:.5rem;height:250px;justify-content:space-between;overflow-x:auto;padding:1rem;width:100%}.chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;flex-shrink:0;gap:.5rem;min-width:60px}.bar-label{color:#b8d4e3;margin-bottom:.25rem;text-align:center}.bar,.bar-label{font-size:.75rem}.bar{align-items:center;border-radius:4px 4px 0 0;color:#fff;display:flex;font-weight:600;justify-content:center;min-height:20px;text-shadow:0 1px 2px #00000080;transition:all .3s ease;width:100%}.bar.profit{background:#28a745cc}.bar.loss{background:#dc3545cc}.bar-percent{color:#b8d4e3;font-size:.75rem;text-align:center}.terminology-explorer{display:flex;flex-direction:column;gap:2rem}.search-section{display:flex;flex-direction:column;gap:1rem}.search-input{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.category-filters button{background:#0f1b2e99;border:1px solid #fff3;border-radius:6px;color:#b8d4e3;cursor:pointer;font-size:.875rem;font-weight:500;margin:0;padding:.625rem 1.25rem;transition:all .3s ease}.category-filters button:hover{background:#4f92e01a;border-color:#4f92e04d;color:#e8f4f8}.category-filters button.active{background:#4f92e040;border-color:#4f92e0;color:#4f92e0}.terms-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.term-card{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.term-card:hover{border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.term-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.term-header h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin:0}.term-category{background:#4f92e033;border-radius:12px;color:#4f92e0;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.term-definition{color:#b8d4e3;font-size:.9375rem;line-height:1.6;margin:0}.term-details{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.term-example{color:#b8d4e3;font-size:.875rem;line-height:1.6}.term-example strong{color:#e8f4f8;font-weight:600}.profit-calculator{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr}.calculator-controls,.calculator-results{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.calculator-results h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin:0}.result-box{border:2px solid;border-radius:12px;padding:2rem;text-align:center}.result-box.profit{background:#28a74526;border-color:#28a74580}.result-box.loss{background:#dc354526;border-color:#dc354580}.result-label{color:#b8d4e3;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.result-value{color:#e8f4f8;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.result-percent{color:#b8d4e3;font-size:1rem}.scenario-table{margin-top:1rem}.scenario-table h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.scenario-table table{background:#0f1b2e99;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.scenario-table th{background:#0f1b2ecc;border-bottom:1px solid #ffffff1a;color:#e8f4f8;font-size:.875rem;font-weight:600;padding:.875rem;text-align:left}.scenario-table td{border-bottom:1px solid #ffffff0d;color:#b8d4e3;font-size:.875rem;padding:.875rem}.scenario-table td.profit{color:#28a745;font-weight:600}.scenario-table td.loss{color:#dc3545;font-weight:600}.greeks-calculator{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr}.greeks-controls{display:flex;flex-direction:column;gap:1.5rem}.greeks-controls,.greeks-results{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.greeks-results h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.greeks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.greek-card{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;padding:1.25rem;text-align:center}.greek-card.total{background:#4f92e026;border-color:#4f92e04d}.greek-name{color:#b8d4e3;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.greek-value{color:#e8f4f8;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.greek-value.profit{color:#28a745}.greek-value.loss{color:#dc3545}.greek-desc{color:#b8d4e3;font-size:.8125rem}.risk-manager{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr}.risk-controls{display:flex;flex-direction:column;gap:1.5rem}.risk-controls,.risk-results{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.risk-results h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.risk-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.risk-item{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;padding:1.25rem;text-align:center}.risk-label{color:#b8d4e3;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.risk-value{color:#e8f4f8;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.risk-desc{color:#b8d4e3;font-size:.8125rem}.risk-warning{align-items:center;background:#ecc14026;border:1px solid #ecc1404d;border-radius:8px;color:#ecc140;display:flex;font-size:.875rem;gap:.75rem;padding:1rem}.risk-warning svg{flex-shrink:0;font-size:1.125rem}.platform-guides{display:flex;flex-direction:column;gap:2rem}.platform-tabs{border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding-bottom:.5rem}.platform-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;font-size:.9375rem;font-weight:500;margin:0 0 -2px;padding:.875rem 1.5rem;transition:all .3s ease}.platform-tabs button:hover{background:#ffffff0d;color:#e8f4f8}.platform-tabs button.active{border-bottom-color:#4f92e0;color:#4f92e0}.platform-content{background:#0f1b2e66;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.platform-guide h3{color:#e8f4f8;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.guide-section{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1.5rem}.guide-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.guide-section h4{color:#e8f4f8;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.guide-section ol,.guide-section ul{color:#b8d4e3;font-size:.9375rem;line-height:1.8;margin:0;padding-left:1.5rem}.guide-section li{margin-bottom:.5rem}@media (max-width:1024px){.greeks-calculator,.profit-calculator,.risk-manager,.strategy-builder{grid-template-columns:1fr}.terms-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.greeks-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.interactive-stock-trading{margin:0 auto;max-width:100%;padding:.75rem;width:100%}.trading-header{margin-bottom:1.5rem;text-align:center;width:100%}.trading-header h2{font-size:1.5rem}.trading-tabs{gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:0 .5rem;width:100%}.trading-tabs button{flex:1 1;font-size:.875rem;justify-content:center;min-width:120px;padding:.75rem 1rem}.tab-content{background:#0000;border:none;max-width:100%;padding:0;width:100%}.greeks-calculator,.profit-calculator,.risk-manager,.strategy-builder{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:100%;width:100%}.calculator-controls,.calculator-results,.greeks-controls,.greeks-results,.risk-controls,.risk-results,.strategy-controls,.strategy-results{background:#0f1b2e99;border:1px solid #ffffff14;margin:0 auto;max-width:100%;padding:1.25rem;width:100%}.strategy-details{grid-template-columns:1fr;width:100%}.chart-container{-webkit-overflow-scrolling:touch;align-items:flex-end;display:flex;gap:.2rem;height:200px;justify-content:center;max-width:100%;overflow-x:auto;padding:.75rem .5rem;scrollbar-width:thin;width:100%}.chart-bar{align-items:center;display:flex;flex-direction:column;flex-shrink:0;max-width:40px;min-width:30px}.bar{max-width:35px;min-width:25px;width:100%}.bar-label,.bar-percent{font-size:.6875rem;text-align:center}.terms-grid{gap:1rem;grid-template-columns:1fr;width:100%}.term-card{margin:0 auto;max-width:100%;width:100%}.category-filters{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.category-filters button{flex:1 1;max-width:150px;min-width:100px}.search-input{max-width:100%;width:100%}.result-value{font-size:2rem}.scenario-table{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.scenario-table table{min-width:400px;width:100%}.greeks-grid,.risk-summary{grid-template-columns:1fr;width:100%}.platform-tabs{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.platform-tabs button{flex:1 1;min-width:120px;text-align:center}.platform-content{background:#0f1b2e99;border:1px solid #ffffff14;padding:1.25rem}.greeks-calculator,.platform-content,.profit-calculator,.risk-manager,.terminology-explorer{max-width:100%;width:100%}}@media (max-width:480px){.interactive-stock-trading{margin:0 auto;max-width:100%;padding:.5rem;width:100%}.trading-header{padding:0 .5rem;text-align:center;width:100%}.trading-header h2{font-size:1.25rem}.trading-tabs{gap:.375rem;justify-content:center;padding:0 .25rem}.trading-tabs button{flex:1 1;font-size:.75rem;justify-content:center;min-width:100px;padding:.625rem .75rem}.trading-tabs button svg{font-size:.8125rem}.greeks-calculator,.profit-calculator,.risk-manager,.strategy-builder{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:100%;width:100%}.calculator-controls,.calculator-results,.greeks-controls,.greeks-results,.risk-controls,.risk-results,.strategy-controls,.strategy-results{box-sizing:border-box;margin:0 auto;max-width:100%;padding:1rem;width:100%}.calculator-results h3,.greeks-results h3,.risk-results h3,.strategy-results h3,.strategy-results p{text-align:center}.control-group{max-width:100%;width:100%}.control-group input,.control-group select{box-sizing:border-box;max-width:100%;padding:.75rem;width:100%}.chart-container{-webkit-overflow-scrolling:touch;align-items:flex-end;display:flex;gap:.15rem;height:180px;justify-content:center;max-width:100%;overflow-x:auto;padding:.5rem .25rem;scrollbar-width:thin;width:100%}.chart-bar{align-items:center;display:flex;flex-direction:column;flex-shrink:0;max-width:32px;min-width:24px}.bar{max-width:28px;min-width:20px;padding:.2rem;width:100%}.bar,.bar-label,.bar-percent{font-size:.625rem;text-align:center}.bar-label,.bar-percent{word-break:break-word}.result-value{font-size:1.75rem}.scenario-table{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.scenario-table table{font-size:.8125rem;min-width:300px;width:100%}.scenario-table td,.scenario-table th{padding:.625rem .5rem}.terms-grid{gap:.875rem;width:100%}.term-card{margin:0 auto;padding:1rem;width:100%}.category-filters{gap:.5rem;justify-content:center}.category-filters button{flex:1 1;font-size:.8125rem;max-width:120px;min-width:80px;padding:.5rem .75rem}.greeks-grid{gap:.875rem;width:100%}.risk-summary{gap:1rem;width:100%}.platform-tabs{gap:.5rem;justify-content:center}.platform-tabs button{flex:1 1;font-size:.8125rem;min-width:100px;padding:.75rem 1rem;text-align:center}}.interactive-python{background:#0000;color:#e8f4f8;margin:0 auto;max-width:100%;padding:.5rem;width:100%}.interactive-python,.interactive-python *{box-sizing:border-box}.python-tooltip-wrapper{display:inline-block;position:relative}.python-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2a3ff2;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #0006;color:#e8f4f8;font-size:.875rem;max-width:300px;padding:.75rem 1rem;pointer-events:none;position:fixed;z-index:1000}.python-header{margin-bottom:2rem;padding:0;text-align:center}.python-title{color:#e8f4f8;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.python-subtitle{color:#b8d4e3;font-size:1.125rem;line-height:1.6}.python-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.python-tabs::-webkit-scrollbar{display:none}.python-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;display:flex;flex-shrink:0;font-size:.9375rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.python-tab:hover{background:#ffffff0d;color:#e8f4f8}.python-tab.active{background:#4f92e026;border-bottom-color:#4f92e0;color:#4f92e0}.examples-container,.learn-container,.patterns-container,.python-container{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.learn-description,.patterns-description{color:#b8d4e3;line-height:1.6;margin-bottom:2rem}.concepts-grid,.examples-grid,.patterns-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.concept-card,.example-card,.pattern-card{cursor:pointer}.concept-level-badge,.pattern-level-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.concept-explanation,.pattern-explanation{color:#8ba3b5;font-size:.9rem;margin-bottom:1rem}.load-example-btn,.load-pattern-btn,.try-concept-btn{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem;transition:background .3s ease;width:100%}.load-example-btn:hover,.load-pattern-btn:hover,.try-concept-btn:hover{background:#6ba5e8}.category-title,.example-category h3{color:#e8f4f8;font-size:1.25rem;margin-bottom:1rem}.pattern-use-case{background:#0f1b2e99;font-size:.875rem}.level-filter{margin-bottom:1.5rem}.code-editor-python{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-family:Courier New,Consolas,Monaco,monospace;font-size:.9375rem;line-height:1.6;min-height:400px;padding:1rem;resize:vertical;width:100%}.code-editor-python:focus,.code-editor:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.code-editor-section{margin-bottom:1rem}.editor-header{align-items:center;color:#e8f4f8;display:flex;justify-content:space-between;margin-bottom:.75rem}.editor-actions{display:flex;gap:.5rem}.copy-btn,.run-btn{background:#1a2a3fcc;border:1px solid #fff3;font-size:.875rem;transition:all .2s ease}.output-section{background:#0f1b2e99;border:1px solid #ffffff1a;padding:1rem}.output-header{font-weight:600;margin-bottom:.75rem}.output-content{background:#0f1b2ecc;border:1px solid #ffffff26;min-height:200px;overflow-x:auto;padding:1rem}.output-content pre{font-size:.875rem;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.interactive-python button{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;margin:.25rem;padding:.75rem 1.5rem;transition:all .3s ease}.interactive-python button:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.interactive-python input,.interactive-python select,.interactive-python textarea{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;margin-bottom:1rem;padding:.75rem;width:100%}.interactive-python input:focus,.interactive-python select:focus,.interactive-python textarea:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.interactive-python code{border-radius:4px;color:#ecc140;font-size:.875rem;padding:.25rem .5rem}.interactive-python code,.interactive-python pre{background:#0f1b2ecc;font-family:Courier New,monospace}.interactive-python pre{border:1px solid #ffffff1a;border-radius:8px;color:#e8f4f8;overflow-x:auto;padding:1rem}@media (max-width:768px){.interactive-python{padding:0}.python-header{margin-bottom:1.5rem;text-align:left}.python-title{font-size:1.5rem}.python-subtitle,.python-title{text-align:left}.python-tabs{gap:.5rem;justify-content:flex-start;margin-bottom:1.5rem;padding:0}.python-tab{font-size:.875rem;padding:.75rem 1.25rem}.python-tab span{display:none}.python-container{background:#1a2a3f4d;border:none;padding:1.25rem}.code-editor-python{font-size:.875rem;min-height:300px;padding:.75rem}}@media (max-width:480px){.python-title{font-size:1.25rem}.python-tab{font-size:.8125rem;padding:.625rem 1rem}.python-container{padding:1rem}.code-editor,.code-editor-python{font-size:.8125rem;min-height:220px}.output-content{min-height:150px}}.python-tooltip{max-width:min(300px,calc(100vw - 2rem));transform:translate(-50%,-100%)}@media (pointer:coarse){.copy-btn,.load-example-btn,.load-pattern-btn,.python-tab,.run-btn,.try-concept-btn{min-height:44px}}.interactive-color-theory,.interactive-git,.interactive-kubernetes,.interactive-layout-grid,.interactive-mac-commands,.interactive-ml-algorithms,.interactive-physics,.interactive-platform-guidelines,.interactive-prompt-builder,.interactive-prototype,.interactive-spacing-sizing,.interactive-states,.interactive-stock-trading,.interactive-typography,.interactive-windows-commands{background:#0000;color:#e8f4f8;margin:0 auto;max-width:100%;padding:1.5rem}.interactive-color-theory *,.interactive-git *,.interactive-kubernetes *,.interactive-layout-grid *,.interactive-mac-commands *,.interactive-ml-algorithms *,.interactive-physics *,.interactive-platform-guidelines *,.interactive-prompt-builder *,.interactive-prototype *,.interactive-spacing-sizing *,.interactive-states *,.interactive-stock-trading *,.interactive-typography *,.interactive-windows-commands *{box-sizing:border-box}.interactive-color-theory h1,.interactive-color-theory h2,.interactive-color-theory h3,.interactive-color-theory h4,.interactive-git h1,.interactive-git h2,.interactive-git h3,.interactive-git h4,.interactive-kubernetes h1,.interactive-kubernetes h2,.interactive-kubernetes h3,.interactive-kubernetes h4,.interactive-layout-grid h1,.interactive-layout-grid h2,.interactive-layout-grid h3,.interactive-layout-grid h4,.interactive-mac-commands h1,.interactive-mac-commands h2,.interactive-mac-commands h3,.interactive-mac-commands h4,.interactive-ml-algorithms h1,.interactive-ml-algorithms h2,.interactive-ml-algorithms h3,.interactive-ml-algorithms h4,.interactive-physics h1,.interactive-physics h2,.interactive-physics h3,.interactive-physics h4,.interactive-platform-guidelines h1,.interactive-platform-guidelines h2,.interactive-platform-guidelines h3,.interactive-platform-guidelines h4,.interactive-prompt-builder h1,.interactive-prompt-builder h2,.interactive-prompt-builder h3,.interactive-prompt-builder h4,.interactive-prototype h1,.interactive-prototype h2,.interactive-prototype h3,.interactive-prototype h4,.interactive-spacing-sizing h1,.interactive-spacing-sizing h2,.interactive-spacing-sizing h3,.interactive-spacing-sizing h4,.interactive-states h1,.interactive-states h2,.interactive-states h3,.interactive-states h4,.interactive-stock-trading h1,.interactive-stock-trading h2,.interactive-stock-trading h3,.interactive-stock-trading h4,.interactive-typography h1,.interactive-typography h2,.interactive-typography h3,.interactive-typography h4,.interactive-windows-commands h1,.interactive-windows-commands h2,.interactive-windows-commands h3,.interactive-windows-commands h4{color:#e8f4f8;font-weight:600;margin-bottom:1rem}.interactive-color-theory p,.interactive-git p,.interactive-kubernetes p,.interactive-layout-grid p,.interactive-mac-commands p,.interactive-ml-algorithms p,.interactive-physics p,.interactive-platform-guidelines p,.interactive-prompt-builder p,.interactive-prototype p,.interactive-spacing-sizing p,.interactive-states p,.interactive-stock-trading p,.interactive-typography p,.interactive-windows-commands p{color:#b8d4e3;line-height:1.6;margin-bottom:1rem}.interactive-color-theory .card,.interactive-color-theory .container,.interactive-color-theory .section,.interactive-git .card,.interactive-git .container,.interactive-git .section,.interactive-kubernetes .card,.interactive-kubernetes .container,.interactive-kubernetes .section,.interactive-layout-grid .card,.interactive-layout-grid .container,.interactive-layout-grid .section,.interactive-mac-commands .card,.interactive-mac-commands .container,.interactive-mac-commands .section,.interactive-ml-algorithms .card,.interactive-ml-algorithms .container,.interactive-ml-algorithms .section,.interactive-physics .card,.interactive-physics .container,.interactive-physics .section,.interactive-platform-guidelines .card,.interactive-platform-guidelines .container,.interactive-platform-guidelines .section,.interactive-prompt-builder .card,.interactive-prompt-builder .container,.interactive-prompt-builder .section,.interactive-prototype .card,.interactive-prototype .container,.interactive-prototype .section,.interactive-spacing-sizing .card,.interactive-spacing-sizing .container,.interactive-spacing-sizing .section,.interactive-states .card,.interactive-states .container,.interactive-states .section,.interactive-stock-trading .card,.interactive-stock-trading .container,.interactive-stock-trading .section,.interactive-typography .card,.interactive-typography .container,.interactive-typography .section,.interactive-windows-commands .card,.interactive-windows-commands .container,.interactive-windows-commands .section{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.interactive-color-theory button,.interactive-git button,.interactive-kubernetes button,.interactive-layout-grid button,.interactive-mac-commands button,.interactive-ml-algorithms button,.interactive-physics button,.interactive-platform-guidelines button,.interactive-prompt-builder button,.interactive-prototype button,.interactive-spacing-sizing button,.interactive-states button,.interactive-stock-trading button,.interactive-typography button,.interactive-windows-commands button{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.interactive-color-theory button:hover,.interactive-git button:hover,.interactive-kubernetes button:hover,.interactive-layout-grid button:hover,.interactive-mac-commands button:hover,.interactive-ml-algorithms button:hover,.interactive-physics button:hover,.interactive-platform-guidelines button:hover,.interactive-prompt-builder button:hover,.interactive-prototype button:hover,.interactive-spacing-sizing button:hover,.interactive-states button:hover,.interactive-stock-trading button:hover,.interactive-typography button:hover,.interactive-windows-commands button:hover{background:#6ba5e8;box-shadow:0 4px 8px #4f92e04d;transform:translateY(-2px)}.interactive-color-theory button:focus,.interactive-git button:focus,.interactive-kubernetes button:focus,.interactive-layout-grid button:focus,.interactive-mac-commands button:focus,.interactive-ml-algorithms button:focus,.interactive-physics button:focus,.interactive-platform-guidelines button:focus,.interactive-prompt-builder button:focus,.interactive-prototype button:focus,.interactive-spacing-sizing button:focus,.interactive-states button:focus,.interactive-stock-trading button:focus,.interactive-typography button:focus,.interactive-windows-commands button:focus{outline:2px solid #4f92e0;outline-offset:2px}.interactive-color-theory input,.interactive-color-theory select,.interactive-color-theory textarea,.interactive-git input,.interactive-git select,.interactive-git textarea,.interactive-kubernetes input,.interactive-kubernetes select,.interactive-kubernetes textarea,.interactive-layout-grid input,.interactive-layout-grid select,.interactive-layout-grid textarea,.interactive-mac-commands input,.interactive-mac-commands select,.interactive-mac-commands textarea,.interactive-ml-algorithms input,.interactive-ml-algorithms select,.interactive-ml-algorithms textarea,.interactive-physics input,.interactive-physics select,.interactive-physics textarea,.interactive-platform-guidelines input,.interactive-platform-guidelines select,.interactive-platform-guidelines textarea,.interactive-prompt-builder input,.interactive-prompt-builder select,.interactive-prompt-builder textarea,.interactive-prototype input,.interactive-prototype select,.interactive-prototype textarea,.interactive-spacing-sizing input,.interactive-spacing-sizing select,.interactive-spacing-sizing textarea,.interactive-states input,.interactive-states select,.interactive-states textarea,.interactive-stock-trading input,.interactive-stock-trading select,.interactive-stock-trading textarea,.interactive-typography input,.interactive-typography select,.interactive-typography textarea,.interactive-windows-commands input,.interactive-windows-commands select,.interactive-windows-commands textarea{background:#0f1b2ecc;border:1px solid #fff3;border-radius:8px;color:#e8f4f8;font-size:.9375rem;padding:.75rem}.interactive-color-theory input:focus,.interactive-color-theory select:focus,.interactive-color-theory textarea:focus,.interactive-git input:focus,.interactive-git select:focus,.interactive-git textarea:focus,.interactive-kubernetes input:focus,.interactive-kubernetes select:focus,.interactive-kubernetes textarea:focus,.interactive-layout-grid input:focus,.interactive-layout-grid select:focus,.interactive-layout-grid textarea:focus,.interactive-mac-commands input:focus,.interactive-mac-commands select:focus,.interactive-mac-commands textarea:focus,.interactive-ml-algorithms input:focus,.interactive-ml-algorithms select:focus,.interactive-ml-algorithms textarea:focus,.interactive-physics input:focus,.interactive-physics select:focus,.interactive-physics textarea:focus,.interactive-platform-guidelines input:focus,.interactive-platform-guidelines select:focus,.interactive-platform-guidelines textarea:focus,.interactive-prompt-builder input:focus,.interactive-prompt-builder select:focus,.interactive-prompt-builder textarea:focus,.interactive-prototype input:focus,.interactive-prototype select:focus,.interactive-prototype textarea:focus,.interactive-spacing-sizing input:focus,.interactive-spacing-sizing select:focus,.interactive-spacing-sizing textarea:focus,.interactive-states input:focus,.interactive-states select:focus,.interactive-states textarea:focus,.interactive-stock-trading input:focus,.interactive-stock-trading select:focus,.interactive-stock-trading textarea:focus,.interactive-typography input:focus,.interactive-typography select:focus,.interactive-typography textarea:focus,.interactive-windows-commands input:focus,.interactive-windows-commands select:focus,.interactive-windows-commands textarea:focus{border-color:#4f92e0;outline:2px solid #4f92e0;outline-offset:2px}.interactive-color-theory code,.interactive-git code,.interactive-kubernetes code,.interactive-layout-grid code,.interactive-mac-commands code,.interactive-ml-algorithms code,.interactive-physics code,.interactive-platform-guidelines code,.interactive-prompt-builder code,.interactive-prototype code,.interactive-spacing-sizing code,.interactive-states code,.interactive-stock-trading code,.interactive-typography code,.interactive-windows-commands code{background:#0f1b2ecc;border-radius:4px;color:#ecc140;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}.interactive-color-theory pre,.interactive-git pre,.interactive-kubernetes pre,.interactive-layout-grid pre,.interactive-mac-commands pre,.interactive-ml-algorithms pre,.interactive-physics pre,.interactive-platform-guidelines pre,.interactive-prompt-builder pre,.interactive-prototype pre,.interactive-spacing-sizing pre,.interactive-states pre,.interactive-stock-trading pre,.interactive-typography pre,.interactive-windows-commands pre{background:#0f1b2ecc;border:1px solid #ffffff1a;border-radius:8px;color:#e8f4f8;font-family:Courier New,monospace;overflow-x:auto;padding:1rem}.interactive-color-theory table,.interactive-git table,.interactive-kubernetes table,.interactive-layout-grid table,.interactive-mac-commands table,.interactive-ml-algorithms table,.interactive-physics table,.interactive-platform-guidelines table,.interactive-prompt-builder table,.interactive-prototype table,.interactive-spacing-sizing table,.interactive-states table,.interactive-stock-trading table,.interactive-typography table,.interactive-windows-commands table{border-collapse:collapse;margin:1rem 0;width:100%}.interactive-color-theory table th,.interactive-git table th,.interactive-kubernetes table th,.interactive-layout-grid table th,.interactive-mac-commands table th,.interactive-ml-algorithms table th,.interactive-physics table th,.interactive-platform-guidelines table th,.interactive-prompt-builder table th,.interactive-prototype table th,.interactive-spacing-sizing table th,.interactive-states table th,.interactive-stock-trading table th,.interactive-typography table th,.interactive-windows-commands table th{background:#1a2a3fcc;border-bottom:2px solid #ffffff1a;color:#e8f4f8;font-weight:600;padding:.75rem;text-align:left}.interactive-color-theory table td,.interactive-git table td,.interactive-kubernetes table td,.interactive-layout-grid table td,.interactive-mac-commands table td,.interactive-ml-algorithms table td,.interactive-physics table td,.interactive-platform-guidelines table td,.interactive-prompt-builder table td,.interactive-prototype table td,.interactive-spacing-sizing table td,.interactive-states table td,.interactive-stock-trading table td,.interactive-typography table td,.interactive-windows-commands table td{border-bottom:1px solid #ffffff0d;color:#b8d4e3;padding:.75rem}@media (max-width:768px){.interactive-color-theory,.interactive-git,.interactive-kubernetes,.interactive-layout-grid,.interactive-mac-commands,.interactive-ml-algorithms,.interactive-physics,.interactive-platform-guidelines,.interactive-prompt-builder,.interactive-prototype,.interactive-spacing-sizing,.interactive-states,.interactive-stock-trading,.interactive-typography,.interactive-windows-commands{padding:1rem}}.interactive-react{margin:0;max-width:100%;padding:.75rem;width:100%}.react-header{margin-bottom:3rem;text-align:center}@media (min-width:768px){.interactive-react{padding:1rem}}@media (min-width:1280px){.interactive-react{padding:1.25rem}}.react-title{color:#e8f4f8;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.react-subtitle{color:#b8d4e3;font-size:1.2rem}.react-tooltip-wrapper{display:inline-block;position:relative}.react-tooltip{background:#1a2a3f;border:1px solid #2a3f5a;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#e8f4f8;font-size:.9rem;max-width:300px;padding:.5rem 1rem;pointer-events:none;position:fixed;z-index:1000}.react-term-highlight{background:#4f92e033;border-radius:4px;cursor:help;padding:.1rem .3rem}.level-badge{border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.level-badge.beginner{background:#4f92e033;color:#4f92e0}.level-badge.expert{background:#ecc14033;color:#ecc140}.react-tabs{border-bottom:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.react-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#b8d4e3;cursor:pointer;font-size:1rem;margin-bottom:-2px;padding:1rem 1.5rem;transition:all .3s ease}.react-tab:hover{background:#ffffff0d;color:#e8f4f8}.react-tab.active{border-bottom-color:#4f92e0;color:#4f92e0}.level-filter{margin-bottom:2rem}.level-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.level-btn{background:#1a2a3f99;border:1px solid #fff3;border-radius:8px;color:#b8d4e3;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.level-btn:hover{border-color:#4f92e0;color:#e8f4f8}.level-btn.active{background:#4f92e0;border-color:#4f92e0;color:#fff}.examples-container,.learn-container,.patterns-container,.performance-container,.playground-container{background:#1a2a3f99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.examples-description,.learn-description,.patterns-description,.performance-description{color:#b8d4e3;line-height:1.6;margin-bottom:2rem}.concepts-grid,.examples-grid,.patterns-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.concept-card,.example-card,.pattern-card{background:#0f1b2e;border:1px solid #2a3f5a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.concept-card:hover,.example-card:hover,.pattern-card:hover{border-color:#4f92e0;box-shadow:0 6px 12px #0003;transform:translateY(-3px)}.concept-card-header,.example-card-header,.pattern-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.concept-level-badge,.pattern-level-badge,.performance-level-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.concept-description,.example-description,.pattern-description{color:#b8d4e3;line-height:1.5;margin-bottom:1rem}.concept-explanation,.pattern-explanation,.performance-explanation{color:#8ba3b5;font-size:.9rem;margin-bottom:1rem}.concept-key-points{list-style:none;margin:1rem 0;padding:0}.concept-key-points li{color:#b8d4e3;padding:.5rem 0 .5rem 1.5rem;position:relative}.concept-key-points li:before{color:#4f92e0;content:"→";left:0;position:absolute}.load-example-btn,.load-performance-btn,.try-concept-btn,.try-pattern-btn{background:#4f92e0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem;transition:background .3s ease;width:100%}.load-example-btn:hover,.load-performance-btn:hover,.try-concept-btn:hover,.try-pattern-btn:hover{background:#6ba5e8}.code-section{margin-bottom:2rem}.code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.code-actions,.copy-btn,.run-btn{display:flex;gap:.5rem}.copy-btn,.run-btn{align-items:center;background:#1a2a3f;border:1px solid #2a3f5a;border-radius:6px;color:#e8f4f8;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.copy-btn:hover,.run-btn:hover{background:#4f92e033;border-color:#4f92e0;transform:translateY(-1px)}.run-btn:disabled{cursor:not-allowed;opacity:.5}.code-editor{background:#0f1b2e;border:1px solid #2a3f5a;border-radius:8px;color:#e8f4f8;font-family:Courier New,monospace;font-size:.9rem;min-height:400px;padding:1rem;resize:vertical;width:100%}.error-message{background:#ecc1401a;border-left:4px solid #ecc140;border-radius:6px;color:#ecc140;margin-top:1rem;padding:1rem}.example-info{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:8px;color:#b8d4e3;margin-top:1rem;padding:1rem}.output-section{background:#0f1b2e;border:1px solid #2a3f5a;border-radius:12px;padding:1.5rem}.output-header{align-items:center;color:#e8f4f8;display:flex;justify-content:space-between;margin-bottom:1rem}.output-content{background:#0f1b2e;border:1px solid #2a3f5a;border-radius:8px;min-height:300px;overflow:hidden}.output-iframe{border:none;height:500px;width:100%}.output-placeholder{align-items:center;background:#0f1b2e66;border-radius:8px;color:#b8d4e3;display:flex;flex-direction:column;height:300px;justify-content:center}.hint{font-size:.9rem;margin-top:1rem}.example-category{margin-bottom:2rem}.category-title{color:#e8f4f8;margin-bottom:1rem}.pattern-use-case{background:#0f1b2e;border-radius:6px;color:#b8d4e3;margin-top:1rem;padding:1rem}.performance-sections{display:flex;flex-direction:column;gap:2rem}.performance-section{background:#0f1b2e99;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.performance-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.performance-code{margin:1rem 0}.performance-tips{list-style:none;margin-top:1rem;padding:0}.performance-tips li{color:#b8d4e3;padding:.5rem 0 .5rem 1.5rem;position:relative}.performance-tips li:before{color:#4f92e0;content:"✓";left:0;position:absolute}.spinner{animation:spin 1s linear infinite}.playground-container{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:1024px){.playground-container{grid-template-columns:1fr}}@media (max-width:768px){.interactive-react{padding:.5rem}.react-header{margin-bottom:1.5rem}.react-title{font-size:1.5rem;line-height:1.3}.react-subtitle{font-size:1rem}.react-tabs{-webkit-overflow-scrolling:touch;flex-direction:row;flex-wrap:nowrap;margin-bottom:1.5rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;scrollbar-width:thin}.react-tabs::-webkit-scrollbar{height:4px}.react-tab{flex:0 0 auto;font-size:.9rem;min-height:44px;min-width:44px;padding:.75rem 1rem}.level-filter{margin-bottom:1.5rem}.level-buttons{gap:.5rem}.level-btn{font-size:.875rem;min-height:44px;padding:.5rem .75rem}.examples-container,.learn-container,.patterns-container,.performance-container,.playground-container{margin-bottom:1.5rem;padding:1rem}.concepts-grid,.examples-grid,.patterns-grid{gap:1rem;grid-template-columns:1fr}.concept-card,.example-card,.pattern-card{padding:1rem}.code-header{align-items:stretch;flex-direction:column;gap:.75rem}.code-actions{flex-wrap:wrap}.copy-btn,.run-btn{flex:1 1;min-height:44px;min-width:120px;padding:.625rem 1rem}.code-editor{font-size:.85rem;min-height:280px;padding:.75rem}.output-section{padding:1rem}.output-content{min-height:250px}.output-iframe{height:350px}.output-placeholder{height:250px;padding:1rem;text-align:center}.load-example-btn,.load-performance-btn,.try-concept-btn,.try-pattern-btn{min-height:44px;padding:.75rem 1rem}.performance-section{padding:1rem}}@media (max-width:480px){.react-title{font-size:1.35rem}.react-tab{font-size:.8rem;padding:.625rem .75rem}.code-editor{font-size:.8rem;min-height:220px}.output-iframe{height:280px}.output-content,.output-placeholder{height:200px;min-height:200px}.concept-card-header,.example-card-header,.pattern-card-header{flex-wrap:wrap;gap:.5rem}}.react-tooltip{max-width:min(300px,calc(100vw - 2rem));transform:translate(-50%,-100%)}@media (pointer:coarse){.copy-btn,.level-btn,.load-example-btn,.load-performance-btn,.react-tab,.run-btn,.try-concept-btn,.try-pattern-btn{min-height:44px}.react-term-highlight{align-items:center;display:inline-flex;min-height:28px;padding:.25rem .4rem}}.interactive-photography{background:#0000;color:#e8f4f8;margin:0 auto;max-width:100%;padding:1rem 0}.interactive-photography h3{color:#e8f4f8;font-size:1.25rem;margin-bottom:.5rem}.photo-desc{color:#b8d4e3;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.photo-controls{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.guide-toggles{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.guide-toggle{align-items:center;color:#b8d4e3;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;-webkit-user-select:none;user-select:none}.guide-toggle input{display:none}.toggle-dot{background:gold;background:var(--toggle-color,gold);border-radius:50%;height:14px;opacity:.5;transition:opacity .2s,transform .2s;width:14px}.guide-toggle input:checked+.toggle-dot{box-shadow:0 0 6px gold;box-shadow:0 0 6px var(--toggle-color,gold);opacity:1;transform:scale(1.15)}.guide-toggle:hover .toggle-dot{opacity:.9}.image-selector{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.image-selector span{color:#b8d4e3;font-size:.875rem}.image-thumbs{display:flex;gap:.5rem}.image-thumbs .thumb{background:#0f1b2ecc;border:2px solid #0000;border-radius:6px;cursor:pointer;height:36px;overflow:hidden;padding:0;transition:border-color .2s,transform .2s;width:48px}.image-thumbs .thumb:hover{border-color:#4f92e080;transform:scale(1.05)}.image-thumbs .thumb.active{border-color:#4f92e0;box-shadow:0 0 8px #4f92e066}.image-thumbs .thumb img{display:block;height:100%;object-fit:cover;width:100%}.composition-preview{aspect-ratio:4/3;background:#0f1b2e;border-radius:12px;margin-bottom:1rem;max-width:600px;overflow:hidden;position:relative;width:100%}.composition-image{display:block;object-fit:cover}.composition-image,.composition-svg{height:100%;left:0;position:absolute;top:0;width:100%}.composition-svg{pointer-events:none}.composition-legend{color:#8ba3b5;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.75rem 1.5rem}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}@media (max-width:768px){.photo-controls{flex-direction:column}.guide-toggles{width:100%}.composition-preview{max-width:100%}}.photography-presets{color:#e8f4f8;margin:0 auto;max-width:100%;padding:1rem 0}.photography-presets h3{color:#e8f4f8;font-size:1.25rem;margin-bottom:.5rem}.presets-desc{color:#b8d4e3;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.presets-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:220px 1fr;min-height:320px}@media (max-width:768px){.presets-layout{grid-template-columns:1fr}}.presets-sidebar{gap:1rem}.preset-list,.presets-sidebar{display:flex;flex-direction:column}.preset-list{gap:.5rem;max-height:280px;overflow-y:auto}.preset-btn{background:#0f1b2e99;border:1px solid #ffffff26;border-radius:8px;color:#b8d4e3;cursor:pointer;padding:.6rem .75rem;text-align:left;transition:background .2s,border-color .2s}.preset-btn:hover{background:#4f92e026;border-color:#4f92e066}.preset-btn.active{background:#4f92e040;border-color:#4f92e0;color:#e8f4f8}.preset-name{display:block;font-size:.9rem;font-weight:600}.preset-desc-short{color:#8ba3b5;display:block;font-size:.75rem;margin-top:.2rem}.preset-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-add,.btn-cancel,.btn-delete,.btn-edit,.btn-reset,.btn-save{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:background .2s,border-color .2s}.btn-add{background:#4f92e04d;border-color:#4f92e0;color:#e8f4f8}.btn-add:hover{background:#4f92e080}.btn-delete{background:#dc354533;border-color:#dc354580;color:#f87171}.btn-delete:hover{background:#dc354566}.btn-edit,.btn-save{background:#4f92e04d;color:#e8f4f8}.btn-cancel{background:#ffffff1a;color:#b8d4e3}.btn-reset{background:#0000;border-color:#fff3;color:#8ba3b5}.presets-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.preset-header h4{color:#e8f4f8;font-size:1.1rem;margin:0 0 .25rem}.preset-header p{color:#8ba3b5;font-size:.85rem;margin:0 0 .75rem}.preset-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.preset-sliders{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.slider-row{display:flex;flex-direction:column;gap:.35rem}.slider-row label{color:#b8d4e3;font-size:.8rem}.slider-wrap{align-items:center;display:flex;gap:.75rem}.slider-wrap input[type=range]{-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:3px;flex:1 1;height:6px;min-width:0}.slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4f92e0;border:2px solid #e8f4f8;border-radius:50%;cursor:pointer;height:16px;width:16px}.slider-value{color:#8ba3b5;font-size:.8rem;min-width:2.5rem;text-align:right}.preset-preview{margin-top:.5rem}.preset-preview p{color:#8ba3b5;font-size:.8rem;margin-bottom:.5rem}.preview-image-wrap{border:1px solid #ffffff1a;border-radius:8px;max-width:300px;overflow:hidden}.preview-image-wrap img{display:block;height:auto;width:100%}.cheatsheet-page{background:linear-gradient(135deg,#1e3a5f,#2d5a87 50%,#2d5016);box-sizing:border-box;color:#fff;margin:0;min-height:calc(100vh - 120px);overflow-x:hidden;padding:0;width:100%}.cheatsheet-page main.cheatsheet-content{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:1rem;width:100%}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem 1rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#4f92e0;height:48px;margin-bottom:1.25rem;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container h2{color:#e8f4f8;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.error-container p{color:#e8f4f8e6;font-size:1rem;line-height:1.6;margin-bottom:1.75rem}.error-container button{background:#4f92e0;border:none;border-radius:10px;box-shadow:0 2px 8px #4f92e04d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:.875rem 1.75rem;transition:all .3s ease}.error-container button:hover{background:#6ba5e8;box-shadow:0 4px 12px #4f92e066;transform:translateY(-2px)}.error-container button:focus{outline:2px solid #4f92e0;outline-offset:2px}@media (min-width:768px){.cheatsheet-page{min-height:calc(100vh - 140px)}.cheatsheet-page main.cheatsheet-content{padding-left:1.5rem;padding-right:1.5rem}.error-container,.loading-container{padding:3rem 1.5rem}.error-container h2{font-size:1.75rem}.error-container p{font-size:1.125rem}}@media (min-width:1280px){.cheatsheet-page{min-height:calc(100vh - 160px)}.cheatsheet-page main.cheatsheet-content{padding-left:5rem;padding-right:5rem}.error-container,.loading-container{padding:4rem 2rem}.error-container h2{font-size:2rem}.error-container p{font-size:1.25rem}}@media (min-width:1536px){.cheatsheet-page main.cheatsheet-content{padding-left:6rem;padding-right:6rem}}.cheatsheet-page *{box-sizing:border-box;max-width:100%}body:has(.cheatsheet-page){overflow-x:hidden}.cheatsheet-page~footer,.cheatsheet-page~header,footer~.cheatsheet-page,header~.cheatsheet-page{position:relative;z-index:auto}.cheatsheets-gallery-page{background:linear-gradient(135deg,#1e3a5f,#2d5a87 50%,#2d5016);color:#fff;min-height:calc(100vh - 120px);overflow-x:hidden;padding-bottom:2rem;padding-top:0;width:100%}.gallery-header{background:linear-gradient(135deg,#2d5016,#1e3a5f);color:#fff;padding:2rem 1rem;text-align:center;width:100%}.gallery-header-content{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:100%;padding:0;position:relative}.back-button{align-items:center;align-self:flex-start;background:#61dafb26;border:1.5px solid #61dafb66;border-radius:10px;box-shadow:0 2px 4px #61dafb1a;color:#61dafb;display:inline-flex;font-size:.875rem;font-weight:500;gap:.625rem;margin-bottom:1rem;min-height:40px;padding:.625rem 1.125rem;position:relative;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#61dafb40;border-color:#61dafb99;box-shadow:0 4px 8px #61dafb33;transform:translateY(-1px)}.back-button:focus{outline:2px solid #61dafb;outline-offset:2px}.gallery-header h1{font-size:1.75rem;line-height:1.3;margin:0}.gallery-header p{color:#fffffff2;font-size:.9375rem;line-height:1.6;margin:0;max-width:100%;text-align:center}.gallery-container{margin:0 auto;max-width:100%;padding:1.5rem 1rem}.gallery-search-wrapper{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;max-width:100%}.gallery-dropdown-wrapper,.gallery-search{min-width:100%;width:100%}.gallery-dropdown,.gallery-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff40;border-radius:10px;color:#fff;font-size:.9375rem;padding:.875rem 1.125rem;transition:all .3s ease;width:100%}.gallery-dropdown:focus,.gallery-search-input:focus{background:#fff3;border-color:#4f92e080;outline:2px solid #4f92e0;outline-offset:2px}.gallery-search-input::placeholder{color:#ffffffb3}.category-group{margin-bottom:2rem}.category-title{border-bottom:2px solid #ffffff40;color:#fff;font-size:1.5rem;margin-bottom:1.25rem;padding-bottom:.625rem}.cheatsheets-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.cheatsheet-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e3a5fbf;border:2px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;min-height:140px;padding:1.125rem;text-decoration:none;transition:all .3s ease}.cheatsheet-card:hover{border-color:#4f92e0;border-color:var(--card-color,#4f92e0);box-shadow:0 8px 20px #0006;transform:translateY(-4px)}.cheatsheet-card:focus{outline:2px solid #4f92e0;outline-offset:2px}.card-icon-wrapper{align-items:center;background:#1e3a5f;background:var(--card-color,#1e3a5f);border-radius:10px;box-shadow:0 2px 8px #0003;display:flex;flex-shrink:0;height:52px;justify-content:center;margin-bottom:.875rem;min-height:52px;min-width:52px;width:52px}.card-icon{color:#fff;font-size:1.375rem}.card-content h3{color:#fff;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin-bottom:.375rem;text-align:center}.card-category{color:#ffffffd9;display:block;font-size:.75rem;margin-top:.25rem;text-align:center}.no-results{color:#ffffffe6;padding:3rem 1rem;text-align:center}.no-results p{font-size:1rem;line-height:1.6}@media (min-width:768px){.cheatsheets-gallery-page{padding-bottom:3rem}.gallery-header{padding:2.5rem 1.5rem}.gallery-header h1{font-size:2rem}.gallery-header p{font-size:1.0625rem}.back-button{font-size:.9375rem}.gallery-container{padding:2rem 1.5rem}.gallery-search-wrapper{flex-direction:row;max-width:100%}.gallery-dropdown-wrapper,.gallery-search{flex:1 1;min-width:200px}.gallery-dropdown,.gallery-search-input{font-size:1rem;padding:1rem 1.25rem}.category-title{font-size:1.625rem}.cheatsheets-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.cheatsheet-card{min-height:160px;padding:1.375rem}.card-icon-wrapper{height:56px;min-height:56px;min-width:56px;width:56px}.card-icon{font-size:1.5rem}.card-content h3{font-size:1.0625rem}.card-category{font-size:.8125rem}}@media (min-width:1280px){.gallery-header{padding:3rem 5rem}.gallery-header h1{font-size:2.5rem}.gallery-header p{font-size:1.125rem}.back-button{font-size:1rem;left:0;margin-bottom:0;position:absolute;top:0}.gallery-container{padding:2rem 5rem}.gallery-search-wrapper{margin-left:0;margin-right:0;max-width:100%}.cheatsheets-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cheatsheet-card{min-height:180px;padding:1.5rem}.card-icon-wrapper{height:64px;min-height:64px;min-width:64px;width:64px}.card-icon{font-size:1.625rem}.card-content h3{font-size:1.125rem}.card-category{font-size:.875rem}}@media (min-width:1536px){.gallery-header{padding:3rem 6rem}.gallery-container{padding:2rem 6rem}}.cheatsheets-gallery-page *{box-sizing:border-box;max-width:100%}body:has(.cheatsheets-gallery-page){overflow-x:hidden}.cheatsheets-gallery-page{--text-primary:#e8f4f8;--text-secondary:#b8d4e3}html{scroll-behavior:smooth}.gallery-header h1{font-weight:700;letter-spacing:-.02em}.category-title{font-weight:700;letter-spacing:-.01em}.cheatsheet-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.cheatsheet-card:hover{transform:translateY(-6px) scale(1.02)}.cheatsheet-card:focus-visible{outline:3px solid #4f92e0;outline-offset:3px}.gallery-dropdown:focus-visible,.gallery-search-input:focus-visible{outline:3px solid #4f92e0;outline-offset:2px}