@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:"Inter",var(--fontFamily-geist-sans),system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,var(--font-geist-mono),monospace;--color-red-50:#fef2f2;--color-red-200:#ffcaca;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-800:#9f0712;--color-green-100:#dcfce7;--color-green-600:#00a544;--color-emerald-100:#d0fae5;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-300:#90c5ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-800:#193cb8;--color-blue-900:#1c398e;--color-purple-600:#9810fa;--color-purple-700:#8200da;--color-pink-600:#e30076;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-slate-900:#0f172b;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-900:#101828;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#1e88e5;--color-navy:#1a2d5a;--color-light:#64b5f6;--spacing-1:var(--space-1);--spacing-2:var(--space-2);--spacing-3:var(--space-3);--spacing-4:var(--space-4);--spacing-5:var(--space-5);--spacing-6:var(--space-6);--spacing-8:var(--space-8);--spacing-10:var(--space-10);--spacing-12:var(--space-12);--spacing-16:var(--space-16);--spacing-20:var(--space-20);--spacing-24:var(--space-24);--spacing-32:var(--space-32);--spacing-64:var(--space-64)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-purple-700:lab(36.1758% 69.8525 -80.0381);--color-pink-600:lab(49.5493% 79.8381 2.31768);--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-800:lab(16.132% -.318035 -14.6672);--color-slate-900:lab(7.78673% 1.82345 -15.0537);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:var(--spacing-4)}.top-24{top:var(--spacing-24)}.right-4{right:var(--spacing-4)}.right-6{right:var(--spacing-6)}.bottom-6{bottom:var(--spacing-6)}.left-1\/2{left:50%}.left-3{left:var(--spacing-3)}.left-6{left:var(--spacing-6)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-20{margin-top:calc(var(--spacing-20)*-1)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-12{margin-top:var(--spacing-12)}.mt-16{margin-top:var(--spacing-16)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.mb-16{margin-bottom:var(--spacing-16)}.mb-20{margin-bottom:var(--spacing-20)}.mb-32{margin-bottom:var(--spacing-32)}.ml-1{margin-left:var(--spacing-1)}.ml-2\.5{margin-left:calc(var(--spacing)*2.5)}.ml-6{margin-left:var(--spacing-6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-4{height:var(--spacing-4)}.h-5{height:var(--spacing-5)}.h-6{height:var(--spacing-6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:var(--spacing-8)}.h-10{height:var(--spacing-10)}.h-12{height:var(--spacing-12)}.h-16{height:var(--spacing-16)}.h-20{height:var(--spacing-20)}.h-24{height:var(--spacing-24)}.min-h-\[60vh\]{min-height:60vh}.min-h-\[120px\]{min-height:120px}.min-h-screen{min-height:100vh}.w-4{width:var(--spacing-4)}.w-5{width:var(--spacing-5)}.w-6{width:var(--spacing-6)}.w-8{width:var(--spacing-8)}.w-10{width:var(--spacing-10)}.w-12{width:var(--spacing-12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:var(--spacing-16)}.w-20{width:var(--spacing-20)}.w-24{width:var(--spacing-24)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-7{--tw-translate-x:calc(var(--spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.gap-16{gap:var(--spacing-16)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-2)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-3)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-4)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-6)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-8)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-10)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-12)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-12)*calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-green-100{background-color:var(--color-green-100)}.bg-navy{background-color:var(--color-navy)}.bg-red-50{background-color:var(--color-red-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-purple-600{--tw-gradient-via:var(--color-purple-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-1{padding:var(--spacing-1)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.px-2{padding-inline:var(--spacing-2)}.px-3{padding-inline:var(--spacing-3)}.px-4{padding-inline:var(--spacing-4)}.px-6{padding-inline:var(--spacing-6)}.px-12{padding-inline:var(--spacing-12)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:var(--spacing-1)}.py-2{padding-block:var(--spacing-2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:var(--spacing-3)}.py-4{padding-block:var(--spacing-4)}.py-12{padding-block:var(--spacing-12)}.py-24{padding-block:var(--spacing-24)}.py-32{padding-block:var(--spacing-32)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pt-16{padding-top:var(--spacing-16)}.pr-4{padding-right:var(--spacing-4)}.pr-6{padding-right:var(--spacing-6)}.pb-2{padding-bottom:var(--spacing-2)}.pb-4{padding-bottom:var(--spacing-4)}.pb-24{padding-bottom:var(--spacing-24)}.pb-32{padding-bottom:var(--spacing-32)}.pl-4{padding-left:var(--spacing-4)}.pl-10{padding-left:var(--spacing-10)}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-white{color:var(--color-white)!important}.text-blue-100{color:var(--color-blue-100)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-light{color:var(--color-light)}.text-navy{color:var(--color-navy)}.text-primary{color:var(--color-primary)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:from-blue-700:hover{--tw-gradient-from:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-purple-700:hover{--tw-gradient-to:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\:left-auto{left:auto}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-start-7{grid-column-start:7}.md\:flex{display:flex}.md\:w-64{width:var(--spacing-64)}.md\:max-w-md{max-width:var(--container-md)}.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-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--color-navy:#1a2d5a;--color-navy-rgb:26,45,90;--color-primary:#1e88e5;--color-primary-rgb:30,136,229;--color-light:#64b5f6;--color-light-rgb:100,181,246;--color-white:#fff;--color-white-rgb:255,255,255;--color-gray-50:#f8fafb;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-error:#ef5350;--color-error-rgb:239,83,80;--color-red-dark:#c62828;--color-warning:#ffa726;--color-warning-rgb:255,167,38;--color-success:#66bb6a;--color-success-rgb:102,187,106;--color-navy-a10:rgba(var(--color-navy-rgb),.1);--color-navy-a20:rgba(var(--color-navy-rgb),.2);--color-navy-a30:rgba(var(--color-navy-rgb),.3);--color-navy-a40:rgba(var(--color-navy-rgb),.4);--color-navy-a50:rgba(var(--color-navy-rgb),.5);--color-navy-a60:rgba(var(--color-navy-rgb),.6);--color-navy-a70:rgba(var(--color-navy-rgb),.7);--color-navy-a80:rgba(var(--color-navy-rgb),.8);--color-navy-a90:rgba(var(--color-navy-rgb),.9);--color-primary-a10:rgba(var(--color-primary-rgb),.1);--color-primary-a20:rgba(var(--color-primary-rgb),.2);--color-primary-a30:rgba(var(--color-primary-rgb),.3);--color-primary-a40:rgba(var(--color-primary-rgb),.4);--color-primary-a50:rgba(var(--color-primary-rgb),.5);--color-primary-a60:rgba(var(--color-primary-rgb),.6);--color-primary-a70:rgba(var(--color-primary-rgb),.7);--color-primary-a80:rgba(var(--color-primary-rgb),.8);--color-primary-a90:rgba(var(--color-primary-rgb),.9);--color-light-a10:rgba(var(--color-light-rgb),.1);--color-light-a20:rgba(var(--color-light-rgb),.2);--color-light-a30:rgba(var(--color-light-rgb),.3);--color-light-a40:rgba(var(--color-light-rgb),.4);--color-light-a50:rgba(var(--color-light-rgb),.5);--color-light-a60:rgba(var(--color-light-rgb),.6);--color-light-a70:rgba(var(--color-light-rgb),.7);--color-light-a80:rgba(var(--color-light-rgb),.8);--color-light-a90:rgba(var(--color-light-rgb),.9);--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--gap-xxs:.25rem;--gap-xs:.5rem;--gap-sm:.75rem;--gap-md:1rem;--gap-lg:1.5rem;--gap-xl:2rem;--gap-xxl:3rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-64:16rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:.15s ease-in-out;--transition-base:.25s ease-in-out;--transition-slow:.35s ease-in-out}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-navy);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:inherit}.heading-huge{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--color-navy)}h1,.heading-h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-navy)}h2,.heading-h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-navy)}h3,.heading-h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-navy)}h4,.heading-h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-navy)}h5,.heading-h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-navy)}h6,.heading-h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-navy)}p{margin-bottom:var(--space-4)}.paragraph-xlarge{font-size:var(--font-size-2xl);line-height:var(--line-height-relaxed);color:var(--color-navy);text-align:center}.paragraph-large{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-navy);text-align:center}.paragraph-default{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-navy)}.paragraph-small{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-gray-600)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--color-gray-500)}.subheading{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-gray-500);text-align:center;letter-spacing:.02em}.eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.1em}blockquote,.quote{border-left:4px solid var(--color-primary);padding-left:var(--space-6);margin:var(--space-6)0;font-size:var(--font-size-lg);color:var(--color-navy);font-style:italic;line-height:var(--line-height-relaxed)}ul,ol{margin:var(--space-4)0;padding-left:var(--space-6)}ul li,ol li{margin-bottom:var(--space-2);color:var(--color-navy);line-height:var(--line-height-relaxed)}ul li{list-style-type:disc}ol li{list-style-type:decimal}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-40)0}.section-white{background-color:var(--color-white)}.section-gray{background-color:var(--color-gray-50)}.section-light{background-color:var(--color-light);color:var(--color-navy)}.section-navy{background-color:var(--color-navy);color:var(--color-white)}.section-navy .section-title,.section-navy .section-description{color:var(--color-white)}.section-header{margin-bottom:var(--space-20)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-navy);margin-bottom:var(--space-3)}.section-description{font-size:var(--font-size-lg);color:var(--color-primary);max-width:800px}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.color-swatch{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.color-swatch-main{padding:var(--space-8);text-align:center;justify-content:center;align-items:center;min-height:140px;display:flex}.color-swatch-hover{padding:var(--space-4);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:.9}.color-label{text-align:center;margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-600)}.demo-card{padding:var(--space-12);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;min-height:200px;transition:transform var(--transition-base),box-shadow var(--transition-base);flex-direction:column;justify-content:center;align-items:center;display:flex}.demo-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.demo-card h2{margin-bottom:var(--space-3);font-size:var(--font-size-2xl)}.demo-card p{font-size:var(--font-size-base);max-width:300px}.btn{padding:var(--space-3)var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;line-height:1.5;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-a80);border-color:var(--color-primary-a80);color:var(--color-white)}.btn-navy{background-color:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}.btn-navy:hover{background-color:var(--color-navy-a80);border-color:var(--color-navy-a80);color:var(--color-white)}.btn-light{background-color:var(--color-light);color:var(--color-navy);border-color:var(--color-light)}.btn-light:hover{background-color:var(--color-light-a80);border-color:var(--color-light-a80)}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-a10)}.btn-outline-white{color:var(--color-white);border-color:var(--color-white);background-color:#0000}.btn-outline-white:hover{background-color:#ffffff1a}.btn-outline-navy{color:var(--color-navy);border-color:var(--color-navy);background-color:#0000}.btn-outline-navy:hover{background-color:var(--color-navy-a10)}.btn-navy-inverse{background-color:var(--color-white);color:var(--color-primary);border-color:var(--color-white)}.btn-navy-inverse:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-100);color:var(--color-primary)}.btn-text{color:var(--color-primary);padding:var(--space-2)var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none}.btn-text:hover{color:var(--color-primary-a80);box-shadow:none;transform:translate(2px)}.btn-text-white{color:var(--color-white)}.btn-text-white:hover{color:#fffc}.btn-text.btn-sm{font-size:var(--font-size-sm);padding:var(--space-1)var(--space-2)}a,.link{color:var(--color-primary);cursor:pointer;transition:color var(--transition-base);text-decoration:underline}a:hover,.link:hover{color:var(--color-primary-a80)}.link-white{color:var(--color-white);text-decoration:underline}.tag{padding:var(--space-1)var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background-color:var(--color-gray-200);color:var(--color-navy);display:inline-block}.tag-pill,.tag.tag-pill{border-radius:var(--radius-full)}.tag-inverse{background-color:var(--color-navy);color:var(--color-white)}.tag-on-inverse{color:var(--color-white);border:1px solid var(--color-white);background-color:#0000}.tag-warning{background-color:var(--color-warning);color:var(--color-white)}.tag-success{background-color:var(--color-success);color:var(--color-white)}.tag-error{background-color:var(--color-error);color:var(--color-white)}.icon{width:var(--icon-size-md,24px);height:var(--icon-size-md,24px);color:var(--color-primary);font-size:var(--icon-size-md,24px);justify-content:center;align-items:center;display:inline-flex}.avatar{background-color:var(--color-gray-200);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;overflow:hidden}.image-wrapper{border-radius:var(--radius-lg);background-color:var(--color-gray-100);width:100%;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%}.form-label{margin-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-600);display:block}.input,.select{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family-primary);color:var(--color-navy);background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-base)}.input:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20);outline:none}textarea.input{resize:vertical;min-height:100px}.input-inverse,.select-inverse{color:var(--color-white);background-color:#ffffff1a;border-color:#fff3}.input-inverse:focus,.select-inverse:focus{background-color:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.input-accent,.select-accent{background-color:var(--color-white);border-color:var(--color-white);color:var(--color-navy)}.input-accent:focus,.select-accent:focus{border-color:var(--color-white);box-shadow:0 0 0 3px #ffffff4d}.checkbox-wrapper{cursor:pointer;align-items:center;display:flex}.checkbox{width:18px;height:18px;margin-right:var(--space-2);cursor:pointer;accent-color:var(--color-primary)}.checkbox-label{font-size:var(--font-size-base);color:var(--color-navy);cursor:pointer}.radio-wrapper{cursor:pointer;align-items:center;display:flex}.radio{width:18px;height:18px;margin-right:var(--space-2);cursor:pointer;accent-color:var(--color-primary)}.radio-label{font-size:var(--font-size-base);color:var(--color-navy);cursor:pointer}.card-default,.card-secondary,.card-inverse,.card-accent{padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-default:hover,.card-secondary:hover,.card-inverse:hover,.card-accent:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-default{background-color:var(--color-white);color:var(--color-navy)}.card-secondary{background-color:var(--color-gray-100);color:var(--color-navy)}.card-inverse{background-color:var(--color-navy);color:var(--color-white)}.card-accent{background-color:var(--color-primary);color:var(--color-white)}.card-image{border-radius:var(--radius-md);background-color:var(--color-gray-100);width:100%;height:160px;margin-bottom:var(--space-4);overflow:hidden}.card-description{font-size:var(--font-size-base);color:inherit;opacity:.9;margin-bottom:var(--space-4);line-height:1.6}.pricing-price{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:inherit;line-height:1}.pricing-period{font-size:var(--font-size-lg);color:inherit;opacity:.7}.icon-container{border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--color-primary-a20)0%,var(--color-primary-a10)100%);color:var(--color-primary);justify-content:center;align-items:center;font-size:24px;display:flex}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}.color-swatch{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.color-swatch:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.color-swatch-main{height:160px;padding:var(--space-4);align-items:flex-end;display:flex}.color-swatch-hover{height:80px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:.9;justify-content:center;align-items:center;display:flex}.color-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);margin-top:var(--space-3);text-align:center}.tint-row{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:3px solid var(--color-navy);flex-direction:column;gap:1px;display:flex;overflow:hidden}.tint-swatch{height:48px;padding:0 var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);align-items:center;display:flex}.btn{padding:var(--space-3)var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family-primary);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-a90);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-navy{background-color:var(--color-navy);color:var(--color-white)}.btn-navy:hover{background-color:var(--color-navy-a90);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-light{background-color:var(--color-light);color:var(--color-navy)}.btn-light:hover{background-color:var(--color-light-a90);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--font-size-lg)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm)}.btn-text{color:var(--color-primary);padding:var(--space-3)var(--space-4);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-2);background-color:#0000;border:none;display:inline-flex}.btn-text:hover{background-color:var(--color-primary-a10);box-shadow:none;transform:translate(4px)}.btn-text.btn-text-navy{color:var(--color-navy)}.btn-text.btn-text-navy:hover{background-color:var(--color-navy-a10)}.btn-text.btn-text-white{color:var(--color-white)}.btn-text.btn-text-white:hover{background-color:#ffffff1a}.link{color:var(--color-primary);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.link:hover{color:var(--color-primary-a80);text-decoration:underline}.link-navy{color:var(--color-navy)}.link-navy:hover{color:var(--color-navy-a80)}.link-white{color:var(--color-white)}.link-white:hover{color:#fffc}.card{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-navy);margin-bottom:var(--space-3)}.card-text{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.input{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family-primary);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-base);background-color:var(--color-white);color:var(--color-navy)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20);outline:none}.input::placeholder{color:var(--color-gray-400)}.badge{padding:var(--space-1)var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;display:inline-flex}.badge-primary{background-color:var(--color-primary-a20);color:var(--color-primary)}.badge-navy{background-color:var(--color-navy-a20);color:var(--color-navy)}.badge-light{background-color:var(--color-light-a20);color:var(--color-navy)}.card-default{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-default:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-secondary{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base)}.card-secondary:hover{background-color:var(--color-white);box-shadow:var(--shadow-md)}.card-inverse{background-color:var(--color-navy);border:1px solid var(--color-navy-a80);border-radius:var(--radius-xl);padding:var(--space-8);color:var(--color-white);transition:all var(--transition-base)}.card-inverse:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-accent{background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-8);color:var(--color-white);transition:all var(--transition-base)}.card-accent:hover{box-shadow:var(--shadow-lg);background-color:var(--color-primary-a90);transform:translateY(-2px)}.card-image{background-color:var(--color-gray-100);border-radius:var(--radius-lg);width:100%;height:200px;margin-bottom:var(--space-4);overflow:hidden}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-navy)}.card-inverse .card-title,.card-accent .card-title{color:var(--color-white)}.card-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-gray-600);margin-bottom:var(--space-4)}.card-inverse .card-description{color:#fffc}.card-accent .card-description{color:#ffffffe6}.icon-container{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-container svg{width:24px;height:24px}.icon-container-primary{background-color:var(--color-primary-a10);color:var(--color-primary)}.icon-container-light{background-color:var(--color-light-a20);color:var(--color-light)}.icon-container-navy{background-color:var(--color-navy-a10);color:var(--color-navy)}.feature-card{background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-navy);margin:var(--space-4)0 var(--space-3)0}.feature-card-text{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0}.alert{padding:var(--space-4)var(--space-5);border-radius:var(--radius-lg);background-color:var(--color-gray-100);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);border-left:4px solid}.alert-warning{border-left-color:var(--color-error)}.alert-warning .alert-title{color:var(--color-error)}.alert-info{border-left-color:var(--color-primary)}.alert-info .alert-title{color:var(--color-primary)}.alert-success{border-left-color:var(--color-success)}.alert-success .alert-title{color:var(--color-success)}.alert-title{margin-bottom:var(--space-2);font-weight:600}.alert-text{color:var(--color-gray-700);line-height:1.5}.tabs-container{width:100%}.tabs-nav{gap:var(--space-2);border-bottom:2px solid var(--color-gray-200);margin-bottom:var(--space-6);display:flex}.tabs-nav-underline{gap:var(--space-6);border-bottom:2px solid var(--color-gray-200);margin-bottom:var(--space-6);display:flex}.tab-button{padding:var(--space-3)var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-navy);border-radius:var(--radius-md)var(--radius-md)0 0;cursor:pointer;transition:all var(--transition-base);background-color:#0000;border:none;position:relative}.tab-button:hover{background-color:var(--color-gray-100)}.tab-button.active{background-color:var(--color-primary);color:var(--color-white)}.tab-button-underline{padding:var(--space-3)var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-base);background-color:#0000;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;position:relative}.tab-button-underline:hover{color:var(--color-navy)}.tab-button-underline.active{color:var(--color-navy);border-bottom-color:var(--color-primary)}.tabs-nav-inverse{border-bottom-color:var(--color-navy-a60)}.tab-button-inverse{color:#ffffffd9;border:1px solid #0000}.tab-button-inverse:hover{color:var(--color-white);background-color:#ffffff1a}.tab-button-inverse.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.tabs-nav-accent{border-bottom-color:var(--color-primary-a60)}.tab-button-accent{color:var(--color-white)}.tab-button-accent:hover{background-color:var(--color-primary-a60)}.tab-button-accent.active{background-color:var(--color-white);color:var(--color-primary)}.tab-content{padding:var(--space-6);border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-500);text-align:center;justify-content:center;align-items:center;min-height:120px;display:flex}.tab-content-inverse{color:#ffffffb3;border-color:#ffffff4d}.tab-content-accent{color:#ffffffe6;border-color:#fff6}.slider-container{border-radius:var(--radius-xl);width:100%;position:relative;overflow:hidden}.slider-slide{aspect-ratio:16/9;background-color:var(--color-gray-100);justify-content:center;align-items:center;width:100%;display:flex}.slider-controls{margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.slider-dots{gap:var(--space-2);align-items:center;display:flex}.slider-dot{border-radius:var(--radius-full);background-color:var(--color-gray-300);cursor:pointer;width:10px;height:10px;transition:all var(--transition-base)}.slider-dot.active{background-color:var(--color-primary);width:12px;height:12px}.slider-dot-inverse{background-color:var(--color-navy-a50)}.slider-dot-inverse.active{background-color:var(--color-primary)}.slider-arrows{gap:var(--space-2);display:flex}.slider-arrow{border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);width:32px;height:32px;color:var(--color-navy);cursor:pointer;transition:all var(--transition-base);background-color:#0000;justify-content:center;align-items:center;font-size:0;display:flex;position:relative}.slider-arrow:before{content:"";border-bottom:2px solid;border-right:2px solid;width:10px;height:10px;transform:rotate(45deg)}.slider-arrow:first-child:before{transform:rotate(135deg)}.slider-arrow:last-child:before{transform:rotate(-45deg)}.slider-arrow:hover{background-color:var(--color-gray-100)}.slider-arrow-inverse{border-color:var(--color-navy-a60);color:var(--color-white)}.slider-arrow-inverse:hover{background-color:var(--color-navy-a40)}.slider-inverse{background-color:var(--color-navy);padding:var(--space-8)}.slider-inverse .slider-slide{background-color:var(--color-navy-a60)}.accordion-item{background-color:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:all var(--transition-base);overflow:hidden}.accordion-header{width:100%;padding:var(--space-4)var(--space-6);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-navy);text-align:left;transition:all var(--transition-base);background-color:#0000;border:none;justify-content:space-between;align-items:center;display:flex}.accordion-header:hover,.accordion-header.active{background-color:var(--color-gray-100)}.accordion-icon{width:20px;height:20px;transition:transform var(--transition-base);color:var(--color-navy);justify-content:center;align-items:center;display:flex}.accordion-icon:before{content:"";width:10px;height:10px;transition:transform var(--transition-base);border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg)translateY(-2px)}.accordion-header.active .accordion-icon:before{transform:rotate(-135deg)translateY(2px)}.accordion-content{padding:0 var(--space-6);max-height:0;transition:max-height var(--transition-base),padding var(--transition-base);overflow:hidden}.accordion-content.active{max-height:500px;padding:var(--space-4)var(--space-6)var(--space-6)}.accordion-text{color:var(--color-navy);line-height:var(--line-height-relaxed)}.dropdown{display:inline-block;position:relative}.dropdown-button{padding:var(--space-3)var(--space-4);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-navy);cursor:pointer;align-items:center;gap:var(--space-2);transition:all var(--transition-base);display:flex}.dropdown-button:hover{background-color:var(--color-gray-50)}.dropdown-icon{width:16px;height:16px;transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex}.dropdown-icon:before{content:"";width:8px;height:8px;transition:transform var(--transition-base);border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg)translateY(-1px)}.dropdown-button.active .dropdown-icon:before{transform:rotate(-135deg)translateY(1px)}.dropdown-menu{top:calc(100% + var(--space-2));background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-base);position:absolute;left:0;transform:translateY(-10px)}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:var(--space-3)var(--space-4);color:var(--color-navy);border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer;text-decoration:none;display:block}.dropdown-item:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.divider-horizontal{background-color:var(--color-gray-300);width:100%;height:1px;margin:var(--space-6)0;border:none}.divider-horizontal-secondary{background-color:var(--color-gray-200)}.divider-horizontal-accent{background-color:var(--color-primary);height:2px}.divider-vertical{background-color:var(--color-gray-300);border:none;width:1px;height:100%;min-height:80px}.divider-vertical-secondary{background-color:var(--color-gray-200)}.divider-vertical-accent{background-color:var(--color-primary);width:2px}.tag{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-base);align-items:center;display:inline-flex}.tag-primary{background-color:var(--color-gray-200);color:var(--color-navy)}.tag-inverse{background-color:var(--color-navy);color:var(--color-white);border:1px solid #fff6}.tag-on-inverse{color:var(--color-white);background-color:#ffffff26;border:1px solid #ffffff80}.tag-on-accent{background-color:var(--color-primary-a80);color:var(--color-white)}.icon{color:var(--color-primary);justify-content:center;align-items:center;display:inline-flex}.icon-xs{width:16px;height:16px;font-size:16px}.icon-sm{width:20px;height:20px;font-size:20px}.icon-md{width:24px;height:24px;font-size:24px}.icon-lg{width:32px;height:32px;font-size:32px}.icon-xl{width:48px;height:48px;font-size:48px}.icon-navy{color:var(--color-navy)}.icon-white{color:var(--color-white)}.image-wrapper{border-radius:var(--radius-lg);background-color:var(--color-gray-100);position:relative;overflow:hidden}.image-ratio-value{width:100%;height:auto;display:block}.avatar{border-radius:var(--radius-full);background-color:var(--color-gray-200);justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-sm{width:32px;height:32px}.avatar-md{width:48px;height:48px}.avatar-lg{width:64px;height:64px}.form-label{margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-navy);text-transform:uppercase;letter-spacing:.05em;display:block}.form-label-inverse{color:var(--color-white)}select,.select{width:100%;padding:var(--space-3)var(--space-10)var(--space-3)var(--space-4);font-size:var(--font-size-base);font-family:var(--font-family-primary);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-navy);cursor:pointer;appearance:none;transition:all var(--transition-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%231E3A5F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;position:relative}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%231E3A5F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px}.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20);outline:none}.select-inverse{color:var(--color-white);background-color:#ffffff1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border-color:#fff6}.select-inverse:focus{border-color:var(--color-primary);background-color:#ffffff26}.select-inverse option{background-color:var(--color-navy);color:var(--color-white)}.select-accent{color:var(--color-white);background-color:#ffffff26;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border-color:#ffffff80}.select-accent:focus{border-color:var(--color-white);background-color:#fff3}.select-accent option{background-color:var(--color-navy);color:var(--color-white)}.checkbox-wrapper{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.checkbox{border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:all var(--transition-base);appearance:none;background-color:var(--color-white)}.checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FFFFFF' d='M10 3L4.5 8.5L2 6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.checkbox:focus{box-shadow:0 0 0 3px var(--color-primary-a20);outline:none}.checkbox-inverse{background-color:#ffffff1a;border-color:#ffffff80}.checkbox-inverse:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-label{font-size:var(--font-size-base);color:var(--color-navy);-webkit-user-select:none;user-select:none}.checkbox-label-inverse{color:var(--color-white)}.radio-wrapper{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.radio{border:2px solid var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;transition:all var(--transition-base);appearance:none;background-color:var(--color-white)}.radio:checked{border-color:var(--color-primary);background-color:var(--color-white);box-shadow:inset 0 0 0 4px var(--color-primary)}.radio:focus{box-shadow:0 0 0 3px var(--color-primary-a20);outline:none}.radio:checked:focus{box-shadow:inset 0 0 0 4px var(--color-primary),0 0 0 3px var(--color-primary-a20)}.radio-inverse{background-color:#ffffff1a;border-color:#ffffff80}.radio-inverse:checked{border-color:var(--color-primary);box-shadow:inset 0 0 0 4px var(--color-primary);background-color:#ffffff1a}.radio-label{font-size:var(--font-size-base);color:var(--color-navy);-webkit-user-select:none;user-select:none}.radio-label-inverse{color:var(--color-white)}.input-inverse{color:var(--color-white);background-color:#ffffff1a;border-color:#fff6}.input-inverse:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20);background-color:#ffffff26}.input-inverse::placeholder{color:#fff9}.input-accent{color:var(--color-white);background-color:#ffffff26;border-color:#ffffff80}.input-accent:focus{border-color:var(--color-white);background-color:#fff3;box-shadow:0 0 0 3px #ffffff4d}.input-accent::placeholder{color:var(--color-navy-a50)}.badge-error{background-color:var(--color-error-rgb);color:var(--color-white)}.bg-white{background-color:var(--color-white);color:var(--color-navy)}.bg-gray{background-color:var(--color-gray-100);color:var(--color-navy)}.bg-primary{background-color:var(--color-primary);color:var(--color-white)}.bg-navy{background-color:var(--color-navy);color:var(--color-white)}.bg-light{background-color:var(--color-light);color:var(--color-navy)}.page-header{background:linear-gradient(135deg,var(--color-navy),var(--color-primary));color:var(--color-white);padding:var(--space-20)0;text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";background-image:radial-gradient(circle at 20% 50%,var(--color-light-a20)0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--color-primary-a20)0%,transparent 50%);animation:8s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{50%{opacity:.5}}.page-header-content{z-index:1;position:relative}.page-title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-4)}.page-subtitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);opacity:.9}.demo-card{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-md)}.demo-card h2{margin-bottom:var(--space-2)}.demo-card p{color:var(--color-primary);margin-bottom:0}.spacing-demo{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.spacing-box{background-color:var(--color-primary);border-radius:var(--radius-sm)}.spacing-label{font-family:Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-semibold)}.header{border-bottom:1px solid var(--color-gray-200);background-color:rgba(var(--color-white-rgb),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;padding:var(--space-6)0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;display:flex}.header-logo-group{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.header-logo{width:auto;height:64px}.header-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.footer{background-color:var(--color-navy);color:var(--color-gray-400);--color-footer-divider:#ffffff1a}.footer-container{padding-top:var(--space-16);padding-bottom:var(--space-12)}.footer-nav-title{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-6)}.footer-nav-list{margin:0;padding:0;list-style:none}.footer-nav-item{margin-bottom:var(--space-3)}.footer-nav-link{color:var(--color-gray-400);font-size:var(--font-size-sm);transition:color var(--transition-base);text-decoration:none}.footer-nav-link:hover{color:var(--color-white);text-decoration:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}