:root{--color-bg:#f8f9fa;--color-bg-secondary:#e9ecef;--color-background:#ffffff;--color-surface:#f8f9fa;--color-text:#212529;--color-text-secondary:#6c757d;--color-text-light:#6c757d;--color-text-lighter:#868e96;--color-border:#dee2e6;--color-primary:#0066cc;--color-primary-hover:#0052a3;--color-secondary:#0099ff;--color-white:#ffffff;--color-black:#000000;--space-xs:0.25rem;--space-sm:0.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-md:1rem;--space-lg:1.5rem;--space-6:1.5rem;--space-xl:2rem;--space-8:2rem;--space-2xl:3rem;--space-12:3rem;--space-3xl:4rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--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:2rem;--font-size-4xl:2.5rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.6;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--max-width:1200px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--line-height-tight);margin-bottom:var(--space-md)}h1{font-size:clamp(2rem,5vw,var(--font-size-4xl))}h2{font-size:clamp(1.5rem,4vw,var(--font-size-3xl))}h3{font-size:clamp(1.25rem,3vw,var(--font-size-2xl))}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}ol,ul{margin-bottom:var(--space-md);padding-left:var(--space-lg)}button{font-family:inherit;cursor:pointer}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding:0 0 var(--space-xl) 0}.container{max-width:var(--max-width);padding:0 var(--space-lg)}@media (max-width:768px){.container{padding:0 var(--space-md)}}[hidden]{display:none!important}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.grid{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg)}.grid-1{grid-template-columns:1fr}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-right{text-align:right}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}