:root{--color-primary:#2c3e50;--color-primary-light:#34495e;--color-primary-dark:#1a252f;--color-secondary:#546e7a;--color-accent:#607d8b;--color-background:#eceff1;--color-background-alt:#cfd8dc;--color-text:#263238;--color-text-light:#546e7a;--color-border:#90a4ae;--font-family-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-base:16px;--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.5rem;--font-size-large:1.125rem;--font-size-small:.875rem;--line-height-base:1.6;--line-height-heading:1.2;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--spacing-xxl:6rem;--container-max-width:1200px;--container-padding:1.5rem;--section-padding:var(--spacing-xl);--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 20px #0000001a;--shadow-xl:0 20px 40px #00000026;--transition-fast:.15s ease-in-out;--transition-base:.25s ease-in-out;--transition-slow:.35s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth}html,body{max-width:100vw;position:relative;overflow-x:hidden}body{color:var(--color-text);background:var(--color-background);font-family:var(--font-family-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading);color:var(--color-text);font-weight:700}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{margin-bottom:var(--spacing-sm)}p:last-child{margin-bottom:0}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}ul{list-style:none}button{cursor:pointer;font-family:inherit}.container{max-width:var(--container-max-width);padding:0 var(--container-padding);z-index:10;margin:0 auto;position:relative}.section{padding:var(--section-padding)0;scroll-margin-top:80px}section{scroll-margin-top:80px}@media (max-width:768px){:root{--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--section-padding:var(--spacing-lg)}}