The page MUST use semantic HTML5 elements (header, main, section, footer, nav). No div soup — every container must have a meaningful tag.

The page MUST be fully responsive using CSS Grid for the main layout and Flexbox for component-level alignment. No fixed pixel widths on containers.

The page MUST NOT use any inline styles. All styling must go through CSS custom properties (variables) defined in a :root block.

The page SHOULD use the color palette: primary #1A1A2E, secondary #16213E, accent #E94560, surface #F5F5F5. SHOULD prefer the accent color for interactive elements.

All images MUST have descriptive alt text. Decorative images must use alt="" with role="presentation".

The page MUST NOT use JavaScript for layout or styling. JS is permitted only for interactivity (menu toggle, scroll animations).

The page SHOULD include a skip-to-content link as the first focusable element for keyboard navigation accessibility.
