*{box-sizing:border-box}body{margin:0}body>header{background-color:#ffffff;width:100%;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem;position:relative}body>header{padding-left:max(1rem, calc((100% - 1100px) / 2));padding-right:max(1rem, calc((100% - 1100px) / 2))}input[type="checkbox"][id="menu-toggle"]{display:none}section[data-layout="full-bleed"]{width:100%;background:linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);color:#ffffff;padding:5rem 1rem;text-align:center}section[data-layout="full-bleed"]>*{max-width:1100px;margin-left:auto;margin-right:auto}section[data-layout="full-bleed"] a:hover button{background-color:#f3f4f6;transform:scale(1.05)}section[data-layout="default"]{padding:5rem 1rem;max-width:900px;margin:0 auto;text-align:center}section[data-layout="cards"]{padding:5rem 1rem;max-width:1100px;margin:0 auto}section[data-layout="cards"] h2{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:3rem}section[data-layout="cards"]{display:grid;grid-template-columns:1fr;gap:2rem}section[data-layout="cards"]>h2{grid-column:1 / -1}section[data-layout="cards"]>article{background:linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);padding:2rem;border-radius:0.75rem;box-shadow:0 1px 3px rgba(0, 0, 0, 0.05),
        0 10px 15px -3px rgba(0, 0, 0, 0.1);border:1px solid #e5e7eb;transition:all 0.3s ease-in-out;position:relative;overflow:hidden}body>footer{background-color:#1f2937;color:#ffffff;padding:2rem 1rem;text-align:center}