Championship

Regional ICPC Mexico 2026

Official platform for the 2026 ICPC Mexico Regional Finals hosted at ESCOM IPN. Built with Astro, React, and Motion, featuring a chamfered 3D hero window, spring-dampened magnetic CTAs, fluid typography, and WCAG 2.2 Level AAA compliance.

2026 ICPC Mexico Regional Finals Platform

Official web platform for the premier collegiate competitive programming championship in Mexico, hosted at ESCOM IPN. Engineered to deliver high-impact visual fidelity, rigorous design token adherence, and industrial-grade accessibility.

3D Perspective Hero Window Architecture

The primary focal element features a chamfered polygon viewport (clip-path: polygon(...)) coupled with hardware-accelerated 3D spatial projection (perspective: 1000px). The container computes pointer coordinates relative to the geometric centroid inside a throttled requestAnimationFrame render loop, applying two-axis rotation (rotateX and rotateY) while maintaining DOM tree isolation.

Spring-Dampened Magnetic CTAs

Interactive call-to-action buttons implement radial proximity magnet physics. Translation vectors are computed using a dampened spring formula, ensuring fluid return-to-rest behavior upon pointer exit. For users with vestibular considerations, a strict prefers-reduced-motion boundary instantly clamps all translational transforms to zero.

Fluid Clamp Tokens and Zero CLS

Typography, component spacing, and container boundaries strictly adhere to continuous mathematical clamp() formulas. No breakpoint-induced layout jumps are present. Image containers preserve intrinsic aspect ratios through CSS dimensional reservations, guaranteeing a 0.000 Cumulative Layout Shift (CLS) benchmark verified in automated performance suites.