@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:host,:root{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-tixxly-navy: #3D4B57;--color-lime-green: #98CA3F;--color-sky-blue: #00AEEF;--color-coral-red: #FF4C5B;--color-sunshine-yellow: #FFC400;--color-amber-500: #FFC400;--color-pure-white: #FFFFFF;--color-red-100: oklch(93.6% .032 17.717);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-green-100: oklch(96.2% .044 156.743);--color-green-400: oklch(79.2% .209 151.711);--color-green-500: oklch(72.3% .219 149.579);--color-green-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-teal-100: oklch(95.3% .051 180.801);--color-teal-500: oklch(70.4% .14 182.503);--color-teal-600: oklch(60% .118 184.704);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-800: oklch(42.4% .199 265.638);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-neutral-500: oklch(55.6% 0 0);--color-neutral-800: oklch(26.9% 0 0);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-md: 28rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-7xl: 80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--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: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-relaxed: 1.625;--radius-md: .375rem;--radius-lg: .5rem;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--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);--primary-color: var(--color-sky-blue);--secondary-color: var(--color-tixxly-navy);--background: var(--color-pure-white);--foreground: var(--color-tixxly-navy);--border: var(--color-gray-300);--input-bg: var(--color-pure-white);--card-bg: var(--color-pure-white);--success: var(--color-lime-green);--error: var(--color-coral-red);--warning: var(--color-sunshine-yellow)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--color-pure-white);color:var(--color-tixxly-navy);font-family:var(--default-font-family)}#root{width:100%;min-height:100vh;background-color:var(--color-pure-white)}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.625rem 1.25rem;font-size:var(--text-base);font-weight:var(--font-weight-bold);font-family:Poppins,sans-serif;background-color:var(--color-sky-blue);color:var(--color-pure-white);cursor:pointer;transition:all var(--default-transition-duration) var(--ease-in-out);box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a;position:relative;overflow:hidden}button:hover:not(:disabled){background-color:var(--color-tixxly-navy);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--default-font-family);background-color:var(--color-white);color:var(--color-gray-900);transition:all var(--default-transition-duration) var(--ease-in-out)}input:hover,textarea:hover,select:hover{border-color:var(--color-gray-400)}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-sky-blue);outline-offset:2px;border-color:var(--color-sky-blue);box-shadow:0 0 0 3px #00aeef1a}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--secondary-color)}.container{max-width:1280px;margin:0 auto;padding:2rem}h1,h2,h3,h4,h5,h6{color:var(--color-tixxly-navy);line-height:var(--leading-tight);font-family:Poppins,sans-serif}h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--text-xl);font-weight:var(--font-weight-medium)}h4{font-size:var(--text-lg);font-weight:var(--font-weight-medium)}h5{font-size:var(--text-base);font-weight:var(--font-weight-medium)}h6{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.card{background:var(--color-pure-white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a;border:1px solid var(--color-gray-200);color:var(--color-tixxly-navy);transition:all var(--default-transition-duration) var(--ease-in-out)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px);border-color:var(--color-sunshine-yellow)}form{background:var(--color-white);padding:1.5rem;border-radius:var(--radius-lg)}.grid{display:grid;gap:1.5rem}.flex{display:flex;gap:1rem}.text-center{text-align:center}.error-message{color:var(--error);padding:.5rem;margin:.5rem 0;border-radius:4px;background:#ef44441a}.success-message{color:var(--success);padding:.5rem;margin:.5rem 0;border-radius:4px;background:#22c55e1a}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.container{padding:1rem}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.card,form{padding:1rem}.grid{grid-template-columns:1fr!important;gap:1rem}}@media(max-width:640px){.container{padding:.75rem}button{padding:.5rem 1rem;font-size:var(--text-sm)}input,textarea,select{padding:.5rem .75rem;font-size:var(--text-sm)}}