:root{--container-max-width:1200px;--container-padding:var(--spacing-4);--container-padding-lg:var(--spacing-8);--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-active:#1d4ed8;--color-secondary:#6b7280;--color-secondary-hover:#4b5563;--color-background:#fff;--color-background-secondary:#f9fafb;--color-text:#171717;--color-text-secondary:#6b7280;--color-text-inverse:#fff;--color-success:#22c55e;--color-warning:#eab308;--color-error:#ef4444;--color-info:#3b82f6;--border-radius:0.5rem;--border-radius-sm:0.25rem;--border-radius-lg:0.75rem;--border-radius-full:9999px;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--font-family-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.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;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--focus-ring:0 0 0 2px var(--color-background),0 0 0 4px var(--color-primary)}*,:after,:before{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--color-text);background:var(--color-background);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}.app{min-height:100vh;flex-direction:column}.app,.main{display:flex}.main{flex:1 1;flex-direction:column}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}@media(min-width:1024px){.container{padding:0 var(--container-padding-lg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}